아트보드 크기를 선택하여 시작합니다.
반응형 크기 조정 기능을 활성화, 오버라이드 및 사용하는 방법에 대해 학습합니다.
반응형 크기 조정 활성화
-
-
속성 관리자에서 토글 버튼을 선택하여 반응형 크기 조정을 ON으로 전환합니다. 기본 비헤이비어는 OFF입니다. 단, 아트보드에서 그룹, 개별 요소, 다중 선택 항목 및 기타 모든 요소를 선택한 경우에는 반응형 크기 조정이 ON으로 설정되며, 이를 비활성화하려면 OFF를 선택하면 됩니다.
-
크기 조정 옵션을 OFF로 설정하는 경우:
- 자동 또는 수동 옵션을 선택할 수 있습니다. 선택한 아트보드의 제한 조건을 조회하려면 수동을 선택합니다.
- 제한 조건은 트리의 모든 자식(직계 자식이 아님)에 대해 비활성화됩니다.
- 아트보드는 크기 조정 시 공간을 추가하는 기본 비헤이비어를 동일하게 유지합니다.
-
크기 조정 옵션을 ON으로 설정하는 경우:
- 아트보드의 모든 요소가 자동으로 반응형이 됩니다.
- 페이스트보드의 오브젝트는 직계 부모가 없으므로 반응형 크기 조정 속성 관리자 컨트롤이 적용되지 않습니다.
반응형 크기 조정 오버라이드
반응형 크기 조정은 다중 선택 및 그룹 크기 조정에 대한 기본 크기 조정 비헤이비어이지만, 이를 통해 다음과 같은 작업도 수행할 수 있습니다.
- Shift 키를 사용하여 반응형 비헤이비어를 일반적인 크기 조정으로 오버라이드하여 종횡비가 고정된 크기 조정을 수행할 수 있습니다.
- 속성 관리자에서 반응형 크기 조정을 OFF로 전환합니다.
아트보드에서 반응형 크기 조정 활성화
기본적으로 아트보드의 반응형 크기 조정 기능은 꺼져 있으며, 사용자가 이를 다시 켤 수 있습니다.
-
아트보드에서 오브젝트를 선택하고 반응형 크기 조정을 활성화합니다.
-
수동 옵션을 선택합니다. 자동 옵션을 선택하면 크기 조정을 수행할 때마다 제한 조건이 다시 계산됩니다.
-
제한 패널에서 필요한 제한 조건을 적용합니다. 크기를 조정하거나 아트보드의 핸들을 드래그하여 아트보드 크기를 늘리고 더 많은 공간을 추가할 수도 있습니다.
반응형 크기 조정을 사용하여 모바일 디자인을 태블릿 버전으로 복제
-
모바일 디자인의 콘텐츠를 선택하고 태블릿 아트보드로 복사합니다. 반응형 크기 조정은 기본적으로 활성화되어 있습니다.
-
태블릿 아트보드에서 핸들을 사용하여 그룹화된 요소의 크기를 조정합니다. 이들 요소는 요소 사이의 여백을 조정하면서 아이콘의 크기, 높이 및 폭이 유지되는 방식으로 배포됩니다.
반응형 크기 조정을 사용하여 태블릿 버전으로 복제된 모바일 디자인의 제한 조건 수정
-
모바일 콘텐츠를 선택하고 아트보드로 복사합니다.
-
태블릿 아트보드에서 그룹 핸들을 클릭하여 크기를 조정합니다. 아트보드의 크기가 커지고 공간이 추가되며 아트보드의 콘텐츠는 무시됩니다.
-
핸들을 드래그하여 캔버스 상의 데커레이션을 표시하고 요소를 그룹화합니다.
-
수동 크기 조정 옵션을 선택하고 폼 팩터를 기준으로 제한 조건을 수정합니다. 크기를 조정할 때 분홍색 선이 요소 사이의 관계를 표시해 줍니다.