이전 섹션에서 언급한 예외를 제외하고 대부분의 맞춤 스타일 지정을 위해 앱에 다음과 같은 색상 옵션이 있습니다.
최대 2개의 맞춤 강조 색상을 제공합니다 (밝은 변형과 어두운 변형 포함, Android Auto 또는 AAOS 버전의 앱용 차량 OEM에서 적절히 적용).
4가지 표준 자동차용 Android 색상 중에서 선택 (현재 버전이 오른쪽에 표시되며 향후 변경될 수 있음)
표준 색상
강조 색상 샘플
색상을 신중하게 사용하면 디자인의 의도를 강조하는 데 도움이 됩니다. 기능을 제공하지 않는 색상은
신중하게 사용하세요
앱 맞춤설정의 예
차량 OEM 맞춤설정 예
다음 예는 차량 OEM이 앱의 AAOS 버전에 적용할 수 있는 추가 스타일 맞춤설정을 보여줍니다. 라우팅 카드의 색상은 앱에서 가져오지만 차량 OEM은 경로 카드, 버튼, 도착예정시간 카드의 글꼴, 테마, 모양을 맞춤설정합니다. 아래 버튼 맞춤설정에 표시된 대로 버튼 너비를 조정할 수도 있습니다.
주간 탐색 뷰
야간 내비게이션 뷰
버튼 너비, 색상, 모양 맞춤설정
이 예에서는 OEM이 앱의 AAOS 버전에서 버튼 너비, 색상, 모양을 맞춤설정하는 방법을 강조합니다.
앱이 기본 버튼으로 지정된 버튼의 경우 OEM은 앱 강조 색상을 사용할지 아니면 자체 강조 색상을 사용할지 결정할 수 있습니다.
또한 오른손잡이가 있는 차량과 같은 상황에 맞게 기본 버튼을 왼쪽에 배치할지 아니면 오른쪽에 배치할지 선택할 수도 있습니다.
[[["이해하기 쉬움","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"]],["최종 업데이트: 2025-07-25(UTC)"],[[["\u003cp\u003eAfter determining your app's template sequence, you can customize the content and some styling, with visual design aspects outlined in the document.\u003c/p\u003e\n"],["\u003cp\u003eApp developers and vehicle OEMs can customize the UI, including images, layout, typography, and color, to varying degrees depending on the element and AAOS version.\u003c/p\u003e\n"],["\u003cp\u003eApps have color customization options, including providing up to 2 custom accent colors and choosing from 4 standard Android for Cars colors, while ensuring sufficient contrast for legibility.\u003c/p\u003e\n"],["\u003cp\u003eVehicle OEMs can further customize the AAOS app versions, adjusting elements like the routing card, button width, color, and shape, to integrate with their vehicle's UI.\u003c/p\u003e\n"]]],[],null,["\u003cbr /\u003e\n\nOnce you've determined the sequences of templates for your app task, you can\ncustomize the content of each template and some of the styling for your\napp.\n\nTo learn about which aspects of the overall visual design you can customize, see\n[Visual design customization](#visual), which includes\n[App customization examples](#customization-examples). For AAOS versions of your\napp, be aware that vehicle OEMs can adjust the styling to fit their vehicles, as\nshown in [Vehicle OEM customization examples](#oem-customization).\n\nTo learn about customization options for specific templates, see\n[Templates](/cars/design/create-apps/apps-for-drivers/templates/overview).\n\nVisual design customization\n\nWhile the app library determines the template layouts and default styling, app\ndesigners and vehicle OEMs both contribute to custom aspects of the visual\ndesign.\n\n| Aspect of UI | What the library determines | What apps determine or customize | What vehicle OEMs can customize |\n|--------------------------------|----------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **Images and iconography** | Iconography for standard elements, such as back button and loading spinner | Apps provide all images and iconography (see [Material icons](https://fonts.google.com/icons?selected=Material+Icons) and [Google Play icon specifications](https://developer.android.com/distribute/google-play/resources/icon-design-specifications)), except as noted at left | |\n| **Layout, sizing and shapes** | Default layout, plus size and shapes of all elements (defaults are standard in Android Auto version of app) | - Whether images and icons are \"large\" or \"small\" - Whether [tabs](/cars/design/create-apps/apps-for-drivers/templates/tab-template) appear at the top of certain templates for switching views - Whether a second map displays in the cluster ([Navigation template](/cars/design/create-apps/apps-for-drivers/templates/navigation-template) only) | Adjustments to size, shape, button locations and proportions of template elements in AAOS versions of app (or example, the exact sizing for \"large\" and \"small\" images and icons in their vehicles) |\n| **Typography and text length** | Font family and size in Android Auto version of app (see [Typography](/cars/design/android-auto/design-system/typography)) | Longer and shorter [variants of text strings](https://developer.android.com/training/cars/apps#multi-text), in some cases, to accommodate differing amounts of space on different car screens | Font family and size in AAOS versions of app |\n| **Color** | Default colors in Android Auto version of app (except those supplied by apps, noted at right) | Colors of place-list markers, some text elements, and some background colors (review the next section, [Color customization](#color) for more information). | Adjustments to default \\& app-supplied colors to as needed to blend with vehicle UIs in AAOS versions of app |\n\nColor customization\n\nApps can provide colors for elements of certain templates, as noted in the\nfollowing list. For AAOS versions of your app, vehicle OEMs can make some\nadjustments.\n\nApps can customize:\n\n- **Text color** in secondary line of list [rows](/cars/design/create-apps/apps-for-drivers/components/row) (car maker controls color of primary line for AAOS)\n- **Button text color**\n- **Button background colors** (except on [action strip](/cars/design/create-apps/apps-for-drivers/components/action-strip) and [map action strip](/cars/design/create-apps/apps-for-drivers/components/map-action-strip))\n- **Place-list marker colors**\n- **Routing-card elements** : background color, images, and color of duration value in trip estimate (within [Navigation template requirements](/cars/design/create-apps/apps-for-drivers/templates/navigation-template#requirements))\n- **Turn-by-turn notifications** (background color)\n\n| **Note:** When customizing text color, you can choose from 4 standard colors or up to 2 custom accents. You can choose any color for the other items in the list above.\n\nExamples of customized template components are shown in\n[App customization examples](#app-customization) and\n[Vehicle OEM customization examples](#oem-customization).\n\nChoose colors for your app\n\nFor most custom styling (other than the exceptions noted in the previous\nsection), apps have the following color options:\n\n- **Provide up to 2 custom accent colors** (with light and dark variants, to be applied as appropriate by Android Auto, or by vehicle OEMs for AAOS versions of apps)\n- **Choose from 4 standard Android for Cars colors** (current versions shown at right; these may change in the future)\n\n| Standard colors | Sample accent colors |\n|-----------------|----------------------|\n| | |\n\nJudicious use of color helps to focus the intent of a design. Be cautious about\nusing colors when they don't serve a function.\n| **Note:** For legibility while driving, make sure contrast between foreground and background colors meets [contrast requirements](/cars/design/android-auto/design-system/color#contrast) of 4.5:1.\n\nApp customization examples\n\nVehicle OEM customization examples\n\nThese examples show additional style customizations a vehicle OEM might apply to\nthe AAOS version of an app. While the color of the routing card comes from the\napp, vehicle OEMs customize the fonts, theming, and shapes for the routing card,\nbuttons, and ETA card. They can also adjust button width, as shown in\n[Customize buttons](#oem-buttons) below. \n**Daytime navigation view** \n**Nighttime navigation view**\n\n\u003cbr /\u003e\n\nCustomize button width, color, and shape\n\nThese examples highlight how OEMs can customize button width, color, and shape,\nin the AAOS version of an app.\n\nFor the button the app designated as the\n[primary button](/cars/design/create-apps/apps-for-drivers/components/button#primary),\nOEMs can decide whether to use an app accent color or their own accent color.\nThey can also choose whether to put the primary button on the left or on the\nright, to accommodate situations such as vehicles with right-hand drive.\n\n| Primary button on left, standard colors | Primary button on right, custom colors |\n|-----------------------------------------|----------------------------------------|\n| | |"]]
