운전에 최적화된 일관성 있는 경험을 위해 전체 인포테인먼트 시스템에 고유한 브랜드 아이덴티티를 적용하는 방법을 알아보세요.
디자인 토큰을 사용하여 통일된 디자인과 느낌을 만들어보세요.
디자인 토큰은 모든 UI 요소의 기본 구성 요소로서, 시간 소모적인 코드 변경 없이 시스템 전체에서 브랜드의 디자인을 관리할 수 있도록 해줍니다.
진실의 원천은 하나뿐이어야 합니다.
토큰은 색상, 글꼴, 크기 등과 같은 재사용 가능한 디자인 값으로, 정적 코드를 대체합니다. 이러한 토큰 값을 정의함으로써 시스템의 핵심 스타일을 완벽하게 제어하고 시스템 내 모든 앱에서 브랜드 아이덴티티가 일관되게 유지되도록 할 수 있습니다.
시스템 전반에 걸쳐 설계 결정을 표준화합니다.
토큰은 시스템 전체에 걸쳐 사용자 지정 값을 동적으로 적용합니다. 이를 통해 코드 변경을 최소화하고 설계자와 엔지니어가 "동일한 언어"를 사용하게 되어 설계에서 최종 구현까지 원활한 인수인계를 보장합니다.
색상 및 테마를 사용자 지정하세요
이 플랫폼은 중요한 안전 기준을 유지하면서 전반적인 디자인을 자유롭게 제어할 수 있도록 해줍니다. 리소스 오버레이를 통해 기본 테마와 색상 팔레트를 맞춤 설정하여 브랜드 고유의 스타일을 반영할 수 있습니다.
주간 및 야간 운전에 최적화
낮에는 주간 모드(밝은 배경에 어두운 글자)가 시인성을 높여줍니다. 밤에는 야간 모드(어두운 배경에 밝은 글자)가 시인성을 높여줍니다.
한눈에 알아볼 수 있도록 명암비를 최적화하세요
운전 중 가독성을 위해 모든 요소는 텍스트와 아이콘과 배경 간에 최소 4.5:1의 색상 대비 비율을 유지해야 합니다.
 |  |
구성 요소 간에 명확한 시각적 계층 구조를 만드세요
운전자가 화면을 보는 시간을 줄이는 것이 중요합니다. 운전자의 시선을 필요한 곳으로 유도하는 시각적 계층 구조를 만들기 위해 구성 요소의 모서리와 비율을 사용자 지정할 수 있습니다.
강조를 위해 모서리를 둥글게 사용하세요
Google Built-In은 모양과 모서리 둥글기를 사용하여 중요도를 전달합니다. 주요 작업 및 구성 요소에는 더 둥근 모서리(반지름이 큰 모서리)가 사용되고, 중요도가 낮은 요소에는 덜 둥근 모서리(반지름이 작은 모서리)가 사용됩니다.
이 시스템은 사용자가 선택할 수 있는 특정 모서리 반경 값(예: 0dp, 4dp, 8dp, 16dp, 원형)을 제공하여 템플릿의 크기, 모양 및 버튼 비율을 차량 디스플레이에 맞게 조정할 수 있도록 합니다.
