적응형 디자인은 특정 중단점과 기기에 맞게 적응하는 레이아웃을 디자인하는 원칙입니다. 레이아웃이 변경되어야 하는(적응해야 하는) 지점을 정할 때는 보통 기기의 너비를 고려합니다. 웹과 Android 모두 유연한 그리드와 이미지와 같은 반응형 디자인 개념을 활용하여 컨텍스트에 더 잘 반응하는 레이아웃을 만듭니다.
확장된 화면 크기에 맞게 레이아웃을 조정하는 디자인 가이드라인은 Compose의 다양한 화면 크기 지원 개발자 가이드와 M3 레이아웃 적용 페이지를 참고하세요. Android 대형 화면 표준 갤러리에서 대형 화면 레이아웃의 아이디어와 구현을 확인할 수도 있습니다.
모든 앱을 모든 화면 크기에서 사용할 수 있어야 하는 것은 아니지만, 적응형 디자인을 사용하면 사용자가 인체 공학, 사용성, 앱의 품질 측면에서 더 많은 자유를 누릴 수 있습니다.
클래스 크기를 가이드라인 역할을 하는 중단점으로 사용하여 주요 화면 (필수 개념 또는 앱 전달)을 디자인할 수 있습니다.
또는 콘텐츠가 제한되거나 확장되거나 리플로우되는 방식을 표기하여 반응형으로 작동하도록 콘텐츠를 디자인합니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-08-28(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-08-28(UTC)"],[],[],null,["Adaptive design is the practice of designing layouts that adapt to specific\nbreakpoints and devices. Usually we consider the width of the device to\ndetermine where the layout should change, or adapt. Both Web and Android utilize\nresponsive design concepts, like flexible grids and images, to create layouts\nthat better respond to their context.\n\nFor design guidelines about adapting layouts to expanded screen sizes, read the\n[Support different screen sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes) developers guide in Compose and the M3\n[Applying Layout](https://m3.material.io/foundations/layout/applying-layout/expanded) page. You can also check out the Android\n[large screen canonical](/guide/topics/large-screens/large-screen-canonical-layouts) gallery for inspiration and implementation of\nlarge screen layouts.\n\nAlthough not every app needs to be available on every screen size, it does allow\nyour users more freedom regarding ergonomics, usability, and app quality.\n\n- You can design key screens (communicate the essential concepts or your app) with class sizes as breakpoints to act as guidelines.\n- Or design content to act responsively by notating how content should be constrained, expand, or reflow.\n\nFor more on layouts, check out the [Material Design 3 (M3) Understanding layout\npage](https://m3.material.io/foundations/layout/understanding-layout/overview)."]]