Dostosowywanie
Przegląd
Właściwe korzystanie z dostosowania motywu lub tego typu motywu pomaga w rozróżnieniu akcji. Opcje wybrane podczas dostosowywania komponentów wizualnych akcji (np. kart podstawowych, karuzeli, listitd.) pomogą Ci skutecznie zaprezentować markę.
Projekt Asystenta stale się zmienia, aby pomagać użytkownikom w dowolnym miejscu i na dowolnym urządzeniu. W związku z tym opracowaliśmy wytyczne podane w tej sekcji. Naszym celem jest umożliwienie zaprezentowania firmy w sposób, który: 1) jest naturalny w ogólnych interakcjach systemowych, 2) pozwala skupić się na największych możliwościach budowania świadomości marki oraz 3) umożliwia skalowanie na wszystkich podstawowych urządzeniach (np. telefonach i inteligentnych ekranach) bez dodatkowej pracy.
Domyślny motyw interfejsu Asystenta jest stosowany do komponentu wizualnego akcji, jeśli nie określisz szczegółów. Aby dostosować motyw akcji, możesz otworzyć konsolę Actions.
Kolor
Kolor jest silnym identyfikatorem marki. Możesz dostosować kolory podstawowe i tło tak, aby reprezentowały Twoją markę. Kolor podstawowy służy do wyróżniania ważnych elementów na ekranie, np. tytułu karty i przycisków czynności. Ten kolor powinien być zwykle powiązany z Twoją marką.
Kolory podstawowe i tła mogą współgrać ze sobą, zwiększając rozpoznawalność marki.
![](https://developers.google.cn/static/assistant/conversation-design/images/pesto-white.png?authuser=6&hl=pl)
Najpierw wybierz kolor podstawowy.
![](https://developers.google.cn/static/assistant/conversation-design/images/pesto-yellow.png?authuser=6&hl=pl)
Po wybraniu koloru podstawowego możesz wybrać kolor, który pasuje zarówno do koloru podstawowego, jak i dodatkowego.
Wybór kolorów podstawowych i tło z tej samej rodziny kolorów może sprawić, że akcja będzie spójna.
![](https://developers.google.cn/static/assistant/conversation-design/images/primarycolor.png?authuser=6&hl=pl)
Kolor tła może być jaśniejszą wersją koloru podstawowego.
Wybierz uzupełniający kolor tła, aby jeszcze bardziej wyróżnić kolor główny.
![](https://developers.google.cn/static/assistant/conversation-design/images/complementarycolor.png?authuser=6&hl=pl)
Kolor tła może być kolorem uzupełniającym.
Obraz tła
Wybierz obraz tła, który zapewni kontekst bez rozpraszania rozmówców.
![](https://developers.google.cn/static/assistant/conversation-design/images/example1.png?authuser=6&hl=pl)
Ta karta podstawowa korzysta z obrazu tła. Obraz tła zastępuje dowolny kolor tła, dlatego wybierz opcję, która najlepiej odpowiada Twojej marce.
Jeśli akcja ma wiele zakrętów, wybierz obraz tła, który pasuje do różnych zakrętów w oknie.
![](https://developers.google.cn/static/assistant/conversation-design/images/example2.png?authuser=6&hl=pl)
Obraz musi być wystarczająco neutralny, aby uzyskać pożądany wygląd i styl. Ten sam obraz tła ma zastosowanie zarówno do karty podstawowej, jak i do karty karuzeli.
Typografia
Typografia może przedstawiać Twoją markę, jednocześnie kierując użytkownika na najważniejsze informacje. Aby uzyskać jak największy efekt, możesz dostosować do swoich kart największy tekst, np. tytuł, na każdej karcie akcji. W takim przypadku bardziej wyrazista czcionka, np. szeryfowa, czcionka czy cięższa czcionka, przyciąga uwagę i kontrastuje tekst dodatkowy. Ogólne wskazówki dotyczące typografii można znaleźć na stronie Material Design Foundation.
Wybierz czcionkę, która dobrze działa z tekstem dodatkowym.
![](https://developers.google.cn/static/assistant/conversation-design/images/typography-do.png?authuser=6&hl=pl)
Tak.
Ta czcionka i jasny kolor czcionki wyróżniają się na tle i przyciągają uwagę do tytułu karty.
![](https://developers.google.cn/static/assistant/conversation-design/images/typography-dont.png?authuser=6&hl=pl)
Nie.
Bez większej grubości czcionka jest trudna do odczytania i nie zwraca uwagi na tytuł przed tekstem głównym.
Kształt
Kształt obrazu
Kształt Twoich obrazów jest zgodny z komponentami Material Foundation, co zapewnia kolejny wymiar ekspresji. Obecnie możesz wybrać między zaokrąglonymi lub zakrzywionymi kształtami obrazów w komponentach wizualnych. Wybierz kształt obrazu, który najlepiej pasuje do Twojego ogólnego stylu marki.
Jeśli Twoja marka ma ostre krawędzie i czyste linie, użyj kątów narożnych.
![](https://developers.google.cn/static/assistant/conversation-design/images/shapesharp.png?authuser=6&%3Bhl=pl&hl=pl)
W takim przypadku warto sprawdzić, jaki kształt wybrać. W tym przykładzie logo jest ostre i kanciaste, więc kąty nachylenia są zgodne z marką.
Używaj zaokrąglonych narożników, jeśli pasują do ogólnego stylu marki.
![](https://developers.google.cn/static/assistant/conversation-design/images/shaperound.png?authuser=6&%3Bhl=pl&hl=pl)
Inne decyzje pomogą Ci w podjęciu decyzji. W tym przypadku zaokrąglone krawędzie przycisku działania i logo są takie same jak zakrzywione rogi obrazu.