stringtranslate.com

Дизайн иконок

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

Стиль и использование

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

Размеры

Поскольку компьютерные иконки могут использоваться в разных размерах, дизайн иконок включает в себя создание мастер-арта, как правило, для самого большого используемого размера и создание из него меньших размеров. Желательно соблюдать общий стиль набора иконок, используя одну и ту же цветовую палитру, перспективу и визуализацию для всех иконок. Особое внимание уделяется устранению ненужных деталей и выравниванию штрихов и объектов по пикселям в иконках небольшого размера, чтобы избежать беспорядочных и размытых изображений.

Многие современные иконки имеют максимальный размер 1024 на 1024 пикселей или больше. Задача дизайна иконок — создать изображение, которое будет коммуникативным, красивым и понятным для любого размера от этого максимального разрешения до минимального разрешения 16 на 16 пикселей. Многие форматы иконок позволяют одной иконке включать подсказку для обеспечения визуальной ясности при меньших разрешениях или даже совершенно разные вспомогательные изображения для меньших размеров (например, клавиатура для больших размеров и один колпачок для клавиш для меньших).

Использование

Наиболее распространенными и важными примерами являются значки приложений , используемые для представления приложения на Mac, Windows, Linux или мобильных платформах. Эти значки опираются на уникальные и запоминающиеся метафоры как форму брендинга продукта. Другие распространенные применения включают фавиконы , значки панели инструментов и значки для кнопок или элементов управления.

Процесс

Схема процесса разработки индивидуальной иконки с примерами иконок, иллюстрирующими различные аспекты дизайна иконок

Процесс разработки иконки можно разделить на две части: определение пиктограммы и создание окончательного дизайна или иллюстрации .

Определение пиктограмм

Существует три основных подхода к определению пиктограмм .

  1. Первый и наиболее желательный подход в дизайне иконок — использование традиционных изображений.
  2. Если для конкретного значка не существует общепринятой пиктограммы, дизайнер может использовать буквальное изображение, включая изображение, которое соответствует основной концепции (например, принтер — это общее изображение для концепции печати), или метафорическое изображение.
  3. После определения пиктограммы необходимо проверить ее на предмет возможных конфликтов (например, изображение улитки является хорошей метафорой для замедленной съемки, но при использовании в качестве дорожного знака оно будет конфликтовать с буквальным и частично общепринятым значением «улитки на дороге»).

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

Известные дизайнеры иконок

Смотрите также

Ссылки

  1. ^ "Новые смайлики Skype | Hicks Journal". hicksdesign.co.uk . Получено 2018-10-05 .
  2. ^ Джон, Хикс (2011). Справочник по иконкам . Noun Project. Соединенное Королевство. ISBN 9781907828034. OCLC  778700859.{{cite book}}: CS1 maint: отсутствует местоположение издателя ( ссылка )

Внешние ссылки