Гайдлайн по iOS на русском. Часть 48 — Иконки и картинки: Системные иконки
Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна (лайк, подписка и тд). В этой серии постов я делюсь вольным переводом iOS гайдлайна на русский язык. Как и с переводом Material Design все части будут объеденены в 1 notion документ. Оригинальный источник этой части: здесь.
В iOS 13 или более поздней версии делайте выбор в пользу использования библиотеки иконок SF для сопровождения контента иконками. Если ваше приложение работает в iOS 12 или более ранней версии, следуйте приведенным ниже инструкциям.
У системы есть встроенные иконки, которые представляют собой метафору для общих задач и типов контента в разных юзкейсах.
- Иконки панели навигации и панели инструментов
- Иконки панели вкладок
- Иконки быстрых действий на домашнем экране
В приложениях под управлением iOS 12 и более ранних версий рекомендуется использовать системные иконки как можно чаще, потому что они уже знакомы людям.
Используйте системные иконки по назначению. Каждое системное изображение имеет определенное, хорошо известное значение. Чтобы не вводить пользователей в заблуждение, важно, чтобы каждое изображение использовалось в соответствии с его значением и рекомендуемым использованием.
Напишите alt-текст для иконок. Alt-текста не видны на экране, но они технологии VoiceOver четко описывать то, что отображается на экране, что облегчает навигацию для людей с ограниченными возможностями зрения.
Создайте кастомную иконку, если вы не можете найти системный аналог. Лучше создать свою кастомную иконку, чем злоупотреблять системными.
📌 Вы можете использовать текст вместо иконок в качестве замены на панели навигации или панели инструментов. Например, в календаре используются подписи “Сегодня”, “Календари” и “Входящие” на панели инструментов.
📌 От автора: я не буду переводить все таблицы с иконками, поскольку это излишне, но тем кто хочет, то здесь можно прочитать.