사용 안내서 취소

웹 브라우저에서 볼 때 Adobe XD 프로토타입이 올바로 렌더링되지 않습니다

원형 링크에서 대지 렌디션을 수정하는 방법을 알아봅니다.

문제

브라우저에서 XD 원형을 보면 크기가 축소됩니다.

근본 원인

브라우저에서 전체 대지 너비와 높이가 브라우저 창에 들어맞게 변경되어 원형이 축소되어 표시되는 경우 스크롤 설정이 대지에 적용됩니다.

XD의 대지에는 없음 또는 수직으로 설정할 수 있는 스크롤이라는 속성 검사기 설정이 있습니다.

  • 스크롤이 없음으로 설정되면 전체 대지는 스크롤 막대가 없는 브라우저 창에 들어맞게 표시됩니다.
  • 스크롤이 수직으로 설정되면 속성 검사기에서 대지에 대해 설정된 뷰포트 높이 값이 브라우저에 내용이 어떻게 표시될지를 결정합니다.
    • 뷰포트 높이가 대지 높이와 같지 않으면 뷰포트 높이는 브라우저 창에 들어맞고 너비는 종횡비를 유지하도록 조정됩니다.
    • 뷰포트 높이가 대지 높이와 같으면 뷰포트 너비는 브라우저 창에 들어맞게 표시되고(필요한 경우), 높이는 조정됩니다.

XD에서 사용자 정의 대지를 만들 때 스크롤 속성은 자동으로 없음으로 설정됩니다. 이렇게 되면 큰 대지는 작게 표시됩니다. 

[스크롤]이 [없음]으로 설정된 링크 검토
[스크롤]이 [없음]으로 설정된 링크 검토

[스크롤]이 [수직]으로 설정된 링크 검토
[스크롤]이 [수직]으로 설정된 링크 검토

해결 방법

이해당사자가 볼 수 있는 게시된 원형의 모양을 제어하려면 스크롤 설정을 사용하십시오.

웹 사이트 및 전단지와 같은 큰 페이지를 표현하는 디자인의 경우 스크롤을 수직으로 설정하고 적절한 뷰포트 값을 입력하십시오.

[스크롤] 특성을 [수직]으로 설정
[스크롤] 특성을 [수직]으로 설정

쉽고 빠르게 지원 받기

신규 사용자이신가요?