В этом руководстве описывается, как Google использует ваш бренд и изображения для интеграции с вашим приложением Micromobility. Здесь также приведены необходимые спецификации и другая информация.
Спецификация значка логотипа
Когда Google Карты для мобильных устройств (GMM) отображают результаты поиска маршрутов, логотип вашего приложения используется для идентификации вашего сервиса в пользовательском интерфейсе. Вам необходимо предоставить Google один значок для логотипа продукта и соблюдать следующие требования:
- Значок логотипа должен представлять собой изображение SVG 1.1 размером 612x612 пикселей.
- Значок логотипа должен быть визуально различим как в светлом, так и в тёмном режимах интерфейса GMM. Рисунок 1 иллюстрирует этот принцип.
- В логотипе не должно быть цветовых сочетаний, которые могли бы помешать восприятию интерфейса GMM. Рисунок 2 иллюстрирует этот принцип.
- Значок должен иметь прозрачный фон.
- Изображение значка должно иметь закругленные углы радиусом 76 пикселей или иметь круглую форму.
- Поскольку теги
<style>не поддерживаются, при необходимости следует использовать встроенные стили. - Не все функции SVG поддерживаются для значков продуктов. Подробнее см. в MetroSVG .
Спецификация значка транспортного средства
Micromobility позволяет пользователям ваших микромобильных продуктов видеть доступные поблизости транспортные средства без док-станции. Обязательно предоставьте Google значок транспортного средства для вашего продукта и соблюдайте следующие требования:
- Значок транспортного средства должен представлять собой изображение в формате PNG размером 120x120 пикселей.
- Значок транспортного средства должен быть визуально различим как в светлом, так и в тёмном режимах интерфейса GMM. Рисунок 1 иллюстрирует этот принцип.
- Значок транспортного средства не должен содержать цветовых комбинаций, которые могли бы помешать работе интерфейса GMM. Рисунок 2 иллюстрирует этот принцип.
- Транспортное средство должно быть отображено на сплошном цветном круге с прозрачным фоном, как показано на рисунке 1.
- Транспортное средство должно быть отцентрировано и ориентировано горизонтально, как будто оно стоит на земле.
- Тип транспортного средства должен быть узнаваемым и идентифицируемым, например, велосипед, электровелосипед или электросамокат.
Рекомендации по отображению значков
Чтобы создать отличный пользовательский опыт, обязательно предоставьте Google изображения, которые выражают ваш бренд и отражают цветовую палитру вашего бренда или продукта.
Поскольку эти значки отображаются на экранах разных размеров и разрешений, в GMM важно использовать чёткие и насыщенные значки. Следующий пример показывает, как значок может хорошо выглядеть при высоком разрешении, но становиться пикселизированным и трудночитаемым при низком разрешении:
Рисунок 3. Значок, плохо видимый на мобильных устройствах.
Чтобы обеспечить видимость значка при любом масштабе, используйте с ним чёткий, чёткий и жирный текст или символы. Перед отправкой значка в Google обязательно проверьте его видимость при разных размерах. Следующий пример соответствует этим критериям:
Рисунок 4. Значок, который хорошо масштабируется для мобильных устройств.
GMM позволяет пользователям выбирать светлую или тёмную тему интерфейса, либо использовать ту же тему, что и на их устройстве. Рекомендуем протестировать значок на разных фоновых цветах, как показано в следующих примерах:
Рисунок 5. Значок, который хорошо отображается на светлом и темном фоне.
Мы также рекомендуем избегать использования в вашем значке цветов или прозрачности, которые могут помешать восприятию интерфейса GMM. На следующих рисунках представлены примеры подобных нарушений:
Рисунок 6. Значок, который хорошо отображается на светлом фоне, но плохо виден на темном фоне.
Рисунок 7. Значок с прозрачностью, который трудно разглядеть на темном фоне.