{"id":13505,"url":"\/distributions\/13505\/click?bit=1&hash=ca3734639136826288c9056e5c8fa03a05e87c4060ae84df200f2c90f5262470","title":"\u0412\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a? \u0410 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0447\u0442\u043e-\u0442\u043e \u0432 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435 \u043a\u043e\u0434\u0430?","buttonText":"\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c","imageUuid":"f5f0e11f-fefd-52f5-8712-82164a59b7ce","isPaidAndBannersEnabled":false}

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

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

Иконки сфер деятельности компании не противоречат описанию, а дополняют и раскрывают суть.
Иконки с кратким описанием преимуществ компании, информация считывается быстро, все иконки подходят к своему описанию.

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

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

Итак, вот небольшой чек-лист по использованию иконок:

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

Перейдем к полезным ресурсам, где можно найти разные иконки для ваших проектов:

  • https://app. streamlinehq. com/icons/streamline-mini-line — 1 000 бесплатных иконок с возможностью редактирования;
  • https://vertex. im/ — коллекция бесплатных 3д иконок для личного и коммерческого пользования;
  • Icons by Premast — коллекция более чем тысячи тематических иконок для ваших проектов;
  • IconBros — библиотека из более чем 15 тысяч иконок, сгруппированных в 332 коллекции;
  • Pichon — больше 135 тысяч иконок в различных стилях в одном приложении. Можно скачать для Mac, Windows, Figma, Photoshop и т.д.;
  • The Icon Of — большая коллекция иконок из более чем 20 категорий с поддержкой самых популярных форматов;
  • Streamline Flex Icon Set — коллекция из 500 стильных векторных иконок в минималистичном стиле, которые вы можете бесплатно использовать в любых целях;
  • iconer — сервис с большим количеством иконок, можно настроить начертания, цвет и формат для экспорта;
  • Iconduck — коллекция из 150+ наборов иконок и иллюстраций с открытым исходным кодом;
  • Iconbay — бесплатная коллекция стильных современных иконок в пяти стилях.

Как правило, у людей образное мышление и когда мы видим привычный образ, нам легче понять суть. Потому иконки на сайте — отличный инструмент для привлечение внимания и ускорения восприятия информации. Используйте их правильно и будет вам счастье :)

0
Комментарии
Читать все 0 комментариев
null