컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
대형 화면용으로 디자인하기
태블릿, 폴더블, ChromeOS 기기에서 고품질의 참여도 높은 사용자 환경을 만드세요.
갤러리
대형 화면 기기에 최적화된 독창적이고 최적화된 디자인을 살펴보세요. 미디어, 창의성, 게임 등 인기 앱 카테고리에 대한 UI/UX 템플릿을 둘러보세요.
표준
목록에 정리된 콘텐츠에 대한 설명, 설명 또는 기타 추가 정보에 클릭 한 번으로 액세스할 수 있습니다.
표준
콘텐츠 요소를 넓은 그리드에 정렬하여 크기 및 위치별로 요소를 연결하며 비율과 배율을 사용하여 요소에 관심을 유도합니다.
표준
도구, 옵션, 설정에 쉽게 액세스하고 기본 콘텐츠에 적용할 수 있도록 앱을 기본 및 보조 디스플레이 영역으로 정리합니다.
표준
최소한의 화면 공간을 차지하면서 기본 탐색 대상을 쉽게 도달할 수 있는 곳에 배치하여 표준 레이아웃을 보완합니다.
최적의 사용자 환경을 위해 작은 창 크기, 중형 창 크기 클래스를 사용하여 다양한 폼 팩터를 지원합니다.
Material Design 3은 사용자 인터페이스 디자인 권장사항을 지원하는 가이드라인, 구성요소, 도구로 구성된 조정 가능한 오픈소스 시스템입니다.
개발자 가이드 및 참조를 사용하여 앱 디자인을 빌드하세요.
Android 권장사항에 따라 디자인을 배치합니다.
Material Design
레이아웃은 요소의 시각적 배열입니다. 화면에서 가장 중요한 정보에 관심을 집중시키고 사용자가 쉽게 액션을 취할 수 있도록 합니다.
Material Design
창 크기 클래스를 사용하면 기기와 폼 팩터에 따라 조정되는 레이아웃을 만들 수 있습니다.
Material Design
표준 레이아웃은 즉시 사용 가능한 컴포지션으로, 일반적인 사용 사례와 화면 크기에 맞게 레이아웃을 조정할 수 있습니다.
YouTube 동영상
2022년 11월 10일
YouTube 동영상
2022년 11월 10일
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{}
[[["이해하기 쉬움","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"]],[]]