Adobe XD CC의 오버레이 기능을 사용하여 아트보드를 복제하지 않고도 앱에서 인터랙티브한 요소를 시뮬레이션할 수 있습니다.
iPhone을 들고 있는 손

샘플 파일을 열거나 보유한 파일을 사용합니다. 먼저 소스 아트보드가 있는 디자인과 오버레이할 아트보드로 시작합니다. 이 디자인의 경우 배경 흐림 효과가 적용된 사각형 앞에 팝업 메뉴가 있는 아트보드를 만들었습니다. 배경 흐림 효과는 오버레이가 적용된 아래 아트보드를 각각 부드럽게 하여 메뉴에 시선을 집중시킵니다.

Adobe XD에서 팝업 메뉴가 표시된 아트보드

프로토타입 모드로 전환하여 아트보드 또는 오브젝트를 오버레이 아트보드에 연결합니다. 전환 설정을 다양하게 적용해 보면서 원하는 애니메이션 효과를 찾아 보십시오. 데스크탑 미리 보기를 사용하여 해당 효과를 테스트합니다.

Adobe XD의 데스크탑 미리 보기

필요에 따라 여러 아트보드 또는 오브젝트를 오버레이에 연결합니다.

이미지 배경 흐림 효과

배경 흐림 효과가 적용된 오버레이가 아래 아트보드와 각각 어떻게 인터랙션하는지 확인합니다.

아래 아트보드에 적용된 배경 흐림 효과

여러분도 모달 오버레이를 사용하여 보다 효율적으로 사실적인 사용자 경험을 만들어 보시기 바랍니다.

11/06/2018
이 페이지가 도움이 되었습니까?