Какие бывают иконки для сайтов

Какие бывают иконки для сайтов

27.05.2019
Рейтинг: 5/5 - 1 голосов

 

Что необходимо знать об иконках в вашем дизайне.

Предисловие. Роль иконок в современном дизайне имеет большое значение!

Руководствуясь многими источниками можно прийти к выводу, что в вебе иконки используются практически в каждом макете. Начиная от раздела контактов в шапке сайта и заканчивая иллюстрированными иконками в контенте.

Иконки бывают различных размеров, форматов и цветов. В первую очередь нас интересуют векторные иконки.

По словам сервиса Can i use, векторные иконки уже очень давно поддерживаются всеми основными браузерами. Они не теряют своего качества при масштабировании и легко внедряются в верстку. Иконки в векторном формате лучше создавать в векторных приложениях типа Coral или Illustrator. Так же наблюдается тенденция создания такого рода изображений в Figma, Sketch, Adobe XD.

Прочие иконки в форматах gif, png и jpg лично я делаю в Photoshop, но у каждого дизайнера есть свой излюбленный набор инструментов.

Лично я рекомендую использовать иконки в форматах svg и png.

 

Виды иконок — заливные, контурные, иллюстрированные.

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

zaliv ico

 

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

contur-ico 

 

Иллюстрации в иконках, самое сложное и красивое произведение, дизайнеры делают миниатюрные картинки в тематическом формате. Тут раздор для творца, но опять же, нужно придерживаться единому стилю в дизайне сайта и иконок. Это больше подходит для имиджевых сайтов, промо, Landing.

illustrat ico

 

Ресурсы для вдохновения.

Я беру иконки на сайтах со свободным и платным доступом:

 

Друзья, буду рад вашим коментраием и спасибо, что посетили мой блог!

Комментарии

коммент.

Написать комментарий

Ваш email не будет опубликован. Обязательные поля отмечени символом *


Композиция именно в вебе
25.06.2019
Рейтинг: 5/5 - 1 голосов
Стоки, стоки, стоки
20.05.2019
Рейтинг: 5/5 - 1 голосов
Участие у онлайн-интенсиве Design Line
27.09.2019
Рейтинг: 5/5 - 1 голосов