이 책에서 소개하는 Adobe XD는 이러한 시대적 요구에 맞는 효율과 정확성 및 신속성 면에서 현재까지 소개된 프로토타이핑 소프트웨어 중 균형이 가장 잘 잡혀 있는 툴이라고 할 수 있으며, 디자인과 프로토타이핑을 하나의 소프트웨어 안에서 신속하게 처리할 수 있어 경쟁 소프트웨어 중에서도 독보적으로 높은 생산성을 지니고 있다. 이 책은 Adobe XD에 탑재된 모든 기능과 단축키를 소개하고, 따라하기 부분을 통해 예제를 함께 만들어 보며 주요 기능의 복습과 응용을 익힐 수 있도록 구성되어 있다. 각 항목마다 해당 이미지들을 포함하고 있으며, 특히 UX 디자인 분야의 초보자들을 위해 낯선 용어의 해설과 UX 상식을 알려 주는 주석을 추가하였다. 여러분도 이 책과 함께 그 효용을 자신의 것으로 만들어 가길 바란다.

1 Adobe XD 기초학습 Adobe XD 소개(프로토타이핑) Adobe XD란? 시스템 요구 사항 워크플로 인터페이스 Adobe XD 실행 Adobe XD 시작 시 나타나는 “시작 창” Adobe XD 인터페이스 디자인 모드 아트보드 캔버스 탐색(패닝, 확대/축소) 레이어 오브젝트의 선택 및 이동 스마트 가이드와 정렬 기본도형 그리기 변형도형 그리기(펜 툴 사용) 텍스트 작업 오브젝트 스타일 색상 선택 그레이디언트 오브젝트 스타일 복사 오브젝트 크기 조정 및 회전 오브젝트 정렬 오브젝트 결합 및 마스크 반복 그리드 에셋 외부 에셋 가져오기 에셋 내보내기 프로토타입 모드 프로토타입 모드 진입하기 홈 화면 설정하기 버튼에 화면 전환 적용하기 화면 전환 효과 적용/변경하기 프로토타입 미리보기 실시간 모바일 미리보기 공유 프로토타입 게시하기 PC 웹 공유 화면 구성 2 예시 따라하기 기초 오브젝트 만들기 개요 참고 버튼 : 동그라미 버튼 버튼 : 네모 버튼 버튼 : 둥근 사각형 버튼 버튼: 동영상 플레이 버튼 카드 타입 : 네모 형태의 카드 타입 카드 타입 : 사진과 텍스트가 혼합된 카드 타입 카드 타입 : 모서리가 등군 카드 타입 카드 타입 : 갤러리(그리드) 형태의 카드 타입 데이터 테이블 테이블 : 스텝퍼(가로) 테이블 : 스템퍼(세로) 메뉴 : 탭 버튼 커스텀 UI : 프로필 화면 커스텀 UI : 체크리스트 커스텀 UI : 프로그레스 바 커스텀 UI : 숫자 키패드 커스텀 UI : 원형 타이퍼 그래프 여행 커뮤니케이션 앱 만들기 새로운 XD 파일 생성 메인 페이지 만들기 메뉴 리스트 만들기 여행지 뉴스피드 페이지 만들기 여행지 상세페이지 만들기 여행지 이미지 팝업 만들기 테마 추천 여행지 페이지 만들기 마이페이지 만들기 내 프로필 사진 확대 팝업 페이지 만들기 알림 팝업 만들기 버튼에 페이지 이동 반영하기 프로토타입 미리보기 공유하기 부록 단축키 팁