자동차 제조업체는 인포테인먼트 시스템 전반에 걸쳐 일관된 브랜드 경험을 제공하기 위해 캘린더 앱의 디자인과 사용자 경험을 맞춤 설정할 수 있습니다.
시각적 브랜딩:
- 색상: 주간 모드 와 야간 모드에 사용할 특정 색상 팔레트를 정의합니다.
- 타이포그래피: 브랜드 고유의 서체와 글꼴 두께를 적용하세요.
- 아이콘: 이벤트 유형 및 작업에 사용자 지정 아이콘 세트를 사용하세요.
레이아웃 및 사용자 인터페이스:
- 스타일링: 앱 바, 서브 헤더 및 이벤트 카드의 모양을 사용자 지정할 수 있습니다.
- 테마 적용: 차량의 UI 테마에 맞춰 모서리 곡률 반경과 높이를 조정합니다.
상호작용 모델:
- 한눈에 보기 쉬운 목록: 이벤트 제목, 시간 및 장소를 보여주는 세로 목록입니다.
- 최소한의 터치로 이용 가능: 운전자는 목록 또는 간소화된 상세 보기에서 주요 기능(내비게이션/통화)에 직접 접근할 수 있습니다.
- 주행 상태 인식: 앱은 차량이 움직이는 동안 복잡한 상호 작용(예: 긴 설명)을 제한합니다.
이 페이지에서:
- 캘린더 사용자 인터페이스 전체에 사용자 지정 스타일을 적용합니다.
- 차량 내부 디자인에 맞게 레이아웃을 수정하세요.
- 차량 브랜드에 맞춰 UI 텍스트를 맞춤 설정하세요.
- 캘린더 기능을 사용자 지정하려면 앱 동작을 수정하세요.
사용자 지정 스타일을 적용합니다
차량 내 모든 앱에서 일관된 사용자 경험을 제공하세요. 캘린더 UI의 색상, 글꼴 및 기타 요소를 차량 브랜드에 맞게 스타일링하세요.
캘린더 UI의 다음 부분을 사용자 지정하세요.
- 색상 팔레트
- 포인트 색상
- 타이포그래피
- 아이콘
- 리스트 항목 크기 조정
스타일을 변경할 때는 일반적인 UX 요구 사항을 반드시 준수하십시오.
레이아웃 수정
- 차량 화면 크기에 맞게 레이아웃을 조정하세요.
- 특정 차량 또는 지역에 맞게 레이아웃 요소를 재배열합니다.
기존 레이아웃에 대해서는 해부학을 참조하십시오.
화면 크기에 맞게 레이아웃을 조정하세요.
화면 요구 사항에 맞게 레이아웃을 조정하는 방법은 두 가지가 있습니다.
- 리소스 오버레이에서 전체 화면 높이와 너비를 설정합니다.
- 캘린더 보기의 요소와 터치 대상이 적절하게 분리되어 있고 쉽게 접근할 수 있도록 배치되었는지 확인하십시오.
캘린더 사양은 캘린더의 참조 레이아웃을 제공합니다. 조정 시 이 레이아웃을 참조점으로 사용하십시오.
레이아웃 요소를 재배치합니다.
경우에 따라 자동차 제조업체는 차량 내부 디자인에 맞게 달력 레이아웃을 재배열해야 할 수도 있습니다. 예를 들어, 주요 언어가 오른쪽에서 왼쪽으로 읽는 지역에서는 일부 요소를 오른쪽에서 왼쪽으로 정렬해야 할 수 있습니다.
UI 텍스트를 교체합니다.
캘린더 UI 텍스트 글꼴을 차량 브랜드에 맞게 수정하세요. 기존 텍스트는 상호 작용 모델을 참조하세요.
디자인 원칙은 텍스트의 최대 길이와 가독성을 위한 일반적인 지침을 제공합니다.
앱 동작 수정
캘린더는 사용자의 휴대폰에 설치된 보조 앱이나 다른 표준 캘린더 제공업체와의 긴밀한 통합에 의존하는 참조 앱입니다.
캘린더 앱의 동작 및 기능을 수정하거나 개선하기 위해 앱의 기본 Java 코드를 편집할 수 있는 옵션이 있습니다. 그러나 캘린더 코드를 수정하면 향후 릴리스와의 호환성 문제가 발생할 수 있다는 점에 유의하십시오.