1 Adobe XD 기초학습

Adobe XD 소개(프로토타이핑)
Adobe XD란?
시스템 요구 사항

워크플로

인터페이스
Adobe XD 실행
Adobe XD 시작 시 나타나는 “시작 창”
Adobe XD 인터페이스

디자인 모드
아트보드
캔버스 탐색(패닝, 확대/축소)
레이어
오브젝트의 선택 및 이동
스마트 가이드와 정렬
기본도형 그리기
변형도형 그리기(펜 툴 사용)
텍스트 작업
오브젝트 스타일
색상 선택
그레이디언트
오브젝트 스타일 복사
오브젝트 크기 조정 및 회전
오브젝트 정렬
오브젝트 결합 및 마스크
반복 그리드
에셋
외부 에셋 가져오기
에셋 내보내기

프로토타입 모드
프로토타입 모드 진입하기
홈 화면 설정하기
버튼에 화면 전환 적용하기
화면 전환 효과 적용/변경하기
프로토타입 미리보기
실시간 모바일 미리보기

공유
프로토타입 게시하기
PC 웹 공유 화면 구성

2 예시 따라하기

기초 오브젝트 만들기
개요
참고
버튼 : 동그라미 버튼
버튼 : 네모 버튼
버튼 : 둥근 사각형 버튼
버튼: 동영상 플레이 버튼
카드 타입 : 네모 형태의 카드 타입
카드 타입 : 사진과 텍스트가 혼합된 카드 타입
카드 타입 : 모서리가 등군 카드 타입
카드 타입 : 갤러리(그리드) 형태의 카드 타입
데이터 테이블
테이블 : 스텝퍼(가로)
테이블 : 스템퍼(세로)
메뉴 : 탭 버튼
커스텀 UI : 프로필 화면
커스텀 UI : 체크리스트
커스텀 UI : 프로그레스 바
커스텀 UI : 숫자 키패드
커스텀 UI : 원형 타이퍼 그래프

여행 커뮤니케이션 앱 만들기
새로운 XD 파일 생성
메인 페이지 만들기
메뉴 리스트 만들기
여행지 뉴스피드 페이지 만들기
여행지 상세페이지 만들기
여행지 이미지 팝업 만들기
테마 추천 여행지 페이지 만들기
마이페이지 만들기
내 프로필 사진 확대 팝업 페이지 만들기
알림 팝업 만들기
버튼에 페이지 이동 반영하기
프로토타입 미리보기
공유하기

부록
단축키
팁