CHAPTER 01 웹과 앱의 UX/UI 디자인 기본기

[LESSON 01] 기획과 개발을 고려한 UX/UI 디자인 12
_UX 디자인의 필수 요소 12
_바람직한 UI 디자인 15

[LESSON 02] 웹 환경 이해하기 16
_웹 환경과 이미지 16
_웹 디자인과 앱 디자인은 다르다 20
_HTML/CSS/JavaScript와 디자인의 관계 23
_프로토타입과 Adobe XD 24

[LESSON 03] HTML+CSS를 고려한 UX/UI 디자인 25
_웹 디자인의 기본 요소 25
_시스템 기반의 디자인 요소 26
_웹과 상호작용하는 UX/UI 30

[LESSON 04] iOS와 안드로이드 환경 이해하기 32
_애플의 플랫 디자인 33
_구글의 머티리얼 디자인 38
_안드로이드와 iOS 인터페이스의 차이 39

CHAPTER 02 Adobe XD를 활용한 UI 디자인 실습기

[LESSON 01] Adobe XD 기능 활용하기 44
_기본 툴 개념과 이해 44
_패스와 도형 그리기 54
_오브젝트와 레이어 활용하기 62
_이미지 편집하고 텍스트 입력하기 70
_구성 요소와 에셋, 오브젝트와 반복 그리드 79
_반응형 웹에 적합한 화면 구성하기 87
_그리드 98

[LESSON 02] Adobe XD 프로토타입 101
_디자인에 움직이는 애니메이션 적용하기 101
_다이얼 및 마우스 오버 상태 추가하기 107

[LESSON 03] 디바이스 출력 및 공유하기 118
_시스템별 디바이스 환경 118
_협업을 위한 공유 파일 관리 121
_작업 효율을 높이는 플러그인 122

CHAPTER 03 실무 웹/앱 UI 디자인 분석과 실습

[LESSON 01] To-Do 앱 UI 디자인 128
_UI 디자인 실습 131
_프로토타입 141

[LESSON 02] SNS 앱 UI 디자인 146
_SNS 바이럴 서비스 디자인 UX 분석 146
_UI 디자인 실습 147
_프로토타입 158

[LESSON 03] 반응형 웹/앱 UI 디자인 164
_데스크탑 버전과 모바일 버전 최적화 165
_HTML과 CSS 적용하기 165
_UI 디자인 실습 166
_프로토타입 175

[LESSON 04] 쇼핑 커머스 앱 UI 디자인 177
_쇼핑 앱 UX 분석 177
_UI 디자인 실습 180
_프로토타입 188

[LESSON 05] 영화 감상 앱 UI 디자인 194
_영상 스트리밍 앱 UX 분석 194
_UI 디자인 실습 195
_프로토타입 202

[LESSON 06] 식품 정보 앱 UI 디자인 204
_UI 디자인 실습 204

[LESSON 07] 인테리어 가구 앱 UI 디자인 217
_UI 디자인 실습 217