XD의 아트보드 스크롤

아트보드에서 세로 스크롤을 만드는 방법에 대해 살펴봅니다.

XD 디자인을 제작할 때 아트보드의 크기가 콘텐츠에 비해 작은 경우가 있을 수 있습니다. 아트보드를 더 크게 만들면 XD는 세로 스크롤 기능을 자동으로 통합하여 다양한 디바이스의 화면 크기를 수용합니다. 이는 드롭다운 목록이나 스크롤 가능한 웹 사이트를 디자인할 때 매력적인 프로토타입을 제작하는 데 도움이 됩니다.

세로 스크롤 만들기

아트보드의 가장 낮은 지점을 아래로 드래그하여 디바이스 화면보다 길게 늘립니다. 아트보드에 있는 점선은 스크롤 가능 콘텐츠의 시작 위치를 가리킵니다.

사전 설정된 아트보드에서의 세로 스크롤
프로토타입 모드에서 아트보드를 와이어 연결하고 속성 관리자에서 다음 옵션을 선택합니다.

스크롤 위치 유지: 아트보드를 다른 아트보드로 전환할 때 스크롤 위치가 그대로 유지되도록 선택합니다.

스크롤 시 위치 고정: 모든 디자인 요소가 현재 위치에 고정되도록 하여 콘텐츠와 함께 스크롤되는 것을 방지합니다. 스크롤 시 위치 고정에 대한 자세한 내용은 이 문서를 참조하십시오.

스크롤 위치 유지

스크롤 시 위치 고정
아트보드를 미리 보려면 데스크탑 미리보기()를 선택합니다. 미리보기 창을 클릭하고 드래그하여 세로 스크롤을 확인합니다.

디자인 모드에서 아트보드를 선택하고 속성 관리자에서 다음 옵션을 설정합니다.
- 스크롤링: 세로를 선택합니다.
- 뷰포트 높이: 아트보드가 표시될 뷰포트 높이를 지정합니다. 뷰포트 높이는 아트보드의 높이보다 작아야 합니다.
맞춤형 크기 아트보드에서의 세로 스크롤
프로토타입 모드에서 아트보드를 와이어 연결하고 속성 관리자에서 다음 옵션을 선택합니다.

스크롤 위치 유지: 아트보드를 다른 아트보드로 전환할 때 스크롤 위치가 그대로 유지되도록 선택합니다.

스크롤 시 위치 고정: 모든 디자인 요소가 현재 위치에 고정되도록 하여 콘텐츠와 함께 스크롤되는 것을 방지합니다. 스크롤 시 위치 고정에 대한 자세한 내용은 이 문서를 참조하십시오.

스크롤 위치 유지 옵션

스크롤 시 위치 고정
아트보드를 미리 보려면 데스크탑 미리보기()를 선택합니다. 미리보기 창을 클릭하고 드래그하여 세로 스크롤을 확인합니다.

스크롤 가능한 아트보드에 대해 보다 자세히 살펴보시겠습니까? 이 비디오를 시청하십시오.