0   /   100

9 главных UX/UI тренда в 2021 году

Start Reading

Для кого это статья?

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

Исследуем визуальную составляющую: детали, шрифты, цвета, композицию, графику.

Статья представляет из себя краткую историю трендов, список ресурсов и инструментов, примеры, советы и рекомендации.

Тренд 1: Идеальные иконки

В 2021 году делать разношерстные иконки просто непозволительно.
Интерфесы в 2021 году должны быть вылизаны до каждого пикселя. Особое внимание стоит уделять иконкам.

💡 Совет: Если вы хотите быть на волне тренда, не используйте иконки из разных семейств. Не качайте разные иконки с сайтов-стоков, например freepik.com, а используйте специализированные готовые библиотеки. Все иконки должны быть в одном стиле, с одинаковыми параметрами, толщиной линий. Иконки из разных семейств в интерфейсе нарушают целостность и аккуратность проекта. Используйте более новые библиотеки иконок. Они как правило имеют более современный вид.

Откуда взялся тренд на иконки?

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

Качественные иконки стали доступными, легко настраиваемыми. Продвинутые дизайнеры этим пользуются и берут в проекты готовые библиотеки. Именно поэтому их интерфейсы выглядят чище, приятнее глазу и более “трендовыми” и современными.

Компания Apple не отошла далеко от этого тренда и в конце 2020 года обновила свою macOS Big Sur, а вместе с ней и проработали новые иконки.

Разработчики Sketch в ноябре 2020 года сделала новое обновление, где уделила внимание иконкам и полностью их переработала.

Где качать иконки? Бесплатный вариант.


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

Basic иконки от Craftwork

Basil — 500 бесплатных профессиональных иконок в двух стилях outline и solid, доступно для Figma, Sketch, Adobe XD.

500 бесплатных профессиональных иконок

Скачать на Craftwork


266 Free Icons — отличный пак бесплатных иконок (Figma, Sketch, SVG).

tetrisly.com/freebies#icons


Ikonate — бесплатный пак полностью кастомизируемых векторных иконок.

ikonate.com


Streamline symbols — 1285 бесплатных иконок для Visual Studio. (SVG тоже есть).

www.streamlinehq.com/dsp


Phosphor — библиотека из 558 бесплатных иконок в 6 начертаниях.

phosphoricons.com


Radix Icons — бесплатный пак из 264 иконок.

icons.modulz.app


IconPark — большой пак из 1200 настраиваемых иконок.

iconpark.bytedance.com/official


Iconly 2 — 500+ бесплатных иконок для ваших проектов.

ui8.net/piqodesign/products/iconly-essential-icons


Iconhub — большая бесплатная библиотека настраиваемых иконок.

iconhub.io


Heroicons — отличный пак бесплатных SVG иконок.

heroicons.com


Rubicons — бесплатный пак минималистичных иконок для ваших проектов.

www.rubicons.app


Tabler Icons — 550 настраиваемых бесплатных SVG иконок.

tablericons.com


Hicon Pack — бесплатный пак из 396 иконок для дизайнеров и разработчиков.

hicon.cosm.ws


700+ Icons — бесплатный пак иконок в формате CSS, SVG и Figma.

css.gg


Remix icon — большая, бесплатная библиотека иконок.

remixicon.com


Boxicons 2.0 — большой пак бесплатных иконок в двух стилях.

boxicons.com


ICONSVG — инструмент, упрощающий процесс поиска и создания иконок SVG для вашего проекта.

iconsvg.xyz


Vue Unicons — большой пак open source иконок.

antonreshetov.github.io/vue-unicons/


Добавить комментарий

Ваш адрес email не будет опубликован.