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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

5 принципов работы с клиентами
5 принципов работы с клиентами
Познаем термины веб-дизайнеров - часть 2
Познаем термины веб-дизайнеров - часть 2
Что такое mash-up сервисы и как они ускорят вашу работу?
Что такое mash-up сервисы и как они ускорят вашу работу?

×

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

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

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

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