UX/UI 디자인 완벽 가이드: UI, 인터랙션, 프로토타이핑 편 (이론부터 실무까지, 한 권으로 완성하는 UX/UI 설계노하우 | 반양장)

조성봉,이정은

저자:조성봉
라이트브레인UX컨설팅그룹이사.
《이것이UX/UI디자인이다》(위키북스,2020),《이것이UX디자인이다》(위키북스,2013)저자.
前UX1대표.
금융연수원UI/UX전임강사.
디자인진흥원국가인적자원개발자문위원.
각종정부기관UI/UX자문.
[주활동분야]
-UX디자인컨설팅
-기술/트렌드기반제품/서비스컨설팅
-AIUX,디지털트랜스포메이션관련연구
[프로젝트]
-선행연구:삼성전자,현대자동차,SKT,LG전자등
-UX/UI:신한은행SOL,네이버메인화면,네이버모바일쇼핑판,국민은행,신한카드등
-B2B:삼성SDS,웅진그룹,신한금융지주,두산그룹,싸이버로지텍등
-AIUX:삼성카드챗봇,삼성SDS,삼성전자등

1장:UI설계
UX와UserInterface
__스크린을둘러싼이야기
__GUI(GraphicUserInterface)
__GUI와UX/UI
UI설계흐름
재료(정보및기능적요소)준비
__정보
__내비게이션
__레이블,UXWriting
__입력/선택요소
__실행요소
__다이얼로그
__그래픽
__커뮤니케이션요소
콘텐츠가공
__편집
__포매팅
__시각화(Visualization)
콘텐츠구성
__결합
__구분
__최적화
콘텐츠배치
__기기/서비스특성:시선흐름
__화면유형
__강조
__반복
콘텐츠형태
__공간적형태
__언어적형태
__시각적형태

2장:UI요소
입력/선택요소
__입력상자(Form)
__선택상자(DropdownSelector)
__라디오(Radio)버튼과체크박스(Checkbox)
__슬라이더(Slider)
__피커(Picker)
__토글(Switch,Toggle)
__입력칩(InputChips)
실행요소
__버튼(Button)
다이얼로그
__모달(Modal,팝업창)
__시트(바텀시트,BottomSheet)
__스낵바/토스트
__스티키노트(Stickynote,툴팁)

3장:좋은UX/UI의조건
좋은UX를위해서
UX영향요소
__기기/채널의영향
__서비스복잡도의영향
__이용빈도의영향
__수행능력의영향
__관여도의영향
__맥락의영향
__결론
동기부여
__동기부여의중요성
__기본원리,위협과보상
__희소성(Scarcity)
__손실회피(Lossaversion)
__프레임효과(FramingEffect)
__보상심리
__인정욕구
__레벨업(Levelingup)
__상호협력과호혜(CollaborationandReciprocity)
행동뒷받침
__매끄러운행동전개
__최소한의행동요구
__사용자고민선반영
__맥락에부합하는UI요소적용
__직관적인시각적계층구조

4장:UX/UI설계원칙
UI설계원칙
__경제성
__의사소통성
__조직성
__스캐폴딩(Scaffolding)
__청크나누기(Chunking)
HCI원칙
__힉의원칙
__밀러의원칙
__유연성-사용성균형원칙
__테슬러의원칙
__피트의원칙
__제이콥의원칙
게슈탈트원리(LawofPrgnanz)
__유사성의원리(LawofSimilarity)
__근접성의원리(LawofProximity)
__연속성의원리(LawofContinuity)
__공동운명의원리(LawofCommonFate)
그래픽디자인요소
__점(Point)
__선(Line)
__모양(Shape)
__형태(Form)
__색상(Color)
__공간(Space)

5장:인터랙션
인터랙션설계프로세스
__트리거(Trigger)
__패턴(Rules)
__페이드전환(FadeTransition)
__마이크로인터랙션(MicroInteraction)
__효과(Feedback)
__모션효과(MotionEffect)

6장:프로토타이핑
피그마기본사용법
__피그마시작
__피그마인터페이스
와이어프레임설계
__디바이스/해상도설정
__프레임생성
__Layoutgrid(레이아웃그리드)설정
__와이어프레임설계
__Designsystem(디자인시스템)
__실습
프로토타입(Prototype)
__Prototypesettings(프로토타입설정)
__Prototypeviewmode(프로토타입뷰모드)
__Scrollbehavior(스크롤동작)설정
__인터랙션설정
__실습
AIin피그마
__FirstDraft(퍼스트드래프트)
__UI생성형AI서비스비교

디지털제품의성공을이끄는UX/UI디자인의완벽한로드맵을만나보세요!

디지털시대의필수역량,UX/UI디자인의모든것을담았습니다.사용자중심의UI설계부터매력적인인터랙션구현,효과적인프로토타이핑기법까지체계적으로다룹니다.

초보자부터전문가까지,실무에바로적용할수있는UX/UI설계노하우와최신트렌드를다양한사례를통해배울수있습니다.훌륭한UX를위한동기부여와행동뒷받침원칙,HCI,게슈탈트원리,그래픽디자인요소등이론적기반도함께제공하여실무적용력을높였습니다.

피그마를활용한UX/UI설계실습은단계별예제를통해누구나쉽게따라할수있도록구성되어있습니다.이과정을통해디자인원리를실제로적용하는방법을익히고,동시에업계표준도구인피그마를능숙하게다룰수있게될것입니다.