Какие бывают иконки для сайтов
Что необходимо знать об иконках в вашем дизайне.
Предисловие. Роль иконок в современном дизайне имеет большое значение!
Руководствуясь многими источниками можно прийти к выводу, что в вебе иконки используются практически в каждом макете. Начиная от раздела контактов в шапке сайта и заканчивая иллюстрированными иконками в контенте.
Иконки бывают различных размеров, форматов и цветов. В первую очередь нас интересуют векторные иконки.
По словам сервиса Can i use, векторные иконки уже очень давно поддерживаются всеми основными браузерами. Они не теряют своего качества при масштабировании и легко внедряются в верстку. Иконки в векторном формате лучше создавать в векторных приложениях типа Coral или Illustrator. Так же наблюдается тенденция создания такого рода изображений в Figma, Sketch, Adobe XD.
Прочие иконки в форматах gif, png и jpg лично я делаю в Photoshop, но у каждого дизайнера есть свой излюбленный набор инструментов.
Лично я рекомендую использовать иконки в форматах svg и png.
Виды иконок — заливные, контурные, иллюстрированные.
Заливные считаются те картинки, которые имеют единый формат заливки в стиле иконок. Они подходят больше для контрастных, неофициальных сайтов.
Контурные не имеют общей заливки. Эти изображения имеют аккуратный контур от пера или карандаша. В это случае лучше придерживаться общей стилистики, цвета и толщины штриха. Данный формат лучше подходит для деловых сайтов, интернет-магазинов.
Иллюстрации в иконках, самое сложное и красивое произведение, дизайнеры делают миниатюрные картинки в тематическом формате. Тут раздор для творца, но опять же, нужно придерживаться единому стилю в дизайне сайта и иконок. Это больше подходит для имиджевых сайтов, промо, Landing.
Ресурсы для вдохновения.
Я беру иконки на сайтах со свободным и платным доступом:
Друзья, буду рад вашим коментраием и спасибо, что посетили мой блог!
Комментарии
коммент.