Dostosowywanie aplikacji

Gdy określisz sekwencje szablonów dla zadania aplikacji, możesz dostosować zawartość każdego szablonu i niektóre style aplikacji.

Aby dowiedzieć się, które aspekty ogólnego projektu wizualnego możesz dostosować, przeczytaj artykuł Dostosowywanie projektu wizualnego, w którym znajdziesz przykłady dostosowywania aplikacji. W przypadku wersji aplikacji na AAOS pamiętaj, że producenci OEM mogą dostosowywać styl do swoich pojazdów, jak pokazano w przykładach dostosowywania przez producentów OEM.

Więcej informacji o opcjach dostosowywania poszczególnych szablonów znajdziesz w sekcji Szablony.

Dostosowywanie wyglądu

Biblioteka aplikacji określa układy szablonów i domyślne style, ale projektanci aplikacji i producenci pojazdów mają wpływ na niestandardowe aspekty projektu wizualnego.

Element interfejsu Co określa biblioteka Jakie aplikacje określają lub dostosowują Co producenci pojazdów mogą dostosowywać
Obrazy i ikonografia Ikony standardowych elementów, takich jak przycisk Wstecz i wskaźnik wczytywania Aplikacje zawierają wszystkie obrazy i ikony (patrz ikony Material specyfikacje ikon w Google Play), z wyjątkiem przypadków wymienionych po lewej stronie.
Układ, rozmiar i kształty Domyślny układ, rozmiar i kształt wszystkich elementów (domyślne ustawienia są standardowe w wersji aplikacji na Androida Auto).
  • Czy obrazy i ikony są „duże” czy „małe”.
  • Czy karty są wyświetlane u góry niektórych szablonów, aby umożliwić przełączanie widoków.
  • Czy w grupie wyświetla się druga mapa ( tylko szablon nawigacji).
Dostosowanie rozmiaru, kształtu, lokalizacji przycisków i proporcji elementów szablonu w wersjach aplikacji na AAOS (np. dokładne rozmiary „dużych” i „małych” obrazów oraz ikon w pojazdach).
Typografia i długość tekstu Rodzina i rozmiar czcionki w wersji aplikacji na Androida Auto (patrz Typografia) dłuższe i krótsze warianty ciągów tekstowych, w niektórych przypadkach, aby dostosować się do różnej ilości miejsca na różnych ekranach samochodowych; Rodzina i rozmiar czcionki w wersjach aplikacji na AAOS
Kolor Domyślne kolory w wersji aplikacji na Androida Auto (z wyjątkiem kolorów dostarczanych przez aplikacje, o których mowa po prawej stronie) kolory znaczników na liście miejsc, niektórych elementów tekstowych i niektórych kolorów tła (więcej informacji znajdziesz w następnej sekcji Dostosowywanie kolorów); Dostosowanie domyślnych kolorów i kolorów dostarczonych przez aplikację w razie potrzeby, aby dopasować je do interfejsów pojazdów w wersjach aplikacji na AAOS.

Dostosowywanie kolorów

Aplikacje mogą podawać kolory elementów niektórych szablonów, jak podano na poniższej liście. W przypadku wersji aplikacji na AAOS producenci samochodów mogą wprowadzać pewne zmiany.

Aplikacje mogą dostosowywać te elementy:

  • Kolor tekstu w drugim wierszu wierszy listy (producent samochodu kontroluje kolor pierwszego wiersza w AAOS)
  • Kolor tekstu przycisku
  • Kolory tła przycisków (z wyjątkiem paska działańpaska działań na mapie)
  • Kolory znaczników na liście miejsc
  • Elementy karty trasy: kolor tła, obrazy i kolor wartości czasu trwania w szacowanym czasie podróży (w ramach wymagań dotyczących szablonu nawigacji).
  • Powiadomienia o kolejnych krokach (kolor tła)

Przykłady dostosowanych komponentów szablonu znajdziesz w sekcjach Przykłady dostosowywania aplikacjiPrzykłady dostosowywania przez producentów pojazdów.

Wybieranie kolorów aplikacji

W przypadku większości stylów niestandardowych (z wyjątkiem tych wymienionych w poprzedniej sekcji) aplikacje mają te opcje kolorów:

  • Podaj maksymalnie 2 niestandardowe kolory akcentujące (w wersjach jasnej i ciemnej, które będą stosowane w odpowiedni sposób przez Androida Auto lub przez producentów pojazdów w przypadku wersji aplikacji na AAOS).
  • Wybierz jeden z 4 standardowych kolorów Androida dla samochodów (obecne wersje są widoczne po prawej stronie; w przyszłości mogą się zmienić).

Standardowe kolory aplikacji na Androida Auto
Rysunek 1. Kolory standardowe
Kolory uzupełniające w aplikacjach na Androida Automotive
Rysunek 2. Przykładowe kolory uzupełniające

Rozważne użycie koloru pomaga skupić się na intencji projektu. Uważaj na używanie kolorów, które nie pełnią żadnej funkcji.

Przykłady dostosowywania aplikacji

Przykłady dostosowywania aplikacji
Rysunek 3. Przykłady dostosowywania aplikacji

Przykłady dostosowań OEM pojazdów

Te przykłady pokazują dodatkowe dostosowania stylu, które producent OEM pojazdów może zastosować w wersji aplikacji na AAOS. Kolor karty trasy pochodzi z aplikacji, ale producenci OEM pojazdów dostosowują czcionki, motywy i kształty karty trasy, przycisków i karty szacowanego czasu przyjazdu. Mogą też dostosować szerokość przycisku, jak pokazano w sekcji Dostosowywanie przycisków.

Standardowe kolory aplikacji na Androida Auto
Rysunek 4. Widok nawigacji w dzień na urządzeniu OEM
Kolory uzupełniające w aplikacjach na Androida Automotive
Rysunek 5. Widok nawigacji nocnej OEM

Dostosowywanie szerokości, koloru i kształtu przycisku

Te przykłady pokazują, jak producenci OEM mogą dostosowywać szerokość, kolor i kształt przycisków w wersji aplikacji na AAOS.

W przypadku przycisku, który aplikacja oznaczyła jako przycisk główny, producenci OEM mogą zdecydować, czy użyć koloru akcentu aplikacji, czy własnego koloru akcentu. Mogą też wybrać, czy przycisk główny ma być po lewej czy po prawej stronie, aby dostosować go do sytuacji, np. w przypadku pojazdów z kierownicą po prawej stronie.

Standardowe kolory przycisków OEM
Rysunek 6. Przykład głównego przycisku po lewej stronie w standardowych kolorach
Niestandardowe kolory przycisków OEM
Rysunek 7. Przykład głównego przycisku po prawej stronie z niestandardowymi kolorami