Wear OS용 디자인 시작하기
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Wear OS용 Material Design을 활용하면 매력적인 앱 환경을 설계할 수 있습니다.
사용 사례 이해
시계를 통해 사용자는 한눈에 정보를 확인할 수 있고(예: 건강 및 피트니스 목표 달성 상황 확인) 빠르게 조치를 취할 수 있습니다(예: 채팅 메시지에 응답). 스마트시계용 앱을 설계할 때는 이러한 사용 사례에 중점을 둡니다.
시계 인터페이스는 다음과 같이 휴대기기에서는 사용할 수 없는 고유한 기회를 제공합니다.
- 실제 신체 연결(센서 및 움직임 감지 사용)을 통한 입력
- 정보 표시, 알림, 카드 등 한눈에 볼 수 있는 정보와 작업에 빠르게 액세스
반면 다음과 같은 제한사항도 있습니다.
- 더 작은 화면
- 낮은 정보 밀도
- 제한된 배터리 수명
시계용 앱을 설계할 때는 플랫폼의 기능과 제한사항을 모두 고려하세요.
check_circle
의견을 제시하지
시계 인터페이스를 사용하여 작업을 쉽게 완료할 수 있는 환경을 설계합니다.
cancel
부적절한 예
스프레드시트와 같은 항목이 포함된 복잡하고 자세한 앱은 만들지 마세요. 시계에서 편집하고 보기가 어렵습니다.
테스트 설계
대부분의 Wear OS 기기는 원형 화면이 있으며 정사각형 디스플레이보다 UI 공간이 22% 적습니다. 또한 원형 화면에서는 텍스트의 가독성을 높이기 위해 더 큰 여백이 필요합니다.
Wear OS용 Material Design을 활용하면 매력적인 앱 환경을 설계할 수 있습니다. 다음 스크린샷은 이 가이드에 설명된 원칙을 따르는 Wear OS 앱의 몇 가지 예를 보여줍니다.
check_circle
의견을 제시하지
먼저 원형 기기용으로 디자인하여 작은 크기 제약 조건 내에서 레이아웃이 작동하도록 합니다.
cancel
부적절한 예
시계를 착용하는 사람들은 서 있을 때도, 동작을 취하거나, 버스를 잡으려고 뛰고 있을 때도 규칙적으로 움직입니다. 사용자 움직임이 있는 상황에서 디자인을 테스트하여 한눈에 디자인을 사용할 수 있는지 확인합니다.
앱 사례
Wear OS용 Material Design을 활용하면 매력적인 앱 환경을 설계할 수 있습니다. 다음 스크린샷은 이 가이드에 설명된 원칙을 따르는 Wear OS 앱의 몇 가지 예를 보여줍니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2024-06-27(UTC)
[{
"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":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2024-06-27(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"]],["최종 업데이트: 2024-06-27(UTC)"]]