반응형 크기 조정 기능을 활성화, 오버라이드 및 사용하는 방법에 대해 학습합니다.

반응형 크기 조정 활성화

  1. 아트보드 크기를 선택하여 시작합니다.

  2. 속성 관리자에서 토글 버튼을 선택하여 반응형 크기 조정을 ON으로 전환합니다. 기본 비헤이비어는 OFF입니다. 단, 아트보드에서 그룹, 개별 요소, 다중 선택 항목 및 기타 모든 요소를 선택한 경우에는 반응형 크기 조정이 ON으로 설정되며, 이를 비활성화하려면 OFF를 선택하면 됩니다.

  3. 크기 조정 옵션을 OFF로 설정하는 경우:

    • 자동 또는 수동 옵션을 선택할 수 있습니다. 선택한 아트보드의 제한 조건을 조회하려면 수동을 선택합니다.
    • 제한 조건은 트리의 모든 자식(직계 자식이 아님)에 대해 비활성화됩니다. 
    • 아트보드는 크기 조정 시 공간을 추가하는 기본 비헤이비어를 동일하게 유지합니다.
  4. 크기 조정 옵션을 ON으로 설정하는 경우:

    • 아트보드의 모든 요소가 자동으로 반응형이 됩니다.
    • 페이스트보드의 오브젝트는 직계 부모가 없으므로 반응형 크기 조정 속성 관리자 컨트롤이 적용되지 않습니다. 

반응형 크기 조정 오버라이드

반응형 크기 조정은 다중 선택 및 그룹 크기 조정에 대한 기본 크기 조정 비헤이비어이지만, 이를 통해 다음과 같은 작업도 수행할 수 있습니다. 

  • Shift 키를 사용하여 반응형 비헤이비어를 일반적인 크기 조정으로 오버라이드하여 종횡비가 고정된 크기 조정을 수행할 수 있습니다.
  • 속성 관리자에서 반응형 크기 조정을 OFF로 전환합니다.

아트보드에서 반응형 크기 조정 활성화

참고:

기본적으로 아트보드의 반응형 크기 조정 기능은 꺼져 있으며, 사용자가 이를 다시 켤 수 있습니다. 

  1. 아트보드에서 오브젝트를 선택하고 반응형 크기 조정을 활성화합니다.

  2. 수동 옵션을 선택합니다. 자동 옵션을 선택하면 크기 조정을 수행할 때마다 제한 조건이 다시 계산됩니다.

  3. 제한 패널에서 필요한 제한 조건을 적용합니다. 크기를 조정하거나 아트보드의 핸들을 드래그하여 아트보드 크기를 늘리고 더 많은 공간을 추가할 수도 있습니다.

반응형 크기 조정을 사용하여 모바일 디자인을 태블릿 버전으로 복제

  1. 모바일 디자인의 콘텐츠를 선택하고 태블릿 아트보드로 복사합니다. 반응형 크기 조정은 기본적으로 활성화되어 있습니다.

  2. 태블릿 아트보드에서 핸들을 사용하여 그룹화된 요소의 크기를 조정합니다. 이들 요소는 요소 사이의 여백을 조정하면서 아이콘의 크기, 높이 및 폭이 유지되는 방식으로 배포됩니다.

반응형 크기 조정을 사용하여 태블릿 버전으로 복제된 모바일 디자인의 제한 조건 수정

  1. 모바일 콘텐츠를 선택하고 아트보드로 복사합니다.

  2. 태블릿 아트보드에서 그룹 핸들을 클릭하여 크기를 조정합니다. 아트보드의 크기가 커지고 공간이 추가되며 아트보드의 콘텐츠는 무시됩니다.

  3. 핸들을 드래그하여 캔버스 상의 데커레이션을 표시하고 요소를 그룹화합니다. 

  4. 수동 크기 조정 옵션을 선택하고 폼 팩터를 기준으로 제한 조건을 수정합니다. 크기를 조정할 때 분홍색 선이 요소 사이의 관계를 표시해 줍니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책