iOS это операционная система устройств Apple. Гайдлайны iOS называются Human Interface Guidelines и представляют собой рекомендации системы по проектированию интерфейса приложения на устройствах Apple.
На официальном сайте гайдлайнов можно найти всю необходимую информацию:
- принципы работы системы
- описание элементов интерфейса
- нативные шрифты
- рекомендацию по параметрам шрифтов
- рекомендации по использованию цвета
- ui киты для скачивания
- последние обновления (текст и видео)
Каждый дизайнер мобильных приложений должен знать гайдлайны, понимать отличия систем iOS и Android, разбираться в элементах интерфейса и понимать какой подойдет под ту или иную функцию. И должен уметь взаимодействовать с ui китом.
Navigation bar iOS
Важно не забывать о заголовке экрана в навигационном баре. Заголовок помогает пользователю понять, где он сейчас находится. Бывают приложения, в которых мы упускаем заголовок. На сайте гайдлайнов приводится в пример приложение Заметок, где первая строка самой заметки обычно отвечает за ее название и пользователь не потеряется.
Система iOS рекомендует использовать не более 15 символов в заголовке. Не пишите заголовок в две строки. Длина текста должна быть такой, чтобы слева поместилась кнопка назад.
В гайдлайнах iOS существует маленький и большой заголовки. Большой заголовок (Large title), при скролле превращается в маленький.
Система iOS рекомендует использовать не более 15 символов в заголовке. Не пишите заголовок в две строки. Длина текста должна быть такой, чтобы слева поместилась кнопка назад.
В гайдлайнах iOS существует маленький и большой заголовки. Большой заголовок (Large title), при скролле превращается в маленький.
Tab bar
Таббар айос или панель вкладок, позволяет пользователю переключаться между основными разделами приложения. Располагается в нижней части экрана.
Не ставьте в таб бар кнопки действий.
Система iOS рекомендует использовать таб бар на всех экранах, исключением является модальный тип окна, боттом шит. Когда на экране приложения появляется элемент alert, то все элементы, включая таб бар, должны быть скрыты за полупрозрачным фоном.
Не ставьте в таб бар кнопки действий.
Система iOS рекомендует использовать таб бар на всех экранах, исключением является модальный тип окна, боттом шит. Когда на экране приложения появляется элемент alert, то все элементы, включая таб бар, должны быть скрыты за полупрозрачным фоном.
Важно!
- используйте от 3 до 5 вкладок в таб баре
- пишите короткие и емкие названия вкладок
- используйте не детализированные и понятные иконки
- делайте подпись к разделам
Какой размер фрейма выбрать для дизайна приложения под систему iOS?
При выборе фрейма мы опираемся на тенденции рынка (какое устройство сейчас популярно), на целевую аудиторию (каким устройством она пользуется чаще всего), на географию использования приложения, на бюджеты.
Было время, когда мы делали дизайн под iPhone 8, в 2021-22 году был популярен размер 375 на 812px. Сейчас мы либо используем 375 на 812, либо уже размер под Iphone 14.
Этот момент важно уточнять у команды, у разработчика с которыми работаем.
Еще необходимо уточнить, будет ли нужна адаптация под IphoneSE, так как его экран сильно меньше стандартных, нужна адаптация.
Было время, когда мы делали дизайн под iPhone 8, в 2021-22 году был популярен размер 375 на 812px. Сейчас мы либо используем 375 на 812, либо уже размер под Iphone 14.
Этот момент важно уточнять у команды, у разработчика с которыми работаем.
Еще необходимо уточнить, будет ли нужна адаптация под IphoneSE, так как его экран сильно меньше стандартных, нужна адаптация.
Все элементы интерфейса представлены в нашем интенсиве по гайдлайнам на русском языке.
Вы узнаете все необходимое о гайдлайнах в максимально короткие сроки.
- видео-уроки
- презентации
- домашние задания.
Вы узнаете все необходимое о гайдлайнах в максимально короткие сроки.