Кто мы
Кнопка
Кнопка
Да, именно предприниматели — герои нашего времени. А мы… мы ими гордимся и работаем, чтобы им было легче и безопаснее делать бизнес. Наша работа — бухгалтерия, налоги, юридическая помощь и консультации понятным языком. Мы следим за изменениями законов и мерами поддержки, знаем отраслевую специфику и даём клиентам только дельные советы и проверенную информацию. Мы нужны тысяче клиентов и никого не заставляем ждать: на 98% сообщений отвечаем за 2,5 часа.
Бизнес-ассистенты
Свои люди
Юристы
Первичники
Ведущие бухгалтеры
Основатели
Эксперты сервиса
Руководство
Всех сотрудников Кнопки можно поделить на две части. Первая — это те, кто обслуживает клиентов. А вторая — те, кто обслуживает обслуживающих. Потому что два главных слова у нас — Хороший Сервис. Или Клиентское Счастье. Хороший сервис — это когда люди с людьми. Не когда один на один с равнодушной и беспощадной машиной по оказанию услуг, а когда человек с человеком. Мы верим, что это правильно.
Качество сервиса
Забота о Кнопке
Продавцы
Подключение и восстановление
Разработчики
Инструменты
Маркетинг
Забота о документах
Мы открыты людям и переменам. Мы честны перед собой, коллегами и клиентами. Мы смотрим на вопросы широко — потому что наши действия влияют на жизнь компании и бизнес клиента, и ответственны за это тоже мы.
121205, Москва. Станция метро Баррикадная, ул.Садовая-Кудринская, 8
Москва
АО «Кнопка», IT-компания →
Юридический адрес: 121205, Москва, ИЦ «Сколково»,
ул. Нобеля, дом 7, этаж 4, помещение 10.
ИНН 9731093039
КПП 773101001
ОГРН 1227700292456
Расчётный счёт 40702810002500131007
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ»
Корреспондентский счёт 30101810845250000999
БИК 044525999
Согласно закону «О специальной оценке условий труда»
№ 426-ФЗ от 28.12.2013 г. АО «Кнопка»
провело специальную оценку условий труда.
Для СМИ
Кнопка
Кнопка
Кнопка — не просто аутсорсинг бухгалтерии. У нас более 200 экспертов в разных сферах бизнеса и мы любим делиться интересными идеями в бизнесе и корпоративной культуре: даём интервью интернет-журналам, записываем подкасты на радио и участвуем в съёмках.
Связаться с нами
Пишите нам, если хотите
Спикеры Кнопки
1 из 3
О нас пишут
Сервис онлайн-бухгалтерии «Кнопка» вышел на рынок Армении
Читать →
«Государство нас спасать не станет, шевелимся как можем»: чем живёт в кризис аутсорс-бухгалтерия «Кнопка» и её клиенты
Читать →
«Предприниматель должен заниматься развитием бизнеса, а не рутиной»: история сервиса «Кнопка»
Читать →
«Предприниматель должен заниматься развитием бизнеса, а не рутиной»: история сервиса «Кнопка»
Читать →
Как перестать ждать и начать получать ответы от клиента, подрядчика, партнёра?
Читать →
Почему холакратия в чистом виде так и не прижилась в российских компаниях
Читать →
Поднять цены и не потерять клиентов: 10 шагов для бизнеса
Читать →
От Microsoft до стартапа: CEO «Кнопки» Сергей Герштейн — о граблях и золотой клетке корпораций
Читать →
Как работает контент-маркетинг онлайн-бухгалтерии «Кнопка»: контент-стратегия, площадки и статистика
Читать →
Как мы выбрали не ту модель монетизации и потом поменяли ее. Кейс бухгалтерской компании
Читать →
Как контент-маркетинг помогает экономить рекламный бюджет
Читать →
Бизнес-хак. Как бухгалтерской компании стимулировать сарафанное радио
Читать →
Бизнес-хак. Как бухгалтерской компании превращать клиентов в постоянных
Читать →
6 компаний для ИТ, с которыми строить бизнес намного легче
Читать →
Бухгалтер в штате или на аутсорсе: удивительно, но в большинстве случаев малому бизнесу бухгалтер не нужен.
Читать →
Каждый второй предприниматель в России ведет бухгалтерию самостоятельно: исследование предпринимателей в крупных и небольших городах
Читать →
Распространённые ошибки и заблуждения предпринимателей. Люди, не делайте так!
Читать →
Оплата больничных и декретного отпуска: что поменялось для работодателей.
Читать →
«Шпион» из ФНС — ваш подчинённый: как налоговая собирает данные
Читать →
Какие документы нужны для работы с сотрудниками и как их составлять, и хранить
Читать →
Трудовые книжки: тонкости перехода на цифровую версию
Читать →
Сколько стоит начать бизнес в России. Гайд по обязательным тратам.
Читать →
Тонкая грань: как работать с самозанятыми и не получить штраф. Пять ошибок, которые можно избежать.
Читать →
Чек-лист: 8 вещей, которые бизнесу нужно успеть до Нового года (и сразу после)
Читать →
Сделай сам: как найти сотрудника, которому не нужен начальник
Читать →
«Бизнесмену крайне важно научиться поступать во вред личному кошельку» — Евгений Кобзев
Читать →
Как банкиры и бывшие сотрудники «Эльбы» развивают сервис удаленного бэк-офиса для предпринимателей
Читать →
Как бренды ведут соцсети: четыре стиля общения
Читать →
Мы нарушили три «золотых» правила бизнеса и только так стали владельцами
Читать →
Советы основателя.
Читать →
Из eBay для бизнеса мы превратились в IKEA
Читать →
Изгнание начальников: зачем российская компания уничтожила менеджеров как класс
Читать →
Искусственный интеллект от компании «Кнопка» становится все интеллектуальнее
Читать →
Офисы Екатеринбурга: Кнопка
Читать →
Любой аутсорсинг – это, прежде всего, про экономию
Читать →
Я не работаю даже с суперпрофи, которые не отличают написание -ТСЯ и -ТЬСЯ
Читать →
Сервис для предпринимателей «Кнопка» отказался от рекламы на полмесяца ради бонусов для клиентов
Читать →
Как музыкальный вкус влияет на бизнес?
Читать →
Рабочие места: Евгений Кобзев, вождь сервиса «Кнопка»
Читать →
Europe’s hottest startups 2015
Читать →
На ежедневных проблемах малых предпринимателей можно построить успешный сервис
Читать →
У нас получается создавать эмоциональную связь с клиентами
Читать →
Верим в команду: примеры творческого подхода к разделу «О нас»
Читать →
Как перестать бояться понедельников и полюбить свою работу
Читать →
Отказались от демо и фримиума — и отсеяли кучу шлака
Читать →
1 из 38
121205, Москва. Станция метро Баррикадная, ул.Садовая-Кудринская, 8
Москва
АО «Кнопка», IT-компания →
Юридический адрес: 121205, Москва, ИЦ «Сколково»,
ул. Нобеля, дом 7, этаж 4, помещение 10.
ИНН 9731093039
КПП 773101001
ОГРН 1227700292456
Расчётный счёт 40702810002500131007
ТОЧКА ПАО БАНКА «ФК ОТКРЫТИЕ»
Корреспондентский счёт 30101810845250000999
БИК 044525999
Согласно закону «О специальной оценке условий труда»
№ 426-ФЗ от 28.12.2013 г. АО «Кнопка»
провело специальную оценку условий труда.
дизайнов, тем, шаблонов и графических элементов для кнопок входа на Dribbble
Посмотреть вход и начать анимацию
Войти и начать анимацию
Просмотр создания учетной записи
Создание учетной записи
Просмотр экрана «Начало работы»
Начальный экран
Просмотр пользовательского интерфейса Stratis — модальное окно входа
Пользовательский интерфейс Stratis — модальный вход
Просмотр 🎈 Крошечная часть формы входа — новый пользовательский интерфейс Countly
🎈 Крошечная часть формы входа — новый интерфейс Countly
Просмотр Ocula — взаимодействие с экраном входа в систему UI/UX 2
Ocula — взаимодействие с экраном входа в систему UI/UX 2
View Stratis UI — модальное окно регистрации
Пользовательский интерфейс Stratis — форма регистрации
Просмотр Ocula — взаимодействие с экраном входа в систему UI/UX 1
Ocula — взаимодействие с экраном входа в систему UI/UX 1
Просмотр Ocula — взаимодействие с экраном входа в систему UI/UX 4
Ocula — взаимодействие с экраном входа в систему UI/UX 4
Просмотр домашнего приложения
Домашнее приложение
Палитра просмотра • Вход и создание учетной записи ✨
Палитра • Вход и создание учетной записи ✨
Посмотреть Зарегистрироваться Веб-сайт UI KIT
Регистрационный веб-сайт UI KIT
Просмотр модальных окон и вход
Модальные окна и вход
Просмотр мода оформления заказа и безопасности
Режимы оформления заказа и безопасности
Просмотр групповых учетных записей
Командные учетные записи
Просмотр уведомлений
Уведомления
Просмотр пользовательского интерфейса здесь и там
Интерфейс тут и там
Посмотреть обзор приложений для тренировок 👟
Исследование приложений для тренировок 👟
Просмотр восстановления пароля
Восстановление пароля
Посмотреть 🚪Войти / Зарегистрироваться
🚪Войти / Зарегистрироваться
Посмотреть веб-сайт Parallax 3D
Веб-сайт Parallax 3D
Просмотр #02 Behance | Войти 🔒
#02 Behance | Логин 🔒
Посмотреть новый веб-сайт с универсальным входом
Универсальный вход новый сайт
Просмотр входа и регистрации Модальный
Модальный вход и регистрация
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Загрузка еще…
Введение.
Технологии. Руководящие принципы работы с интерфейсом пользователя. не нужно помнить несколько учетных записей и паролей.Поддержка входа с помощью Apple позволяет людям использовать Apple ID, который у них уже есть, для входа или регистрации, а также пропускать заполнение форм, проверку адресов электронной почты и выбор паролей. В тех случаях, когда вы решите запросить имя и адрес электронной почты, люди могут поделиться уникальным случайным адресом электронной почты, который автоматически ретранслирует сообщения на их личный адрес электронной почты. Руководство для разработчиков см. в разделе Службы аутентификации.
Вы можете предлагать функцию «Вход с Apple» в каждой версии вашего приложения или веб-сайта на всех платформах, в том числе на платформах, не принадлежащих Apple.
Вход с помощью Apple упрощает аутентификацию с помощью Face ID или Touch ID, а встроенная двухфакторная аутентификация обеспечивает дополнительный уровень безопасности. Apple не использует функцию «Вход с Apple» для профилирования пользователей или их активности в приложениях.
Следуйте этим рекомендациям, чтобы предлагать функцию «Войти через Apple», когда это наиболее удобно для людей.
Попросите людей войти в систему только в обмен на ценность. Люди должны понимать, почему вы просите их войти в систему, чтобы было хорошо показывать краткое доступное описание преимуществ входа. Например, вы можете сообщить людям, что вход позволяет им персонализировать работу с приложением, получить доступ к дополнительным функциям или синхронизировать данные.
Отложите вход в систему как можно дольше. Люди часто отказываются от приложений, когда им приходится входить в систему, прежде чем сделать что-то полезное. Дайте им возможность ознакомиться с вашим приложением, прежде чем брать на себя обязательства. Например, приложение для потокового вещания может позволить людям изучить доступный контент, прежде чем войти в систему, чтобы что-то транслировать.
Если вам требуется учетная запись, попросите людей настроить ее, прежде чем предлагать какие-либо варианты входа. Начните с объяснения причин, по которым требуется учетная запись. Затем, после того как люди завершат настройку учетной записи, позвольте им выбрать удобный способ входа в свою новую учетную запись, предложив «Вход с Apple» и любые другие способы входа, которые вы поддерживаете.
Рассмотрите возможность предоставления пользователям возможности привязать существующую учетную запись к функции «Вход с Apple». Если вы поддерживаете этот тип связывания, люди могут с удобством использовать функцию «Войти через Apple», сохраняя при этом доступ к информации в уже созданной учетной записи. Вы можете предложить привязку учетной записи до или после того, как люди войдут в свою существующую учетную запись. Например:
- Если у людей есть общий адрес электронной почты через «Войти с Apple», и он совпадает с адресом в существующей учетной записи, вы можете предложить им связать «Войти с Apple» с этой учетной записью.
- Если люди использовали существующее имя пользователя и пароль для входа в систему, вы можете отобразить предложение о привязке учетной записи в представлении настроек их учетной записи или в другом логическом месте.
В коммерческом приложении подождите, пока люди совершат покупку, прежде чем просить их создать учетную запись. Если вы поддерживаете гостевую систему оплаты, предоставьте людям возможность быстрого создания учетной записи после завершения транзакции. Например, если вы поддерживаете Apple Pay, разрешите пользователям создавать учетную запись на странице подтверждения заказа. В тех случаях, когда люди уже предоставили свое имя и адрес электронной почты во время транзакции Apple Pay, вам не нужно запрашивать эту информацию.
Как только вход с помощью Apple завершится, приветствуйте людей в их новой учетной записи. Помогите людям сразу же использовать их новую учетную запись; не откладывайте опыт, запрашивая информацию, которая не требуется.
Укажите, когда люди в настоящее время вошли в систему. Вы можете помочь людям подтвердить свой метод входа, отображая фразу, например «Используя вход с помощью Apple», в таких местах, как настройки или интерфейс учетной записи.
Сбор данных
Люди ценят функцию «Войти через Apple» за ее конфиденциальность и удобство. Хотя для некоторых приложений или веб-сайтов может потребоваться дополнительная информация, например дата рождения или регион проживания, важно свести к минимуму ваши запросы на данные, когда люди настраивают учетную запись. Опирайтесь на доверие людей к программе «Вход с Apple», описывая, зачем вам нужны дополнительные данные, и четко отображая полученные данные.
Уточните, требуются ли дополнительные данные, которые вы запрашиваете, или они просто рекомендуются. Если данные требуются по закону или по договору — например, соглашение с условиями обслуживания, страна или регион проживания, дата рождения или информация, требуемая региональными законами о подлинности личности — убедитесь, что люди понимают, что они должны предоставить дополнительную информацию для завершения настройки своей учетной записи. Если дополнительные данные не требуются, но могут улучшить взаимодействие с пользователем, убедитесь, что люди знают, что запрос не является обязательным, и помогите им понять преимущества предоставления информации.
Не просите людей вводить пароль. Основное преимущество функции «Вход с Apple» заключается в том, что пользователям не нужно создавать и запоминать дополнительные пароли. Если люди не перестали использовать функцию «Войти через Apple» в вашем приложении или на веб-сайте, не запрашивайте пароль.
Не спрашивайте личный адрес электронной почты, когда люди предоставляют адрес частной ретрансляции. Используя функцию «Войти через Apple», люди могут выбрать общий адрес частной ретрансляции, который автоматически перенаправляет сообщения на их подтвержденную личную учетную запись электронной почты. Очень важно уважать этот выбор и не переопределять его, запрашивая личный адрес электронной почты. Если вы представляете службу поддержки клиентов, розничную торговлю или другие услуги, требующие идентификации по адресу электронной почты, вы можете:
- Убедитесь, что люди могут просматривать свой адрес частной ретрансляции в вашем приложении или на веб-сайте
- Направить пользователей в «Настройки» > «Apple ID» > «Пароль и безопасность» > «Приложения», использующие Apple ID, для получения адреса частной ретрансляции
- Использовать другие идентификационные значения, такие как номер заказа или номер телефона, полученные в рамках покупки
Дайте людям возможность поработать с вашим приложением, прежде чем запрашивать дополнительные данные. Когда люди используют ваше приложение, вы можете помочь им найти места, где они могут извлечь пользу, поделившись с вами дополнительной информацией. Например, вы можете предложить им предоставить контактный номер телефона, если они хотят получать текстовые обновления в режиме реального времени, или информацию о социальных сетях, если они хотят играть в игры с друзьями. Если люди решат не предоставлять необязательную информацию, не препятствуйте им в доступе к своей учетной записи или использовании всех функций вашего приложения.
Будьте честны в отношении собираемых данных. Людям важно знать, как вы используете данные, которыми они с вами делятся. Один из способов быть прозрачным — приветствовать людей, используя имя или адрес электронной почты, которыми они поделились. Это помогает установить, как вы используете эту информацию, а для ретрансляционного адреса показывает людям, где ее найти в будущем. Если вы не показываете все данные, которые предоставляют люди, они, скорее всего, зададутся вопросом, почему вы просили об этом.
Кнопки отображения
Apple предоставляет несколько кнопок «Войти с Apple», которые можно использовать, чтобы позволить людям настроить учетную запись и войти в нее. При необходимости вы можете создать пользовательскую кнопку, предлагающую «Войти с Apple»; рекомендации см. в разделе «Создание пользовательской кнопки входа с помощью Apple».
На видном месте отображается кнопка «Вход с Apple». Сделайте кнопку «Вход с Apple» не меньше, чем другие кнопки входа, и не заставляйте людей прокручивать страницу, чтобы увидеть кнопку.
Использование системных кнопок
При использовании предоставляемых системой API-интерфейсов для создания кнопки «Вход с Apple» вы получаете следующие преимущества.
- Кнопка, внешний вид которой гарантированно одобрен Apple
- Гарантия сохранения идеальных пропорций содержимого кнопки при изменении ее стиля
- Автоматический перевод названия кнопки на язык, заданный устройством
- Поддержка настройки радиуса угла кнопки в соответствии со стилем вашего пользовательского интерфейса (iOS, macOS и Интернет)
- Системная альтернативная текстовая метка, которая позволяет VoiceOver описывать кнопку
Руководство для разработчиков см. в разделах ASAuthorizationAppleIDButton (iOS, macOS и tvOS), WKInterfaceAuthorizationAppleIDButton (watchOS) и Отображение входа с помощью кнопок Apple в Интернете. Вы также можете посетить страницу «Войти с помощью кнопки Apple», чтобы просмотреть и настроить предварительный просмотр веб-кнопок в реальном времени и получить код.
В системе предусмотрено несколько вариантов названия кнопки. В зависимости от платформы, на которой работает ваш контент, выберите вариант, который соответствует терминологии вашего входа в систему, и последовательно используйте его во всех интерфейсах.
Для iOS, macOS, tvOS и Интернета доступны следующие названия кнопок:
Для watchOS система предоставляет одно название: Войти.
В зависимости от платформы система предоставляет до трех вариантов для внешнего вида кнопки «Войти через Apple»: белая, белая с контуром и черная. Выберите внешний вид, который лучше всего сочетается с фоном, на котором отображается кнопка.
Белый
Белый стиль доступен на всех платформах и в Интернете. Используйте этот стиль на темном фоне, который обеспечивает достаточную контрастность.
Белый с контуром
Стиль с белым контуром доступен в iOS, macOS и в Интернете. Используйте этот стиль на белом или светлом фоне, который не обеспечивает достаточного контраста с белой заливкой кнопки. Избегайте использования этого стиля на темном или насыщенном фоне, потому что черный контур может добавить визуальный беспорядок; вместо этого используйте белый стиль, чтобы контрастировать с темным фоном.
Черный
Черный стиль доступен на всех платформах и в Интернете. Используйте этот стиль на белом или светлом фоне, обеспечивающем достаточную контрастность; не используйте его на черном или темном фоне.
В отличие от черной кнопки «Войти через Apple» для других платформ, кнопка watchOS использует не полностью черный цвет заливки. Чтобы контрастировать с чисто черным фоном Apple Watch, кнопка watchOS использует определенный системой темно-серый цвет.
Размер кнопки и радиус угла
Отрегулируйте радиус угла, чтобы он соответствовал внешнему виду других кнопок в приложении. По умолчанию кнопка «Войти через Apple» имеет закругленные углы. В iOS, macOS и в Интернете вы можете изменить радиус угла, чтобы получить кнопку с прямыми углами или кнопку в форме таблетки. Руководство для разработчиков см. в статьях CornerRadius (iOS и macOS) и Отображение кнопки «Войти с Apple» в Интернете.
Сохраняйте минимальный размер кнопки и поля вокруг кнопки в iOS, macOS и в Интернете. Имейте в виду, что длина заголовка кнопки может различаться в зависимости от региона. Используйте следующие значения для руководства.
Минимальная ширина | Минимальная высота | Минимальная маржа |
---|---|---|
140 точек (140 пикселей при 1x, 280 пикселей при 2x) | 30pt (30 пикселей при 1x, 60 пикселей при 2x) | 1/10 высоты кнопки |
Создание пользовательской кнопки «Вход с Apple»
Если этого требует ваш интерфейс, вы можете создать пользовательскую кнопку «Войти с Apple» для iOS, macOS или в Интернете. Например, вы можете выровнять логотипы на нескольких кнопках входа, использовать кнопки, отображающие только логотип, или настроить шрифт, лицевую панель или внешний вид фона кнопки в соответствии с вашим пользовательским интерфейсом.
Всегда следите за тем, чтобы люди могли мгновенно идентифицировать вашу настраиваемую кнопку как кнопку «Войти через Apple». Если ваша настраиваемая кнопка слишком сильно отличается от стандартной, людям может быть неудобно использовать ее для настройки учетной записи или входа в систему. App Review оценивает все настраиваемые кнопки «Войти с Apple».
Apple Design Resources предоставляет загружаемый логотип Apple, который можно использовать для создания пользовательских кнопок «Войти с помощью Apple», отображающих либо только логотип, либо логотип и текст. Файлы логотипов доступны в форматах PNG, SVG и PDF, а иллюстрации для обоих типов кнопок включают как черно-белую версию. Вот примеры черно-белых художественных файлов, содержащих только логотипы, каждый из которых имеет фон, добавленный для видимости.
Все загружаемые файлы логотипов содержат отступы, упрощающие размещение логотипа на кнопке. Файлы логотипов, содержащие только логотип, включают горизонтальные и вертикальные отступы, которые обеспечивают правильную пропорцию логотипа по отношению к кнопке. В дополнение к отступам, обеспечивающим правильную пропорцию логотипа и кнопки, файлы логотипов для кнопок с текстом также включают горизонтальные отступы, обеспечивающие минимальное расстояние между логотипом и передним краем кнопки и ее заголовком.
Используйте только изображение логотипа, загруженное с ресурса Apple Design Resources; никогда не создавайте собственный логотип Apple. При создании пользовательской кнопки «Войти с помощью Apple» следуйте этим рекомендациям по использованию загружаемого файла логотипа:
- Используйте файл логотипа, чтобы разместить логотип Apple на кнопке; никогда не используйте логотип Apple в качестве кнопки.
- Сопоставьте высоту файла логотипа с высотой кнопки.
- Не обрезать файл логотипа.
- Не добавлять вертикальные отступы.
Чтобы ваша настраиваемая кнопка визуально соответствовала предоставленной системой кнопке «Войти через Apple», не изменяйте следующие атрибуты.
- Титулы. Используйте только Войдите с помощью Apple , Зарегистрируйтесь с Apple или Продолжите с Apple .
- Общая форма. Кнопки, сочетающие логотип с текстом, всегда прямоугольные; кнопки только с логотипом могут быть круглыми или прямоугольными.
- Цвета логотипа и названия. Внутри кнопки оба элемента должны быть либо черными, либо белыми; не используйте пользовательские цвета.
В соответствии с дизайном вашего приложения вы можете изменить:
- Шрифт заголовка. Вы также можете настроить вес и размер шрифта.
- Титульный футляр. Вы можете сделать заглавной каждую букву в названии.
- Внешний вид фона. Общий цвет должен оставаться черным или белым. При необходимости вы можете добавить тонкую текстуру или градиент, чтобы кнопка гармонировала с вашим интерфейсом.
- Радиус угла кнопки. Вы можете использовать значение радиуса угла, которое соответствует другим кнопкам в вашем пользовательском интерфейсе.
- Безель и тень кнопки. Например, можно использовать обводку, чтобы выделить лицевую панель кнопки или добавить тень.
Пользовательские кнопки с логотипом и текстом
Выберите формат файла логотипа в зависимости от высоты кнопки. Поскольку SVG и PDF являются векторными форматами, эти файлы можно использовать в кнопках любой высоты. Используйте файлы PNG только в кнопках высотой 44 пункта, что является стандартной (и рекомендуемой) высотой кнопки в iOS. Логотипы доступны в маленьком, среднем и большом размерах, поэтому вы можете подобрать одинаковые размеры логотипов во всех отображаемых кнопках регистрации.
Отдайте предпочтение системному шрифту для заголовка, то есть «Войти с Apple», «Зарегистрироваться с Apple» или «Продолжить с Apple». Независимо от выбранного вами шрифта высота заголовка и кнопки пользовательской кнопки должна иметь те же пропорции, что и система. Например, при использовании системного шрифта размер шрифта заголовка должен составлять 43% от высоты кнопки — другими словами, высота кнопки должна составлять 233% от размера шрифта заголовка, округленного до ближайшего целого числа. Вот два примера, которые показывают эти пропорции, используя разные размеры системного шрифта.
В общем, сохраняйте заглавные буквы. По умолчанию во всех вариантах заголовка кнопки первое слово пишется с заглавной буквы, то есть Подписать или Продолжить — и Apple ; все остальные буквы строчные. Избегайте изменения этого стиля, если только ваш интерфейс не использует только верхний регистр.
Выровняйте заголовок и логотип внутри кнопки по вертикали. Для этого выровняйте заголовок по вертикали по середине кнопки, затем добавьте изображение логотипа, убедившись, что его высота соответствует высоте кнопки. Поскольку изображение логотипа включает отступы сверху и снизу, вертикальное выравнивание заголовка на кнопке гарантирует, что заголовок, логотип и кнопка останутся правильно выровненными.
При необходимости вставьте логотип. Если вам нужно выровнять логотип Apple по горизонтали с другими логотипами аутентификации, вы можете отрегулировать расстояние между логотипом и передним краем кнопки.
Сохраняйте минимальное поле между заголовком и правым краем кнопки. Поле должно составлять не менее 8% ширины кнопки.
Сохраняйте минимальный размер кнопки и поля вокруг кнопки. Имейте в виду, что длина заголовка кнопки может различаться в зависимости от региона. Используйте следующие значения для руководства.
Минимальная ширина | Минимальная высота | Минимальная маржа |
---|---|---|
140 точек (140 пикселей при 1x, 280 пикселей при 2x) | 30pt (30 пикселей при 1x, 60 пикселей при 2x) | 1/10 высоты кнопки |
Пользовательские кнопки только с логотипом
Выберите формат файла логотипа в зависимости от размера вашей кнопки. Загружаемый рисунок для кнопок только с логотипом доступен в форматах SVG, PDF и PNG. Используйте векторные форматы SVG и PDF для кнопок любого размера; используйте формат PNG только для кнопок размером 44×44 pt.
Не добавляйте горизонтальные отступы к изображению, состоящему только из логотипа. Кнопка «Войти с Apple» только с логотипом всегда имеет соотношение сторон 1:1, а изображение уже содержит правильные отступы со всех сторон.
Используйте маску, чтобы изменить стандартную квадратную форму изображения, состоящего только из логотипа. Например, вы можете использовать круглую или закругленную прямоугольную форму для представления всех кнопок входа только с логотипом. Никогда не обрезайте изображение, предоставленное Apple, чтобы уменьшить его встроенный отступ или использовать логотип отдельно, а также избегайте добавления дополнительного отступа.
Сохраняйте минимальное поле вокруг кнопки. Размер поля должен составлять не менее 1/10 высоты кнопки.