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