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 제플린으로 공유