IQSites - smart website builder
Social networks
Иконки в веб-дизайне.

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

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

August 1, 2016 at 2:09 pm

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Subscribe to Blog Updates
Would you like to quickly receive the company news from the corporate blog? Just fill in the form below.
You can unsubscribe at any time.
* To be filled in
I Agree To Terms of Service

More articles

Новенькие виджеты конструктора лендингов. Что они умеют?
Новенькие виджеты конструктора лендингов. Что они умеют?
Тотальный креатив. Сайт для психолога от IQSites.
Тотальный креатив. Сайт для психолога от IQSites.
Немного магии: превращаем тексты в аудио-подкасты
Немного магии: превращаем тексты в аудио-подкасты

Go up
array(5) { ["id"]=> int(0) ["ip"]=> string(12) "35.173.48.18" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "8e4e89de75005156ef2dbe5794bce064" }