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

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

참고:

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

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

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

    참고:

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

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

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

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

참고:

Windows의 Adobe XD에서는 프로토타입 녹화 기능이 지원되지 않습니다. 그러나 해결 방법은 있습니다. Windows + G 키를 눌러 기본 리코더를 사용하면 미리보기 창을 녹화할 수 있습니다.

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

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

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

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

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

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책