Adobe XD를 사용하여 어디에서나 전달할 수 있는 프레젠테이션을 디자인할 수 있습니다.
create-interactive-presentation_1000x560

필요 항목

샘플 파일은 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 이미지입니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면 Adobe Stock에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오.

프레젠테이션의 슬라이드로 사용할 아트보드를 디자인하기 전에 데스크탑 웹 브라우저, 태블릿 또는 모바일 디바이스 중 무엇으로 전달할지 먼저 고려해야 합니다. 그런 다음 최적의 디스플레이에 이상적인 아트보드 크기를 만듭니다.

create-interactive-presentation_step1

프레젠테이션을 보다 흥미롭게 만들려면 애니메이션 효과를 다양하게 적용해 보십시오. 최소 두 개의 아트보드를 만들어 각 애니메이션의 시작 및 종료 상태를 정의합니다. 요소가 화면 밖에서 슬라이드 영역으로 들어오게 하려면 먼저 아트보드에 요소를 그린 다음 페이스트보드로 옮깁니다. 그런 다음 요소를 복사하여 동일한 이름으로 지정하고 두 번째 아트보드의 최종 위치에 배치합니다.

create-interactive-presentation_step2

프로토타입 모드에서 탭 트리거를 사용하여 아트보드를 연결해 표준 내비게이션을 만듭니다. 애니메이션 효과를 만들려면 시간 트리거와 자동 애니메이트 액션을 사용하여 아트보드를 연결하고 데스크탑 미리보기에서 효과를 테스트합니다. XD는 연결된 아트보드에서 이름이 동일한 오브젝트의 크기와 위치 차이를 트위닝하여 애니메이션 효과를 만듭니다.

create-interactive-presentation_step3

최종 프레젠테이션에는 음성 명령을 포함할 수 있으므로 발표자는 언제든지 특정 주제로 돌아갈 수 있습니다. 그러려면 오브젝트를 대상 아트보드에 연결하고 음성 트리거를 선택한 다음 발표자가 말해야 하는 명령을 입력합니다. 음성 인터랙션을 테스트하려면 데스크탑 미리보기를 열고 스페이스바를 누른 다음 명령을 말합니다.

create-interactive-presentation_step4

마지막으로 프로토타입을 전체 화면 모드로 게시하여 콘텐츠를 제공합니다. 음성 인터랙션을 이용하려면 스페이스바를 누른 상태에서 음성 명령을 사용해야 합니다.

create-interactive-presentation_step5

인터넷이 연결된 어디에서나 전달할 수 있는 인터랙티브한 프레젠테이션을 디자인해 보시기 바랍니다.

09/02/2020

Adobe Stock 콘텐츠 제공: Kaspars Grinvalds, okalinichenko

이 페이지가 도움이 되었습니까?