Дизайн иконок
Дизайн иконок — процесс создания графического символа , который представляет собой какой-то реальный, фантастический или абстрактный мотив, сущность или действие. В контексте программных приложений значок , функцию, данные часто представляет программу или набор данных в компьютерной системе.
Стиль и использование [ править ]
Дизайн значков может быть простым, с плоским двумерным рисунком или черным силуэтом, или сложным, представляющим собой комбинацию элементов графического дизайна, таких как один или несколько линейных и радиальных цветовых градиентов, проецируемые тени, контурные тени и эффекты трехмерной перспективы. .
Размер [ править ]
Поскольку компьютерные значки могут использоваться в разных размерах, дизайн значков включает в себя создание мастер-иллюстрации, обычно для самого большого используемого размера, и создание на его основе меньших размеров. Желательно соблюсти общий стиль набора иконок, используя для всех иконок одну и ту же цветовую палитру, перспективу и рендеринг. Особое внимание уделяется устранению ненужных деталей и выравниванию штрихов и объектов по пикселям в значках небольшого размера, чтобы избежать неряшливых и размытых изображений.
Многие современные значки имеют максимальный размер 1024 на 1024 пикселей или больше. Задача дизайна иконок — создать коммуникативное, красивое и понятное изображение любого размера, от максимального разрешения до минимального разрешения 16 на 16 пикселей. Многие форматы значков позволяют одному значку включать подсказки для обеспечения визуальной ясности при меньших разрешениях или даже совершенно разные вспомогательные изображения для меньших размеров (например, клавиатуру в больших размерах и одну клавишу для меньших).
Использование [ править ]
Наиболее распространенными и важными примерами являются значки приложений , используемые для обозначения приложения на Mac, Windows, Linux или мобильных платформах. Эти значки основаны на уникальных и запоминающихся метафорах как форме брендинга продукта. Другие распространенные варианты использования включают значки значков , значки на панели инструментов и значки для кнопок или элементов управления.
Процесс [ править ]
Процесс создания иконки можно разделить на две части: определение пиктограммы и создание окончательного дизайна или иллюстрации .
Определение пиктограмм [ править ]
Существует три основных подхода к определению пиктограмм .
- Первый и наиболее желательный вариант в дизайне иконок — использование обычных изображений.
- Если для конкретного значка нет традиционной пиктограммы, дизайнер может использовать буквальное изображение, включая изображение, которое является общим для основной концепции (например, принтер — это общее изображение для концепции печати), или метафорическое изображение.
- После того, как пиктограмма определена, необходимо проверить ее на предмет возможных противоречий (например, изображение улитки является хорошей метафорой замедленного движения, но при использовании в качестве дорожного знака оно будет конфликтовать с буквальным и частично условным значением «улитки на дороге»). ).
Определение пиктограммы может быть разным для панели инструментов и других функциональных значков в интерфейсе, а также для значков, представляющих независимые программные приложения или веб-сайты, которые ближе к дизайну логотипа или талисмана .
иконок Известные дизайнеры
- Сьюзен Каре , одна из первых профессиональных дизайнеров иконок, разработала многие значки, содержащиеся в классической Mac OS .
- Джон Хикс создал значок для браузера Firefox и смайлы для Skype. [1] Он также является автором «Справочника по иконкам». [2]
См. также [ править ]
Ссылки [ править ]
- ^ «Новые смайлы Skype | Журнал Хикса» . hicksdesign.co.uk . Проверено 5 октября 2018 г.
- ^ Джон, Хикс (2011). Справочник по иконкам . Существительное Проект. Великобритания. ISBN 9781907828034 . OCLC 778700859 .
{{cite book}}
: CS1 maint: отсутствует местоположение издателя ( ссылка )
Внешние ссылки [ править ]
- Рекомендации по пользовательскому интерфейсу iOS — значок приложения
- Рекомендации по пользовательскому интерфейсу macOS — Разработка значков приложений
- Язык дизайна Microsoft — значки
- Рекомендации Microsoft по значкам для приложений UWP
- Рекомендации Microsoft по созданию значков Windows Aero
- Рекомендации Microsoft по созданию значков Windows XP
- Рекомендации Android по дизайну иконок
- Иконки в Curlie