디자인 경험을 바꾸는 UI/UX 디자인 WITH AI - 사용자 리서치부터 시나리오 보드 GUI 디자인까지 생성형 AI와 UI/UX 자동화의 모든 것

한 번의 클릭, 한 줄의 문장으로

와이어프레임, 무드 보드, 아이콘, 시스템 디자인까지

디자이너의 발전사를 되돌아보면 실행자에서 의사 결정자로, 심미적인 영역에서 비즈니스 영역으로, 국소적인 전문 분야에서 통합적 경험 분야로 확대되는 여정을 볼 수 있습니다. 그렇다면 다음 시대가 요구하는 디자이너의 모습은 무엇일까요?

시대가 변해도 디자이너의 근본적인 역량은 단연 ‘창의성’입니다. 이 책은 UX/UI 디자이너가 근본 역량에 집중할 수 있도록 웹/모바일 서비스를 기획, 디자인, 개발하는 모든 과정에 AI를 활용하는 방법을 살펴봅니다. 언어 모델로 휴리스틱 평가, 사용자 인터뷰 분석, UX 라이팅을 하고 이미지 모델로 시나리오 보드, 와이어프레임, 무드 보드의 초안을 다질 수 있습니다. 또, 시중에 나온 수많은 UX/UI 자동화 도구 중에서도 가장 유용하고 시장성이 뛰어난 도구들을 소개합니다. 이 여정을 따라가다 보면 AI 시대에 필요한 디자이너의 새로운 역량이 무엇인지 자연스럽게 이해하게 될 것입니다.

 

누구나 프로처럼,

제로베이스에서 프로덕트 하나를 완성하기까지

생성 AI는 누가 어떻게 쓰느냐에 따라 무궁무진한 가능성을 가진 도구입니다. 때로는 의뢰인의 상담을 도와주는 변호사였다가, 막힘 없이 데이터 분석 주제 제안부터 보고서 작성까지 깔끔하게 정리해 주는 똑똑한 분석가일 때도 있고, 원한다면 영상 한 편을 뚝딱 완성해 주는 유능한 제작자가 되기도 합니다. 이 모든 역량을 가진 뛰어난 파트너를 고용하는 방법을 알려드립니다.

[목 차]

1부 AI 디자인 시대의 UX/UI 디자인

 

01장 AI 디자이너로 UX/UI 디자인하기

현재 시대를 살아가는 디자이너의 역할

AI 시대, UX/UI 디자인 조직에서 리더의 역량

UX/UI 디자이너가 갖춰야 할 3가지 역량

UX/UI 디자인 프로세스 단계별 AI 도구

 

 

2부 언어 모델 AI와 UX/UI 디자인하기

 

02장 주요 언어 모델 AI 이해하기

LLM에 대한 이해와 발전 동향

친밀한 대화형 AI, 챗GPT

똑똑한 AI, 클로드

검색 엔진의 혁신, 퍼플렉시티

언어 모델 AI의 미래

 

03장 UX/UI 디자인을 위한 프롬프트 엔지니어링

UX/UI를 위한 프롬프트 엔지니어링

UX/UI 프롬프트 엔지니어링을 위한 4원칙

페르소나 기법

예시 기반 기법

후카츠식 프롬프트 기법(형식 기법)

4원칙을 활용한 4가지 구조화 타입

 

04장 실전, AI와 UX 리서치 & 인사이트 도출하기

휴리스틱 평가하기

사용자 인터뷰 분석하기

페르소나 모델링하기

UX 라이팅하기

가상의 사용자 조사를 위한 시네틱 유저

보즈로 스토리보드 제작하기

 

 

3부 이미지 생성형 AI로 UX/UI 디자인하기

 

05장 이미지 생성형 AI 이해하기

이미지 생성형 AI가 UX/UI 디자인에 가져온 혁신

UX/UI 디자이너를 위한 최고의 도구, 미드저니

UX/UI 디자이너의 미드저니 활용 방법

거대한 오픈 소스 기반 AI, 스테이블 디퓨전

UX/UI에서 스테이블 디퓨전 활용 사례

 

06장 UX/UI 디자이너를 위한 이미지 프롬프트 작성하기

페르소나를 위한 인물 이미지 생성하기

시나리오 보드를 위한 다양한 스타일의 동일한 캐릭터 생성하기

인물과의 거리 & 시점을 조정하는 프롬프트

UX 시나리오 보드 제작하기

UX 시나리오 보드에 전략적으로 AI 활용하기

 

07장 실전, 이미지 모델과 UI 디자인하기

GUI 디자인하기

6단계 프롬프트로 완성한 GUI

무드 보드 디자인하기

6단계 프롬프트로 생성한 무드 보드 예시

아이콘 생성하기

6단계 프롬프트로 생성한 아이콘 예시

프롬프트가 자산이 되는 시대

 

4부 UX/UI 디자인 패러다임의 변화, AI로 UI 디자인하기

 

08장 Text to UI 디자인의 패러다임, 갈릴레오 AI

Text to UI 디자인의 패러다임, 갈릴레오 AI

갈릴레오 AI로 UI 생성하기

갈릴레오 AI의 디자인 품질을 높이는 5가지 팁

 

09장 Text to 와이어프레임의 강자, 릴룸

디자인 초기 단계의 빠른 자동화

릴룸의 주요 기능

 

10장 모든 UX 프로세스를 함께, UX 파일럿

디자인 작업의 혁신

UX 파일럿의 주요 기능

UX 파일럿의 실무 활용 사례

 

11장 멀티모달 인터랙션 시대의 디자인 도구, 크리에이티

멀티모달 인터랙션이 등장하기까지

멀티모달 인터랙션 기반 UI 디자인 도구, 크리에이티

크리에이티의 주요 기능

 

12장 AI로 한층 더 강해진 UI 디자인 최강자, 피그마

피그마에 도입된 새로운 AI 기능들

피그마의 AI 기반 기능

피그마 AI 기능의 한계와 실무 활용 시 주의점

 

13장 UI 프로토타이핑 도구, 위자드

‘디자인의 민주화’

위자드의 주요 기능

조직 규모별 위자드 실전 사례

 

14장 AI 기반 사용자 분석 도구, 메이즈

빠른 실패와 개선의 중요성

메이즈의 주요 기능

디자인 프로세스를 가속화하는 메이즈 실전 사례

메이즈의 활용 가치와 한계

 

15장 노코드 UI 디자인의 패러다임, 웹플로우

노코드 UI 디자인의 선두, 웹플로우

시간과 비용을 아끼는 웹플로우 실전 사례

 

16장 디자인과 개발 간격을 줄이는, 프레이머

디자이너와 개발자를 위한 종합 디자인 도구

프레이머의 주요 기능

디자인부터 배포까지 한 번에, 프레이머의 실전 사례

 

5부 AI 시대, UX/UI 디자인의 미래

 

17장 AI와 일하는 UX/UI 디자이너

UX/UI 디자이너의 역할 변화

UX 디자인 업계에서 AI의 역할 변화

 

18장 AI 디자인의 미래

AI 에이전트와 UX 디자인

AI 오케스트레이션

 

19장 AI 시대, 디자인과 저작권

AI 시대, UI 디자인의 저작권 이슈

UI와 저작권

AI 시대, 디자이너가 꼭 알아야 할 저작권 개념

디자이너가 알아야 할 저작권 보호 전략