스마트시계는 휴대기기보다 화면 크기가 작으므로 쉽게 액세스할 수 있고 사용 가능한 화면 공간을 효율적으로 사용하는 방식으로 요소를 정렬하고 표시하는 것이 중요합니다. 항목이 화면에 맞도록 하려면 Material 가이드라인에 지정된 대로 적절한 양의 패딩과 여백을 사용합니다.
디자인이 화면에 맞아도 사용자가 다음 중 하나를 실행하면 인터페이스 요소가 잘리거나 잘릴 수 있습니다.
- 표시 언어를 변경합니다.
- 텍스트 크기를 변경합니다.
- 텍스트 굵게 표시 시스템 설정을 사용 설정합니다.
이러한 고려사항을 염두에 두고 디자인을 테스트하여 다양한 사용자 환경에 맞게 디자인이 원활하게 조정되는지 확인하는 것이 중요합니다.
대화형 요소가 완전히 보이도록 유지
인터페이스에 상호작용 요소가 포함된 경우 특히 이러한 요소가 페이지 가장자리에 배치된 경우 사용자가 이러한 요소를 완전히 스크롤할 수 있는지 확인합니다. 앱에서 Horologist 라이브러리를 사용하는 경우 responsive() 레이아웃 팩토리를 사용하세요. 그 외의 경우에는 스페이서를 사용하고 ScalingLazyColumn 객체의 상단과 하단에 여백을 추가하여 첫 번째와 마지막 목록 항목이 항상 잘리지 않도록 합니다.
밀집 레이아웃에 카드 대신 칩 사용
더 밀도 있는 레이아웃이 필요한 경우 카드 대신 CompactChip를 사용합니다. 카드의 노출 영역이 넓을수록 텍스트 자르기 및 콘텐츠 클리핑을 방지하기가 훨씬 더 어려워집니다.