Najlepsze praktyki projektowania dla wbudowanej usługi Google

Dowiedz się, jak wdrożyć unikalną identyfikację marki w całym systemie informacyjno-rozrywkowym, aby zapewnić spójne i zoptymalizowane pod kątem jazdy doświadczenie.

Stwórz spójny wygląd i styl dzięki tokenom projektowym

Tokeny projektowe stanowią podstawowe elementy wszystkich elementów interfejsu użytkownika, umożliwiając zarządzanie wyglądem marki w całym systemie bez konieczności wprowadzania czasochłonnych zmian w kodzie.

Miej jedno źródło prawdy

Tokeny to wielokrotnego użytku wartości projektowe (takie jak kolory, czcionki i wymiary), które zastępują kod statyczny. Definiując te wartości tokenów, zyskujesz pełną kontrolę nad podstawowym stylem systemu i gwarantujesz, że tożsamość Twojej marki będzie jedynym źródłem prawdy w każdej aplikacji w systemie.

Standaryzuj decyzje projektowe w całym systemie

Tokeny dynamicznie stosują niestandardowe wartości w całym systemie. Eliminuje to konieczność wprowadzania głębokich zmian w kodzie i zapewnia, że ​​projektanci i inżynierowie „mówią tym samym językiem”, co umożliwia płynne przejście od projektu do finalnej implementacji.

Możesz dostosować wygląd ikon aplikacji za pomocą tokenów projektowych.

Dostosuj kolor i motyw

Platforma daje Ci kontrolę nad całościową estetyką, zachowując jednocześnie kluczowe standardy bezpieczeństwa. Możesz dostosować motyw bazowy i paletę kolorów za pomocą nakładek zasobów, aby odzwierciedlić unikalny styl Twojej marki.

Zoptymalizuj pod kątem jazdy w dzień i w nocy

W ciągu dnia tryb dzienny (ciemny tekst na jasnym tle) zapewnia lepszą widoczność. W nocy tryb nocny (jasny tekst na ciemnym tle) zapewnia lepszą widoczność.

Zoptymalizuj współczynnik kontrastu, aby ułatwić szybkie przeglądanie

Wszystkie elementy muszą zachować minimalny współczynnik kontrastu kolorów między tekstem i ikonami a tłem wynoszący 4,5:1, aby zapewnić czytelność podczas jazdy.

Tryb dzienny.
Tryb nocny.

Utwórz przejrzystą hierarchię wizualną między komponentami

Ważne jest, aby skrócić czas, jaki kierowcy spędzają patrząc na ekran. Aby stworzyć wizualną hierarchię, która poprowadzi wzrok kierowcy tam, gdzie powinien, możesz dostosować narożniki i proporcje komponentów.

Użyj zaokrąglonych rogów dla podkreślenia

Wbudowana funkcja Google wykorzystuje kształty i zaokrąglenia, aby podkreślić znaczenie. Bardziej zaokrąglone rogi (większy promień) są używane w przypadku akcji głównych i komponentów, natomiast mniej zaokrąglone rogi (mniejszy promień) są używane w przypadku elementów o niskim znaczeniu.

System podaje określone wartości promienia narożników (na przykład 0dp, 4dp, 8dp, 16dp, okrągły), które możesz wybrać, aby dostosować rozmiar, kształt i proporcje przycisków szablonów do wyświetlaczy Twojego pojazdu.

Zaokrąglone rogi w Mapach Google.