Все мы замечали на сайтах различную графику, которая привлекает наше внимание. Это могут быть картинки, инфографика или иконки.
С картинками всё обстоит довольно просто: достаточно забить в поисковике нужный запрос, и результат не заставит себя долго ждать. Миллионы изображений можно найти даже просто в Google. Инфографику разыскать тоже не составит труда. Под инфографикой подразумеваются диаграммы, схемы, графики, статистика и т.д. Её можно создать и самостоятельно. Но как быть с иконками? И что это вообще такое? Сейчас попробуем разобраться.


Иконки — небольшого размера изображения, которые могут быть как векторные так и растровые, и применяются для привлечения внимания к объекту или упрощению его описания.
Например, чтоб обозначить важность пунка или блока на сайте, можно использовать иконку восклицательного знака, и человек обратит внимание на этот пункт.
Зачем использовать иконки?


На сайтах иконки используют просто для разбавления текста, потому что “сухой” текст читать никто не будет. Когда в тексте есть графика, читать его гораздо легче. Также применяют для замены названия или для навигации.
Допустим, есть пункт в меню “Настройки”. Вместо написания полного его названия, можно использовать соответствующую иконку, и люди на ассоциативном уровне обратят внимание. Для указания на действие иконки тоже используют. Например, всем известные картинки обозначающие “Сохранить” или “Поделиться”. Мы уже понимаем что нужно делать, увидев просто значок.
Как подобрать иконки?


Важно обращать внимание на стиль иконки. Они могут быть контурными, плоскими или даже объёмными. Стоит определить заранее какими они будут, потому что гораздо красивее, когда соблюдается единая стилистика. Также нужно следить за тем, чтоб иконки были узнаваемы. Как бы сильно вы не хотели сделать её уникальной, важно, чтоб ассоциации она несла правильные.
Где найти подходящие иконки?






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