레이아웃 조정

적응형 디자인은 특정 중단점과 기기에 맞게 적응하는 레이아웃을 디자인하는 원칙입니다. 레이아웃이 변경되어야 하는(적응해야 하는) 지점을 정할 때는 보통 기기의 너비를 고려합니다. 웹과 Android 모두 유연한 그리드와 이미지와 같은 반응형 디자인 개념을 활용하여 컨텍스트에 더 잘 반응하는 레이아웃을 만듭니다.

모바일 및 태블릿 크기의 생산성 앱 화면

확장된 화면 크기에 맞게 레이아웃을 조정하는 디자인 가이드라인은 Compose의 다양한 화면 크기 지원 개발자 가이드와 M3 레이아웃 적용 페이지를 참고하세요. Android 대형 화면 표준 갤러리에서 대형 화면 레이아웃의 아이디어와 구현을 확인할 수도 있습니다.

모든 앱을 모든 화면 크기에서 사용할 수 있어야 하는 것은 아니지만, 적응형 디자인을 사용하면 사용자가 인체 공학, 사용성, 앱의 품질 측면에서 더 많은 자유를 누릴 수 있습니다.

  • 클래스 크기를 가이드라인 역할을 하는 중단점으로 사용하여 주요 화면 (필수 개념 또는 앱 전달)을 디자인할 수 있습니다.
  • 또는 콘텐츠가 제한되거나 확장되거나 리플로우되는 방식을 표기하여 반응형으로 작동하도록 콘텐츠를 디자인합니다.

레이아웃에 관한 자세한 내용은 Material Design 3 (M3) 레이아웃 이해 페이지를 참고하세요.