Шаблоны Иконок

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

iOS выделяет множество стандартных маленьких иконок, таких как Обновить, Действие, Добавить и Избранное. По возможности используйте эти кнопки и иконки, чтобы предоставить стандартные задачи в вашем приложении. (Чтобы узнать больше о стандартных кнопках и иконках для использования в панелях, см. Кнопки Панели Инструментов и Панели Навигации и Иконки Панели Вкладок.)

Если ваше приложение включает в себя задачи или режимы, которые нельзя представить стандартной иконкой, или если стандартные иконки не соответствуют стилю вашего приложения, вы можете создать свои собственные маленькие иконки. На самом высоком уровне вы должны стремиться к дизайну иконки, который:

  • Простой и чётко организованный. Слишком большое количество деталей может создать впечатление неразборчивой или неряшливой иконки.
  • Нельзя легко принять за одну из предоставленных системой иконок. Пользователи должны быть способны отличать вашу уникальную иконку от стандартных с первого взгляда.
  • Полностью понятен и широко применим. Стремитесь к созданию символа, который большинство пользователей воспримет правильно, и который никому не покажется обидным.

ВАЖНО

Обязательно избегайте использования в дизайне изображений, которые повторяют продукцию Apple. Эти символы защищены авторским правом, а дизайн продукции может часто меняться.

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

Например, посмотрите на группу иконок iOS для использования в панелях и обратите внимание на то, как сходства в размере, деталях и выразительности создают впечатление единого целого:

icon_family_2x

Ключом к созданию гармоничной группы иконок является связность: По возможности, каждая иконка должна иметь одинаковый ракурс и насыщенность штрихов. Чтобы удостовериться, что все иконки имеют согласованный воспринимаемый размер, вам может понадобиться создать некоторые иконки разного фактического размера. Например, набор предоставленных системой иконок, показанный здесь, имеет одинаковый воспринимаемый размер, не смотря на то, что иконки Избранное и Голосовая Почта немного больше чем остальные три иконки.

balanced_icons_2x

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

#icons_tab_bar3
Чтобы создать заполненную версию иконки, у которой есть внутренние детали (как у иконки Радио) инвертируйте детали, чтобы сохранить их выпуклые части в выбранной версии. У иконки Keypad также есть внутренние детали, но было бы сложно распознать выбранную версию, если бы её фон был заполнен, а круги стали белыми контурами.
#icons_tab_bar4
Иногда оформлению требуется едва заметное изменение, чтобы оно хорошо смотрелось в выбранном варианте. Например, иконки Таймера и Подкастов включают в себя открытые области, в выбранных версиях штрихи немного уплотнены, чтобы вместиться в круглый контур.
#icons_tab_bar5
Если иконку в заполненной версии становится сложнее узнать, хорошей альтернативой является использование более плотных штрихов, чтобы нарисовать выбранную версию. Например, выбранные версии иконок Голосовой Почты и Списка Книг нарисованы при помощи штриха толщиной в 2 пункта, вместо одного, который использовался для создания не выбранной версии.
#icons_tab_bar6
Иногда у формы иконки присутствуют детали, которые смотрятся плохо при рисовании контурной линии штрихом. В таком случае, вы можете использовать заполненный внешний вид для обеих версий иконок, как это сделано в случае иконок Музыки и Исполнителей. Для пользователей просто определить выделенные и не выделенные версии таких иконок, так как выбранная версия темнее и насыщеннее.

 
Чтобы создать уникальную маленькую иконку, следуйте этим указаниям:

  • Используйте прозрачность для выделения формы иконки. iOS игнорирует всю информацию о цвете, так что нет необходимости использовать больше одного цвета для заполнения.
  • Не используйте смещённую отбрасываемую тень.
  • Используйте сглаживание цветов.

Если вы хотите создать маленькую иконку, которая будет выглядеть так, будто она связана с группой иконок iOS, используйте очень тонкий штрих для рисования. В особенности штрих толщиной в 1 пункт (для разрешения @2x это штрих толщиной в 2 пункта) является наиболее подходящим для большинства иконок.

Независимо от визуального стиля иконки, используйте размеры, указанные в Таблице 45-1, чтобы создать уникальные иконки для панелей инструментов, панелей навигации и панелей вкладок. Если вы создаёте уникальную шаблонную иконку для быстрых действий Начального экрана, см. Быстрые Действия Начального Экрана.

Не включайте текст в уникальную иконку панели вкладок. Вместо этого используйте элемент API панели вкладок, чтобы установить заголовок для каждой вкладки (например, initWithTitle:image:tag:). Если вам нужно внести изменения в автоматическое расположение заголовка, вы можете использовать API изменений заголовка, например, setTitlePositionAdjustment:.
 

Copyright © 2016. iOSManual Все авторские права защищены