질문이 있거나 아이디어를 공유하고 싶다면 Adobe XD 커뮤니티에 참여하십시오. 여러분의 소중한 의견과 다양한 작품 활동을 기대하겠습니다.
마지막 업데이트 날짜
2022년 11월 28일
아트보드의 나머지 부분과 개별적으로 스크롤할 수 있도록 지원하는 스크롤 그룹을 만드는 방법에 대해 알아보십시오.
Adobe XD에서 스크롤 그룹을 사용하여 가로, 세로 또는 양방향으로 스크롤할 수 있는 콘텐츠 창을 프로토타이핑할 수 있습니다. 스크롤 그룹은 일련의 이미지, 제품 슬라이더 또는 인터랙티브 맵과 같은 UI 요소를 디자인할 때 편리합니다.
XD에서 가로 및 세로 스크롤, 가로 스크롤과 세로 스크롤의 통합 스크롤 그룹을 사용하는 방법을 아래에서 자세히 살펴보십시오.
계속하기 전에
가로 스크롤 효과 만들기
슬라이드 레이아웃에서 왼쪽 또는 오른쪽으로 스크롤하고자 하십니까? 이 애니메이션 일러스트레이션을 살펴보고 다음 단계에 따라 가로 스크롤 효과를 만드는 방법에 대해 알아보십시오.
디자인 모드에서 가로 스크롤 효과를 추가할 콘텐츠를 선택합니다.
속성 관리자에서 
아이콘을 클릭합니다.
뷰포트는 필요 시 바로 미리보기 환경을 제공하도록 크기가 자동으로 조정됩니다.
를 클릭하여 가로 스크롤 효과를 미리 봅니다.
샘플 파일을 다운로드하여 직접 사용해 볼 수도 있습니다.
샘플 파일 다운로드
세로 스크롤 효과 만들기
제품 슬라이더에서 위아래로 스크롤하고자 하십니까? 이 애니메이션 일러스트레이션을 살펴보고 다음 단계에 따라 세로 스크롤 효과를 만드는 방법을 알아봅니다.
디자인 모드에서 세로 스크롤 효과를 추가할 콘텐츠를 선택합니다.
속성 관리자에서 
아이콘을 클릭하여 위아래로 스크롤합니다.
뷰포트는 필요 시 바로 미리보기 환경을 제공하도록 크기가 자동으로 조정됩니다.
를 클릭하여 세로 스크롤 효과를 미리 봅니다.
샘플 파일을 다운로드하여 직접 사용해 볼 수도 있습니다.
샘플 파일 다운로드
가로 및 세로 스크롤 효과 만들기
가로 및 세로 스크롤 효과를 모두 포함하는 통합 스크롤 효과를 만들 수 있습니다. 이 애니메이션 일러스트레이션을 보고 다음 단계를 따르십시오.
디자인 모드에서 가로 및 세로 스크롤 효과 모두를 추가할 콘텐츠를 선택합니다.
속성 관리자에서 
아이콘을 클릭합니다.
뷰포트는 필요 시 바로 미리보기 환경을 제공하도록 크기가 자동으로 조정됩니다.
를 클릭하여 가로 및 세로 스크롤 효과를 미리 봅니다.
샘플 파일을 다운로드하여 직접 사용해 볼 수도 있습니다.
샘플 파일 다운로드
자세히 알아보기
<업데이트 예정>
팁 및 요령
XD에서 가로 및 세로 스크롤 효과를 만드는 방법에 대해 살펴보려면 다음 유용한 팁 및 요령을 참조하십시오.
다음 단계
지금까지 가로 및 세로 스크롤 효과를 만드는 방법에 대해 살펴보았습니다. 한발 더 나아가 모바일에서 스크롤 효과를 미리 보고 디자이너 또는 관련자들과 공유하여 피드백을 얻는 방법에 대해 알아보십시오.
질문이나 아이디어가 있습니까?
