Google стремится продвигать расовое равенство для чернокожих сообществ. Смотри как.

Правила оформления входа в систему

Используйте Google Sign-In с базовым profile или областями email и добавьте следующие стандартные кнопки в свое мобильное или веб-приложение:

Стиль Кнопки Файлы изображений
Свет

Включает кнопки входа в форматах PNG, SVG, EPS и Sketch во многих разрешениях. Включает в себя состояние базы, наведения и нажатия.

Темный

Файлы Sketch, SVG и EPS включены в загрузку, поэтому вы можете перевести текст «Войти с помощью» или «Войти». Для этих файлов требуется шрифт Roboto .

Если вы запрашиваете дополнительные области, делайте это с инкрементной авторизацией ( Android , iOS , веб ), запрашивая авторизацию у пользователя только тогда, когда он начинает взаимодействовать с функцией, требующей доступа к API.

Если вы запрашиваете объемы YouTube, используйте кнопку YouTube .

Если вы пользуетесь игровыми сервисами Google Play, ознакомьтесь также с рекомендациями по брендингу игровых сервисов Google Play .

Вход в Google и другие варианты входа сторонних разработчиков

Равная известность

Кнопка входа в Google должна отображаться не менее заметно, чем другие сторонние варианты входа. Например, пуговицы должны быть примерно одного размера и иметь одинаковый визуальный вес.

Соответствие стилю вашего собственного приложения

Настоятельно рекомендуется использовать стандартную кнопку входа в Google, поскольку она позволяет пользователям Google быстрее идентифицировать параметр Google. Если вам нужно адаптировать кнопку к дизайну вашего приложения или перевести текст «Войти с помощью» или «Войти», следуйте этим рекомендациям.

Размер

Вы можете масштабировать кнопку по мере необходимости для разных устройств и размеров экрана, но вы должны сохранить соотношение сторон, чтобы логотип Google не растягивался.

Текст

Чтобы побудить пользователей нажать на кнопку, мы рекомендуем текст с призывом к действию «Войдите в систему с помощью Google» или «Зарегистрируйтесь с помощью Google». Для пользователя должно быть ясно, что он входит в ваше приложение или регистрируется в нем со своими учетными данными Google, а не регистрируется или регистрируется для учетной записи Google в вашем приложении.

Текст "Google"

Вы можете использовать само слово «Google» в кнопке, если оно сопровождается смежным текстом, поясняющим, что это за действие . Например:

Войти в систему с:

Цвет

Кнопка входа в Google на синем фонеКнопка входа в Google на белом фоне

Цвет не нажатой световой кнопки - #FFFFFF (белый). Цвет не нажатой темной (синей) кнопки - # 4285F4. Фон кнопки может быть синим или белым, но кнопка всегда должна иметь стандартный цвет Google "G" на белой плитке.

Шрифт

Шрифт кнопки - Roboto Medium, шрифт TrueType. Для установки сначала загрузите шрифт Roboto и разархивируйте пакет для загрузки. На Mac просто дважды щелкните Roboto-Medium.ttf , затем нажмите «Установить шрифт». В Windows перетащите файл в папку «Мой компьютер»> «Windows»> «Шрифты». Не используйте другие шрифты на кнопке, за исключением случаев, когда указано в разделе « Соответствие стилю вашего приложения» .

Для веб-сайтов, которые используют настраиваемую кнопку входа , вы можете загрузить шрифт Roboto из Google Fonts .

Прокладка

Отступ слева (и справа) от текста должен быть 8dp. Размер логотипа должен быть 18dp, а между логотипом и текстом кнопки должно быть 24dp.

Показывает размеры элементов кнопки, включая отступы вокруг текста.

Логотип Google на кнопке "Войти через Google"

Независимо от текста, вы не можете изменить размер или цвет логотипа Google "G". Это должна быть стандартная цветная версия на белом фоне. Если вам нужно создать собственный логотип Google нестандартного размера, начните с любого размера логотипа, включенного в комплект загрузки.

Неправильный дизайн кнопки

Не используйте значок или логотип Google отдельно без границы кнопки и без текста для обозначения действий пользователя.
Не используйте значок Google сам по себе для обозначения входа в Google.
Не используйте темные или светлые версии Google "G".
Не размещайте стандартный цветной значок Google "G" на цветном фоне.
Не создавайте свой собственный значок для кнопки.
Не используйте термин «Google» сам по себе в кнопке без соответствующего значка Google.

Использование брендов Google способами, прямо не описанными в этом документе, запрещено без предварительного письменного согласия Google (дополнительную информацию см. В Руководстве по использованию элементов бренда Google третьими сторонами ).