Adobe XD의 기본 기능부터 실무형 프로젝트까지 한번에! Adobe XD는 UI 디자인과 프로토타이핑을 손쉽게 구현하기 위해 어도비사에서 개발한 프로그램입니다. 이 책은 Adobe XD의 기본 기능부터 애니메이션과 인터랙션을 구현하는 방법을 설명하고, 마지막에 앞에서 배운 내용을 바탕으로 〈푸드 레시피 앱 만들기〉 프로젝트를 진행합니다. 또한 개발자와 디자인 결과물을 공유하고 협업하는 방법에 대해서도 설명하여 모바일 디자인을 처음 공부하는 학생이나 신입 디자이너에게 유용합니다.

저자 : 이영주 Western Sydney University에서 Digital Media를 전공했으며 홍익대학교 영상학과에서 박사과정을 수료했습니다. 현재는 청운대학교 멀티미디어학과 교수로 재직 중입니다. 주요 저서로 한빛아카데미(주)에서 출간한 『UI/UX 디자인 이론과 실습 with Adobe XD』(2020), 『design school 포토샵 & 일러스트레이터 CC 2019』(2019), 『design school 포토샵 CC 2019』(2019), 『design school 일러스트레이터 CC』(2018), 『모바일 UI/UX 디자인 실무』(2018), 『UI/UX 디자인 이론과 실습』(2015) 등 다수가 있습니다.

Part 01 Adobe XD 기초 Chapter 01 Adobe XD 시작 01. Adobe XD 소개 02. Adobe XD 설치 03. 홈 화면과 인터페이스 04. 아트보드와 레이어 Chapter 02 도형 및 오브젝트 그리기 01. 기본 도형 그리기 02. 자유 도형 그리기 03. 선 그리기 04. 오브젝트의 복제, 정렬, 배치, 병합 Chapter 03 색상 및 이미지 활용 01. 기본 색상 채우기 02. 그레이디언트 채우기 03. 이미지 편집하기 04. 반복 그리드 활용하기 Part 02 마이크로 인터랙션을 위한 애니메이션 Chapter 04 아이콘과 애니메이션 01. 네트워크 아이콘과 자동 애니메이션 02. 배터리 아이콘과 자동 애니메이션 03. 날씨 아이콘과 전환 애니메이션 Chapter 05 프로토타입을 위한 애니메이션 01. 버튼 인터랙션과 멀티플 인터랙션 02. 선형 메뉴 인터랙션을 위한 자동 애니메이션 03. 배경 메뉴 인터랙션을 위한 자동 애니메이션 04. 버튼 인터랙션을 위한 터치 애니메이션 05. 드로어 인터랙션을 위한 오버레이 애니메이션 Chapter 06 드래그 인터랙션과 보이스 인터랙션 01. 좌우 스크롤링 인터랙션 02. 크기 변화 인터랙션 03. 위치 변화 인터랙션 04. 휠 컨트롤 인터랙션 05. 보이스 인터랙션 06. 키패드 인터랙션 Part 03 UI 디자인과 프로토타입 Chapter 07 로딩 UI와 인터랙션 01. 패럴랙스 로딩 인터랙션 02. 무한 루프 로딩 인터랙션 03. 진행형 로딩 인터랙션 04. 숫자형 로딩 인터랙션 05. 애니메이션 로딩 인터랙션 Chapter 08 랜딩 페이지와 로그인 인터랙션 01. 랜딩 페이지와 선형 인풋 로그인 인터랙션 02. SNS 랜딩 페이지와 박스 인풋 로그인 인터랙션 03. 팝업 오버레이 로그인 인터랙션 Chapter 09 Adobe XD의 유용한 기능 01. 8dp 그리드와 반응형 그리드 02. 반복 사용되는 구성 요소를 위한 에셋 활용 UI 03. 플러그인 활용 Chapter 10 스타일 가이드 01. UI 디자인 스타일 02. iOS와 안드로이드의 이해 03. 해상도 04. 색상 05. 타이포그래피 06. 컴포넌트와 그림자 높이 Part 04 프로젝트: 푸드 레시피 앱 만들기 Chapter 11 로그인과 튜토리얼 구현 01. 로그인 페이지 제작 1: 랜딩 페이지 UI 02. 로그인 페이지 제작 2: 로그인 UI 03. 로그인 페이지 제작 3: 비밀번호 찾기 UI 04. 로그인 페이지 제작 4: 회원가입 UI 05. 로그인 페이지 제작 5: 프로토타입 연결 06. 튜토리얼 페이지 제작 1: 튜토리얼 UI 07. 튜토리얼 페이지 제작 2: 프로토타입 연결 Chapter 12 메인 페이지와 상세페이지 구현 01 메인 페이지 제작 1: 메인 콘텐츠 페이지 UI 02 메인 페이지 제작 2: 프로토타입 연결 03 상세 페이지 제작 1: 콘텐츠 리스트 스크롤 UI 04 상세 페이지 제작 2: 상세 페이지 UI 05 상세 페이지 제작 3: 사진 그리드 UI 06 상세 페이지 제작 4: 프로토타입 연결 Chapter 13 목록과 리스트 구현 01 메인 목록 UI 제작 02 목록 리스트 UI 제작 03 유저 리스트 UI 제작 04 유저 상세 페이지 UI 제작 05 프로토타입 연결 Chapter 14 리뷰, 검색, 프로필 구현 01 리뷰 작성 UI 제작 02 검색 필터 UI 제작 03 프로필 페이지 UI 제작 04 프로토타입 연결 Chapter 15 전체 앱 프로토타입 연결 01 종합 제작 1: 개별 XD 파일 하나로 합치기 02 종합 제작 2: 프로토타입 연결 Part 05 공유와 협업 Chapter 16 내보내기와 공유 01 구성 요소 내보내기 02 개발자와의 공유 03 제플린으로 공유