stringtranslate.com

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

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

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

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

Размеры

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

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

Применение

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

Процесс

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

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

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

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

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

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

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

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

Рекомендации

  1. ^ «Новые смайлы Skype | Журнал Хикса» . hicksdesign.co.uk . Проверено 5 октября 2018 г.
  2. ^ Джон, Хикс (2011). Справочник по иконкам . Существительное Проект. Великобритания. ISBN 9781907828034. ОСЛК  778700859.{{cite book}}: CS1 maint: отсутствует местоположение издателя ( ссылка )

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