Skup się na działaniu systemu, aplikacji i dodatkowych funkcjach, aby zaprojektować obraz referencyjny w orientacji pionowej.
Projekt odniesienia w orientacji pionowej jest zakotwiczony przez ekran główny i zawiera te trwałe elementy interfejsu systemu:
Ekran główny
Ekran główny to miejsce, w którym kierowcy będą mogli w jednym miejscu korzystać ze wszystkich elementów sterujących. Zaspokaja większość potrzeb kierowców, dzięki czemu może skupić się na nawigacji, zamiast przełączać się między aplikacjami.
Bez opuszczania tego ekranu kierowca może uzyskać dostęp do:
- u góry pasek stanu z szybkimi ustawieniami i selektorem profilu,
- Warstwa podstawowa w treści ekranu, zwykle z aplikacją nawigacyjną
- paski nawigacyjne w menu i elementu sterującego na dole,
![Widok ekranu głównego](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=8&hl=pl)
Pasek sterowania
Na pasku sterowania możesz sterować multimediami (wideo i muzyką), podcastami, Bluetoothem, radiem i aktywnymi połączeniami.
W przypadku aplikacji multimedialnych i telefonów: pasek sterowania znajduje się nad paskiem nawigacyjnym, w dolnej części ekranu. Gdy użytkownik zaakceptuje połączenie przychodzące, elementy sterujące zmienią się z multimediów na aktywne połączenie telefoniczne.
Sterowanie multimediami
Elementy sterujące multimediami umożliwiają odtwarzanie, wstrzymywanie oraz przewijanie do przodu i do tyłu. Pozwalają też użytkownikowi oznaczać ulubione i uzyskać dostęp do dodatkowych ustawień niestandardowych.
![Standardowe sterowanie multimediami](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=8&hl=pl)
![Rozwinięte elementy sterujące multimediami](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=8&hl=pl)
Sterowanie aktywnymi połączeniami telefonicznymi
Sterowanie telefonem pozwala wyciszyć głośnik, przełączyć na Bluetooth i anulować połączenie.
Pasek postępu
Pasek stanu pojawia się u góry ekranu i zawiera selektor profilu, szybkie elementy sterujące oraz informacje o godzinie i pogodzie.
- Szybkie sterowanie:
- Bluetooth: stan Bluetooth
- Połączenia: Wi-Fi, sieć komórkowa i hotspot
- Jasność wyświetlacza: pozwala użytkownikowi dostosować poziom jasności ekranu.
- Zegar: cyfrowy wyświetlacz, w którym widać bieżącą godzinę.
- Informacje o pogodzie: wyświetla temperaturę na zewnątrz.
- Selektor profilu: wyświetla profil użytkownika w bieżącym użyciu i w razie potrzeby umożliwia wybór innego.
Elementy paska stanu wyświetlają się w tej samej kolejności w przypadku samochodów z kierunkiem lewej i prawej strony.
Użytkownicy mogą włączać i wyłączać wyświetlanie pogody w Ustawieniach.
Sprawdzone metody i wskazówki dotyczące dostosowywania paska stanu znajdziesz w artykule Sprawdzone metody dotyczące paska stanu.
Szybkie sterowanie
Szybkie elementy sterujące na pasku stanu zapewniają łatwy dostęp do Bluetootha, połączeń i jasności wyświetlacza.
![Sterowanie Bluetooth](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=8&hl=pl)
![Sterowanie połączeniami](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=8&hl=pl)
![Ustawienia wyświetlania](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=8&hl=pl)
Wybór profilu
Selektor profili na pasku stanu umożliwia szybki wybór profili i dostęp do ich ustawień za pomocą skrótu.
![Selektor profilu z menu profili](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=8&hl=pl)
Sprawdzone metody dotyczące paska stanu
Sprawdzone metody dla deweloperów aplikacji:
- Używaj przezroczystości, aby nie zasłaniać treści aplikacji: jeśli aplikacja znajduje się częściowo za paskiem stanu, a nie całkowicie pod nią, deweloperzy powinni pozostawić pasek stanu przezroczysty.
- Strategiczne stosowanie kolorów: jeśli aplikacja znajduje się całkowicie poniżej paska stanu, deweloperzy powinni wybrać kolor paska stanu.
Pasek nawigacyjny systemu
Na pasku nawigacyjnym w systemie znajdują się elementy sterujące Menu z aplikacjami, asystentem cyfrowym, Centrum powiadomień i innymi elementami sterującymi komfortem.
Systemowy pasek nawigacyjny znajduje się u dołu ekranu i zawiera następujące elementy sterujące:
- Temperatura kabiny: temperatura w samochodzie
- Menu z aplikacjami: aplikacje dostępne dla sterownika.
- Asystent cyfrowy: dostęp do wybranego asystenta cyfrowego, np. Asystenta Google.
- Centrum powiadomień: dostęp do Centrum powiadomień.
- Klimatyzacja: dostęp do klimatyzacji w pojeździe
Wskazówki dotyczące dostosowywania paska nawigacyjnego systemu znajdziesz w artykule Dostosowywanie paska nawigacyjnego systemu.
Menu z aplikacjami
Menu z aplikacjami wyświetla się w głównym obszarze aplikacji, w standardowym widoku siatki menu z aplikacjami. Aplikacje są ułożone w kolejności od A do Z. Użytkownicy mogą zmieniać kolejność aplikacji zgodnie ze swoimi preferencjami.
![Menu z aplikacjami](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=8&hl=pl)
Asystent cyfrowy
Po kliknięciu ta afordancja wywołuje obecnie aktywnego asystenta cyfrowego na potrzeby komunikacji głosowej.
Centrum powiadomień
Centrum powiadomień przenosi użytkownika do wszystkich zapisanych wiadomości z powiadomieniami, zarówno przeczytanych, jak i nieprzeczytanych.
![Centrum powiadomień](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=8&hl=pl)
Kontrola klimatyczna
Ikona klimatyzacji zapewnia łatwy dostęp do systemu klimatyzacji w samochodzie.
![Rozszerzone elementy sterujące klimatyzacją](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=8&hl=pl)
Dodatkowe funkcje
Dodatkowe funkcje w projekcie odniesienia w orientacji pionowej, które mają zastosowanie zarówno do działania systemu, jak i aplikacji, to warstwy i motywy głosu.
Warstwa głosu
Warstwa głosowa to przezroczysta warstwa, znajdująca się nad wszystkimi warstwami oraz nad paskami sterowania i systemowymi.
Umożliwia uruchamianie dowolnego asystenta cyfrowego zintegrowanego z systemem, np. Asystenta Google.
Motywy
W zależności od warunków oświetleniowych dostępne są 2 motywy.
![Ciemny motyw](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=8&hl=pl)
![Jasny motyw](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=8&hl=pl)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=8&hl=pl)
Używaj ciemnego motywu w nocy lub przy słabym oświetleniu, aby zmniejszyć odblaski. Dowiedz się więcej o czytelności w nocy.
Użyj jasnego motywu, aby kierowcy i pasażerowie widzieli ekrany samochodu w pełnym słońcu. Nawigacja w systemie może pozostać czarna, aby dopasować się do sprzętu.