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

Какие цвета использовать в дизайне?
Какие цвета использовать в дизайне?
[Видео урок] Ведение сайта на нескольких языках
[Видео урок] Ведение сайта на нескольких языках
В какой социальной сети сидит ваша целевая аудитория?
В какой социальной сети сидит ваша целевая аудитория?

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