디자인 및 프로토타입 미리보기

마지막 업데이트 날짜 2023년 2월 6일

Adobe XD를 사용하여 프로토타입을 미리 보고 인터랙션을 기록하는 방법에 대해 학습합니다.

에셋 또는 프로토타입을 디자인한 후 화면 전환을 포함하여 웹 사이트 또는 앱에 대한 워크플로를 정확하게 미리 볼 수 있습니다. 미리보기를 하는 동안 Adobe XD에서 디자인이나 프로토타입을 변경하고 실시간으로 미리 확인할 수 있습니다.

메모

Adobe XD 모바일 앱을 사용하여 iOS 및 Android 디바이스에서 디자인 및 프로토타입을 미리 볼 수도 있습니다. 자세한 내용은 Adobe XD 모바일 FAQ를 참조하십시오.

디자인 또는 프로토타입 모드에서 데스크탑 미리보기( ) 아이콘을 클릭합니다.

미리보기 창이 나타납니다. 미리보기 창에는 현재 선택한 오브젝트를 포함하고 있는 아트보드가 표시됩니다. 선택한 오브젝트가 없으면 미리보기 창에는 홈 아트보드가 우선적으로 표시됩니다.

메모

전체 화면 보기 또는 일반 보기에서 디자인을 미리 볼 수 있습니다. macOS의 경우 전체 화면 모드에서 보려면 디자인의 오른쪽 상단에 있는 재생 아이콘을 클릭하십시오. 이렇게 하면 프로토타입이 확장되어 화면 전체를 채웁니다.

(선택 사항) 필요한 경우 XD에서 에셋 또는 프로토타입 인터랙션을 클릭하고 변경 내용을 적용할 수 있습니다. 해당 변경 내용은 미리보기 창에 즉시 업데이트됩니다.

미리보기 창을 닫으려면 해당 창에 표시되는 [닫기] 버튼을 클릭합니다.

프로토타입의 인터랙션 녹화

디자인 또는 프로토타입을 미리 보려면 미리보기 아이콘을 클릭합니다. 미리보기 창에서 [녹화]를 클릭합니다. 인터랙티브 프로토타입이 있는 경우 미리보기 창에서의 모든 인터랙션은 .mp4 파일로 기록됩니다.

녹화를 중단하려면 [녹화]를 다시 클릭하거나 Esc 키를 누릅니다. .mp4 파일을 저장하려는 위치를 지정합니다.

다음의 경우에도 녹화가 중단됩니다.

애플리케이션 외부로 전환하는 경우
미리보기 창에 더 이상 표시할 항목이 없는 경우

데스크탑 미리보기 창에서 프로토타입 인터랙션을 기록하는 동안 문제가 발생하는 경우 macOS Catalina에서 리코딩 활성화를 참조하십시오.

Adobe XD 모바일 앱을 사용하여 iOS 및 Android 디바이스에서 디자인 및 프로토타입을 미리 볼 수 있습니다. XD가 실행되는 컴퓨터의 USB 포트를 통해 여러 디바이스를 연결할 수 있습니다. 디자인 및 프로토타입에 변경 내용을 적용함과 동시에 연결된 모든 디바이스에서 실시간으로 미리 볼 수 있습니다. 자세한 내용은 Adobe XD 모바일 FAQ를 참조하십시오.