UX/UI 디자인을 위한 Adobe XD (웹&앱 디자인 기초부터 UI 디자인, 프로토타입 제작까지!)

김영일

홍익대학교영상대학원인터랙션디자인과에서석사학위를,홍익대학교일반대학원영상·인터랙션과에서박사학위를받은후CJ홈쇼핑,SK커뮤니케이션즈의네이트,싸이월드,11번가등에서UX/UI디자이너로근무하였고,삼성Pengteil-차이나와소셜커머스업체인그루폰코리아,위메프등에서e커머스UX/UI팀장으로근무하면서다양한서비스를만들었다.현재는한양여자대학교공과대학스마트IT과의조교수로있으면서웹앱UX/UI,자바스크립트프론트엔드개발,메타버스지향유니티VR/AR,블렌드3D교육을맡고있다.

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

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

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

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

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

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

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

CHAPTER03실무웹/앱UI디자인분석과실습
[LESSON01]To-Do앱UI디자인128
_UI디자인실습131
_프로토타입141

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

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

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

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

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

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

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

대상독자
ㆍ예비웹&앱디자이너
ㆍAdobeXD사용이익숙하지않은현직디자이너
ㆍ디자이너가일하는과정을알고싶은서비스기획자
ㆍ웹&앱프로토타입을서비스로구현하는개발자