Иконки являются одним из наиболее важных элементов хорошего дизайна пользовательского интерфейса. Они не только символизируют некоторую важную информацию для пользователя (представьте упрощенное изображение дома, чтобы представить «дом»), но и передают все виды менее очевидной информации через эстетику своего дизайна.
Сплоченное использование значков может определить индивидуальность вашего сайта или приложения. Причудливые дизайны передают тепло и веселье. Современный минималистский дизайн говорит пользователю: «Мы умны и технологичны».
Дизайн значков вашего проекта может означать разницу между сайтом, который кажется единым и сразу понятным, и тем, который запутан и труден для навигации.
К счастью, вам не нужно идти в одиночку. Дизайнеры по всему миру сделали наборы иконок доступными, чтобы помочь начать творческий процесс. Ниже мы представили несколько лучших наборов иконок, которые вы можете использовать в своем следующем проекте. И лучше всего … они свободны!
Содержание статьи
- 1 1. Основные значки SVG —
- 2 2. Туристические иконки —
- 3 3. Эго иконы —
- 4 4. Набор иконок японской кухни —
- 5 5. Набор иконок Космос —
- 6 6. Элементы поп-арта в мультяшном стиле —
- 7 7. Значки случайных предметов —
- 8 8. Банковские значки —
- 9 9. Иконы со стрелками —
- 10 10. Набор бизнес-иконок —
- 11 11. Адаптивные значки —
1. Основные значки SVG
—
