Сосредоточьтесь на взаимодействии с системой, приложениями и дополнительными функциями, чтобы создать свой портретный эталонный интерфейс.
Портретный эталонный дизайн привязан к главному экрану и включает в себя следующие постоянные элементы пользовательского интерфейса системы:
Домашний экран
Главный экран представляет собой всеобъемлющую отправную точку для водителей, где все элементы управления легко доступны. Он отвечает потребностям большинства водителей, поэтому водитель может сосредоточиться на навигации по дороге, а не переключаться между приложениями.
Не выходя из этого экрана, водитель может получить доступ:
- Строка состояния вверху с элементами быстрого управления и выбором профиля.
- Базовый слой в основной части экрана, обычно запускающий навигационное приложение.
- Панели управления и навигации по системе внизу
![Вид главного экрана](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=5&hl=ru)
Панель управления
На панели управления расположены элементы управления мультимедиа (видео и музыкой), подкастами, Bluetooth, радио и активными вызовами.
В мультимедийных и телефонных приложениях панель управления расположена над панелью навигации в нижней половине экрана. Элементы управления переключаются с мультимедиа на активный телефонный звонок, когда пользователь принимает входящий вызов.
Средства управления медиа
Элементы управления мультимедиа обеспечивают возможность воспроизведения, паузы, перемотки назад и вперед. Они также позволяют пользователю отмечать избранное и получать доступ к дополнительным пользовательским элементам управления, если таковые имеются.
![Стандартные элементы управления мультимедиа](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=5&hl=ru)
![Расширенный контроль мультимедиа](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=5&hl=ru)
Активное управление телефонными звонками
Элементы управления телефоном позволяют отключить звук динамика, переключиться на Bluetooth и отменить вызов.
Статус бар
Строка состояния отображается в верхней части экрана и содержит средства выбора профиля, элементы быстрого управления, а также информацию о времени и погоде.
- Быстрое управление:
- Bluetooth : статус Bluetooth
- Возможности подключения : Wi-Fi, мобильная сеть и точка доступа.
- Яркость дисплея : позволяет пользователю регулировать уровень яркости экрана.
- Часы : Цифровой дисплей текущего времени.
- Информация о погоде : Отображает внешнюю температуру.
- Селектор профиля : отображает текущий используемый профиль пользователя и позволяет пользователю при необходимости выбрать другой профиль.
Элементы строки состояния отображаются в одинаковом порядке для автомобилей с левосторонним и правосторонним рулевым управлением.
Пользователи могут включать и выключать отображение погоды в настройках.
Рекомендации и рекомендации по настройке строки состояния см. в разделе «Рекомендации по настройке строки состояния» .
Быстрое управление
Быстрые элементы управления в строке состояния обеспечивают легкий доступ к Bluetooth, подключению и яркости дисплея.
![Bluetooth-управление](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=5&hl=ru)
![Элементы управления подключением](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=5&hl=ru)
![Настройки отображения](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=5&hl=ru)
Выбор профиля
Селектор профилей в строке состояния позволяет быстро выбирать профили и получать доступ к настройкам профиля с помощью ярлыка.
![Селектор профиля с меню профиля](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=5&hl=ru)
Рекомендации по использованию строки состояния
Рекомендации для разработчиков приложений:
- Используйте прозрачность, чтобы не перекрывать содержимое приложения . Если приложение расположено частично за строкой состояния, а не полностью под ней, разработчикам приложений следует оставлять строку состояния прозрачной.
- Стратегически применяйте цвет . Если приложение полностью находится под строкой состояния, разработчикам приложения следует выбрать цвет для строки состояния.
Системная панель навигации
На панели навигации системы расположены элементы управления панелью запуска приложений, цифровым помощником, Центром уведомлений и элементами управления комфортом.
Панель навигации системы расположена в нижней части экрана и отображает следующие элементы управления:
- Температура в салоне : Температура в салоне
- Панель запуска приложений : Приложения, доступные водителю
- Цифровой помощник : доступ к выбранному цифровому помощнику, например Google Assistant.
- Центр уведомлений : доступ к Центру уведомлений.
- Климат-контроль : Доступ к системам климат-контроля в автомобиле.
Рекомендации по настройке системной панели навигации см. в разделе Настройка системной панели навигации .
Панель запуска приложений
Средство запуска приложений отображается в основном пространстве приложения в стандартном виде сетки средства запуска приложений. Приложения упорядочены от А до Я. Пользователи могут изменять порядок приложений в зависимости от своих предпочтений.
![Панель запуска приложений](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=5&hl=ru)
Цифровой помощник
При нажатии эта возможность вызывает активного в данный момент цифрового помощника для голосовой связи.
Центр уведомлений
Центр уведомлений перенаправляет пользователя ко всем сохраненным уведомлениям, как прочитанным, так и непрочитанным.
![Центр уведомлений](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=5&hl=ru)
Климат-контроль
Значок климат-контроля обеспечивает легкий доступ к системам климат-контроля автомобиля.
![Расширенный климат-контроль](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=5&hl=ru)
Дополнительные возможности
Дополнительные функции эталонного портретного дизайна, которые применимы как к работе системы, так и к работе приложения, включают голосовой слой и темы.
Голосовой слой
Голосовой слой — это прозрачный слой, который находится над всеми слоями, а также над панелями управления и навигации по системе.
Он может запускать любой тип цифрового помощника, интегрированного в систему, например Google Assistant .
Темы
Доступны две темы в зависимости от условий освещенности.
![Темная тема](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=5&hl=ru)
![Светлая тема](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=5&hl=ru)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=5&hl=ru)
Используйте темную тему в ночное время или в условиях низкой освещенности, чтобы уменьшить блики. Узнайте больше о видимости в ночное время .
Используйте Светлую тему, чтобы водители и пассажиры могли видеть экраны автомобиля под прямыми солнечными лучами. Системная навигация может оставаться черной, чтобы гармонировать с оборудованием.