IQSites - умный конструктор сайтов
+7 (911) 11-8888-1
Звоните прямо сейчас
Социальные сети
Иконки в веб-дизайне.

Иконки в веб-дизайне.

С приходом тренда "плоского дизайна" или "flat design" одним из наиболее популярных способов донесения информации стали иконки. Как правильно их использовать, и стоит ли игра свеч?

1 августа 2016 в 14:09

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

Иконки в веб-дизайне.

Для правильного обращения с иконками, следует разделить их на два вышеупомянутых типа:

Навигационные иконки

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

Иконки в веб-дизайне.

Информационные иконки

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

Иконки в веб-дизайне.

Если вы продаете какой либо товар и у вас есть колл-центр с доставкой, то вполне логично будет выделить небольшой экран под раздел "Как мы работаем", в котором будет план действий для клиента - Заказ (иконка корзины); Звонок от оператора (иконка телефона); Оплата (иконка с кошельком), Доставка (иконка грузовика). Такой подход используется при продаже многих товаров и услуг.

Ошибки при использовании иконок

Нарушение стиля. Иконки должны гармонично вписываться в дизайн ресурса, проанализируйте их на соответствие с цветовой гаммой. Соответствуют ли они атмосфере сайта?

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

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

Иконки в веб-дизайне.


Подписка на обновления блога
Хотите оперативно получать новости компании из корпоративного блога? Просто заполните форму ниже.
Вы сможете отписаться в любой момент.
* Поля, обязательные для заполнения
Нажимая "Подписаться", Вы принимаете условия обработки персональных данных.
Теги: Полезное

Другие статьи блога

Выходим на пассивный доход. Как заработать на сайте?
Выходим на пассивный доход. Как заработать на сайте?
Как узнать потребности посетителей вашего сайта?
Как узнать потребности посетителей вашего сайта?
Онлайн сервисы, которые упростят жизнь вашему бизнесу! - ч. 2
Онлайн сервисы, которые упростят жизнь вашему бизнесу! - ч. 2

×

Информация, за которую другие щедро платят!

Подпишитесь на блог IQSites и получайте свежие лайфхаки конверсии сайтов, привлечения трафика и клиентов, тренды веб-дизайна, реальные кейсы и многое другое. Это всё ещё бесплатно!
* Поля, обязательные для заполнения

Нажимая "Подписаться", Вы принимаете
условия обработки персональных данных.

Наверх
array(5) { ["id"]=> int(0) ["ip"]=> string(13) "54.224.111.99" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "4b69bfe60ff03a13fc0ad0850af20179" }