시작하는 웹 & 앱 디자이너를 위한 Adobe XD 입문서! 새로운 디바이스가 나타나고 디자인 트렌드가 바뀌는 시장에서 새로운 콘텐츠를 만들기 위해 늘 새롭게 작업해야 하는 웹 & 앱 디자이너의 고충은 경험해 본 사람만이 안다. 이 책의 저자는 오랜 실무 경력과 강의 경험으로 후배 디자이너들의 고충을 누구보다 잘 알고 있기에 빠르게 변화하는 시대에 웹 & 앱 디자인을 시작하려는 후배 디자이너에게 꼭 필요한 노하우를 알려 준다. 1. 7가지 프로젝트를 따라 하면서 실무 감각을 익힐 수 있습니다. 2. UX/UI 디자인 기본기부터 시작하는 웹 & 앱 디자이너를 위한 필수 지식을 담았습니다. 3. Adobe XD가 처음인 사용자를 위해 기본적인 툴 사용 방법부터 프로토타이핑 기초까지 친절하게 설명합니다. 대상 독자 ㆍ 예비 웹 & 앱 디자이너 ㆍ Adobe XD 사용이 익숙하지 않은 현직 디자이너 ㆍ 디자이너가 일하는 과정을 알고 싶은 서비스 기획자 ㆍ 웹 & 앱 프로토타입을 서비스로 구현하는 개발자

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