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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

23 правила контент-маркетинга для настоящего пиарщика
23 правила контент-маркетинга для настоящего пиарщика
Как не потерять эффективность работая дома?
Как не потерять эффективность работая дома?
Чем заменить Photoshop? 4 бесплатных альтернативы.
Чем заменить Photoshop? 4 бесплатных альтернативы.

Наверх
array(5) { ["id"]=> int(0) ["ip"]=> string(10) "52.14.7.53" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "67aa7ae2c6bfec7342004376d072ad76" }