UXPin 에디터의 심장부는 디자인에 생명을 불어넣는 캔버스입니다. 캔버스에 배치된 요소만이 수직 또는 수평 스크롤을 활성화하지 않는 한 미리 보기 모드에서 표시됩니다(자세한 내용은 아래에서 설명함). 각 페이지의 캔버스는 속성 패널에서 변경할 수 있습니다. 캔버스의 최대 크기는 25 000px입니다.

캔버스 속성

UXPin에는 사용자 정의할 수 있는 몇 가지 캔버스 속성이 있습니다.

사이즈 (Size)

캔버스의 크기는 속성 패널의 Canvas Size (캔버스 크기)에서 변경할 수 있습니다. 디자인의 각 페이지의 크기를 변경할 수 있습니다. 다음과 같은 방법이 있습니다.

• 웹, iOS, Android 기기에 대해 미리 정의된 캔버스 크기를 드롭다운에서 선택합니다.
• 드롭다운에서 Custom (사용자 지정)을 선택하여 캔버스 크기를 **auto (자동)**로 설정합니다. 이렇게 하면 미리 보기할 때 캔버스의 마지막 요소 바로 아래에서 캔버스가 종료됩니다.
• 높이와 너비 입력란에 수치를 입력하여 크기를 수동으로 설정합니다.

<aside> 💡 비고 2020년 5월 19일에 출시된 UXPin 2.5 이전에 UXPin에 가입한 경우 각 페이지마다 다른 캔버스 크기를 설정하거나 디자인에 Adaptive Version을 추가할 수 있습니다. 또한 프로토타입에 Adaptive Version이 있거나 있었던 경우 이를 삭제하 다른 페이지 크기를 사용할 수 없습니다.

</aside>

스크롤 (Scrolling)

스크롤을 사용하면 미리보기에서 캔버스 외부에 배치된 요소를 스크롤할 수 있습니다. 캔버스의 오른쪽에 배치된 요소로 스크롤하려면 가로 방향을 선택하고 캔버스 아래에 배치된 요소로 스크롤하려면 수직 방향을 선택합니다.

채우기 (Fill)

캔버스의 색을 바꿀 수 있는 곳입니다.

이미지 채우기 (Image fill)

이미지를 전체 캔버스 배경으로 추가합니다.

그리드 (Grid)

그리드는 요소를 배치하는 데 도움이 됩니다 (그리드 설정을 변경하면 자동으로 그리드가 활성화됩니다).