Dikey referans deneyiminizi tasarlamak için sistem deneyimine, uygulama deneyimine ve ek özelliklere odaklanın.
Dikey referans tasarımı Ana ekran tarafından sabitlenir ve şu kalıcı sistem kullanıcı arayüzü öğelerini içerir:
Ana ekran
Ana ekran, sürücüler için her şey dahil bir başlangıç noktası sağlar ve tüm kontrollere kolayca erişilebilir. Çoğu sürücünün ihtiyaçlarını karşılar. Böylece sürücü uygulamalar arasında geçiş yapmak yerine yola odaklanmaya odaklanabilir.
Sürücü, bu ekrandan ayrılmadan aşağıdakilere erişebilir:
- Üstte bulunan durum çubuğunda hızlı denetimler ve bir profil seçici bulunur
- Ekranın gövdesindeki temel katman (genellikle bir gezinme uygulaması çalıştırır)
- Alt kısımdaki Denetim ve sistem gezinme çubukları
![Ana ekran görünümü](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=7&hl=tr)
Kontrol çubuğu
Kontrol çubuğunda medya (video ve müzik), podcast'ler, Bluetooth, radyo ve etkin aramaların kontrolleri yer alır.
Medya ve telefon uygulamalarında denetim çubuğu, ekranın alt yarısında, gezinme çubuğunun üzerinde yer alır. Kullanıcı gelen aramayı kabul ettiğinde kontroller medyadan etkin telefon çağrısına geçer.
Medya denetimleri
Medya denetimleri; oynatma, duraklatma, geri sarma ve ileri sarma özelliklerini sağlar. Ayrıca, kullanıcının favorileri işaretlemesine ve varsa ek özel kontrollere erişmesine olanak tanır.
![Standart medya denetimleri](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=7&hl=tr)
![Genişletilmiş medya kontrolleri](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=7&hl=tr)
Etkin telefon görüşmesi kontrolleri
Telefon denetimleri, hoparlörün sesini kapatma, Bluetooth'a geçiş yapma ve aramayı iptal etme olanağı sağlar.
Durum çubuğu
Ekranın üst kısmında gösterilen durum çubuğu; profil seçici, hızlı kontroller, saat ve hava durumu bilgilerini içerir.
- Hızlı kontroller:
- Bluetooth: Bluetooth durumu
- Bağlantı: Kablosuz, mobil ağ ve hotspot
- Parlaklık ekranı: Kullanıcının ekran parlaklığı düzeyini ayarlamasına olanak tanır
- Saat: O anki saatin dijital ekranı
- Hava durumu bilgileri: Dış sıcaklığı gösterir
- Profil seçici: Mevcut kullanımdaki kullanıcı profilini gösterir ve gerekirse kullanıcının farklı bir profil seçmesine olanak tanır
Durum çubuğunun öğeleri, soldan ve sağdan çekilen arabalar için aynı sırada görünür.
Kullanıcılar, hava durumu ekranını Ayarlar'dan açıp kapatabilir.
Durum çubuğunu özelleştirmeyle ilgili en iyi uygulamalar ve yol gösterici bilgiler için Durum çubuğu en iyi uygulamaları konusuna bakın.
Hızlı denetimler
Durum çubuğundaki hızlı kontroller; Bluetooth'a, bağlantıya ve ekran parlaklığına kolay erişim sağlar.
![Bluetooth denetimleri](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=7&hl=tr)
![Bağlantı kontrolleri](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=7&hl=tr)
![Görüntüleme ayarları](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=7&hl=tr)
Profil seçici
Durum çubuğundaki profil seçici, profillerin hızlıca seçilmesine ve kısayol kullanarak profil ayarlarına erişilmesine olanak tanır.
![Profil menüsü olan profil seçici](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=7&hl=tr)
Durum çubuğuyla ilgili en iyi uygulamalar
Uygulama geliştiriciler için en iyi uygulamalar:
- Uygulama içeriğinin üzerini kapatmaktan kaçınmak için şeffaflık kullanın: Uygulama, durum çubuğunun tamamen altına değil, kısmen arkasına yerleştirilmişse uygulama geliştiricileri durum çubuğunu şeffaf bırakmalıdır.
- Renkleri stratejik olarak uygulayın: Uygulama tamamen durum çubuğunun altındaysa uygulama geliştiricileri durum çubuğu için bir renk seçmelidir.
Sistem gezinme çubuğu
Sistem gezinme çubuğunda uygulama başlatıcı, dijital asistan, Bildirim Merkezi ve konfor kontrolleri için denetimler bulunur.
Sistem gezinme çubuğu ekranın altında yer alır ve aşağıdaki kontrolleri görüntüler:
- Kabin sıcaklığı: Araç içi sıcaklığı
- Uygulama başlatıcı: Sürücünün kullanabileceği uygulamalar
- Dijital asistan: Google Asistan gibi seçili dijital asistana erişim
- Bildirim Merkezi: Bildirim Merkezi'ne erişim
- İklim kontrolü: Araçtaki klima kontrol sistemlerine erişim
Sistem gezinme çubuğunu özelleştirme hakkında yardım için Sistem gezinme çubuğunu özelleştirme bölümüne bakın.
Uygulama başlatıcı
Uygulama başlatıcı, standart uygulama başlatıcı ızgara görünümünde, birincil uygulama alanında gösterilir. Uygulamalar A'dan Z'ye doğru sıralanır. Kullanıcılar tercihlerine göre uygulamaları yeniden sıralayabilir.
![Uygulama başlatıcı](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=7&hl=tr)
Dijital asistan
Bu olanak, dokunulduğunda sesli iletişim için o anda etkin olan dijital asistanı çağırır.
Bildirim Merkezi
Bildirim Merkezi, kullanıcıyı okunmuş ve okunmamış olmak üzere, kaydedilmiş tüm bildirim mesajlarına yönlendirir.
![Bildirim Merkezi](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=7&hl=tr)
İklim kontrolü
Klima kontrolü simgesi, arabanın klima kontrol sistemlerine kolay erişim sağlar.
![İklim kontrollerinin kapsamı genişletildi](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=7&hl=tr)
Ek özellikler
Dikey referans tasarımında hem sistem hem de uygulama deneyimi için geçerli olan ek özellikler arasında ses katmanı ve temalar yer alır.
Ses katmanı
Ses katmanı, tüm katmanların üzerinde, denetim ve sistem gezinme çubuklarının üzerinde yer alan şeffaf bir katmandır.
Ayrıca, Google Asistan gibi, sisteme entegre edilmiş her türlü dijital asistanı çalıştırabilir.
Temalar
Işık koşullarına göre iki tema kullanılabilir.
![Koyu tema](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=7&hl=tr)
![Açık tema](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=7&hl=tr)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=7&hl=tr)
Parlamayı azaltmak için gece veya düşük ışık koşullarında koyu temayı kullanın. Gece bir bakışta bilgi hakkında daha fazla bilgi edinin.
Sürücülerin ve yolcuların, arabanın ekranlarını doğrudan güneş ışığı altında görebilmeleri için açık tema kullanın. Sistemde gezinme bölümü, donanımla uyumlu olması için siyah kalabilir.