Хакатон SberCloud
для разработчиков
До конца регистрации:
05
:
08
:
21
:
07
Подробнее
Дизайн
Egor Komarov
51 022

Девять главных трендов в UX/UI-дизайне в 2021 году

Привет! С вами Егор Комаров и я хочу с вами поделиться не просто дизайн трендами 2021 года, но и советам и рекомендациями о том, как с ними работать, рассказать почему они появились. На что стоит обращать внимание в работе, в какую сторону развиваться и какие инструменты использовать.

В закладки
Слушать

Борьба брутализма и антидизайна с минимализмом и простотой.

Тренды UI/UX и графического дизайна 2021

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

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

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

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

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

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

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

Иконки из разных семейств в интерфейсе нарушают целостность и аккуратность проекта.Используйте более новые библиотеки иконок. Они как правило имеют более современный вид.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нужны еще иконки?

Тренд 2: Минимализм и простота Komarov Egor

Тренд 2: Минимализм и простота

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

Почему возник этот тренд?

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

В данном случае дизайн фокусируется в деталях: сетка интерфейса, шрифты, иконки, цвета, UX, анимация.

На что стоит обращать внимание?

1. Оставляйте на первом плане только самые необходимые функции для пользователя.

2. Делайте интерфейс легким и воздушным. Убирайте массивные цвета. В центре должен оставаться контент.

3. Выстраивайте дизайн вокруг хороших шрифтов, качественной верстки, правильных акцентах, иконках, однородности.

4. Уделяйте максимум внимания деталям.

5. Делайте интерфейс «незаметным», но интуитивно понятным и удобным.

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

Как изменили свой дизайн согласно трендам крупные компании?

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

Где и как искать референсы и вдохновение, чтобы создавать подобный дизайн?

Ищите на dribbble, behance и других дизайн платформах запросы на тему:clean и minimalism.

💡 Совет: Для более продуктивной работы, можете пробовать создавать макеты изначально в черно-белых цветах и только потом добавлять в них цвет. Так вам будет проще расставлять цветовые акценты и позволит концентрироваться на деталях не отвлекаясь на цвета.

Тренд 3: Тени и градиенты Komarov Egor

Тренд 3: Тени и градиенты

Тренд с тенями и градиентами был и ранее, но и по сей день остается актуальным. Единственное, что в нем поменялось — это появление большей воздушности, легкости и объема. Все это миксуется с пастельными градиентами и новыми трендовыми 3d иконками. По сути это тот же самый минимализм, только более объемный.

💡 Совет: Используйте более приглушенные и пастельные цвета и оттенки для теней и градиентов.

Сложные градиенты и blur-эффекты

Градиенты тоже немного эволюционировали и стали более сложными. Теперь недостаточно использовать линейный градиент как ранее. Надо миксовать разные цвета и использовать наложение. Плюс в интерфейсах все чаще начал использоваться эффект Color Blur. Чаще всего в качестве background. Это придает интерфейсу глубину и объем. Как правило это своего рода «цветные пятна».

Где брать сложные градиенты?

Правильно называются такие градиенты «Mesh Gradients». Ресурсов на данную тему не так много, так как этот тренд только зарождается. Но пару качественных я смог найти.

Библиотека Mesh градиентов

На сайте вы сможете скачать большое количество трендовых градиентов. Можете экспериментировать с ними, меняя HUE, blur, наложение между собой и многое другое и получить самостоятельно еще больше вариантов.

Генератор и конструктор Mesh градиентов

Очень крутой инструмент, который позволяет создавать неограниченное количество вариаций и работать с собственными цветами. Словно вы смешиваете краски вживую. Рекомендую, авторам большой респект. https://meshgradient.com

Skeumorph

Еще в этот же тренд можно добавить Skeumorph

Скевоморфизм — это тенденция в дизайне, в основе которой лежит реалистичное изображение объектов. В скевоморфной графике показан объём предметов: свет, тени, блики и текстуры.

По сути это те же тени и объемы, только на максималках. По мне так мы уже проходили подобное явление и этот тренд сильно не разовьется. Чистый флет будет долго и уверено властвовать в 2021 году.

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

Тренд 4: 3D иконки и иллюстрации Komarov Egor

Тренд 4: 3D-иконки и иллюстрации

Появление тренда на 3d иконки и иллюстрации я связываю с тем, что знания в области 3d стали более доступными. Появилось много курсов, уроков. Всем этим воспользовались дизайнеры и начали развивать эту тему создавая библиотеки 3d объектов.

Это несложные формы и довольно простые и примитивные объекты, но которые отлично и свежо смотрятся в качестве вижуала для проектов.

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

Как это сейчас используют в дизайне?

3D иконки можно даже заметить в новой macOS Big Sur от Apple, посмотрите внимательно на иконку уведомлений:

💡 Совет: Не спешите сейчас использовать бесплатные 3d иконки и иллюстрации. Тренд находится в самом разгаре и полноценно сформируется немного позже. В идеале заказывайте индивидуальную графику у 3d дизайнеров.

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

Где взять трендовые 3d иконки и иллюстрации?

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

IconShock

ICONZ

Премиальная 3D-библиотека из 50 иконок для ваших замечательных продуктов. Полностью совместим с наиболее распространенными дизайнерскими инструментами.

Handy 3D Hands

Коллекция очаровательных пухлых рук в двух стилях: веселый и дикий или стильный. Доступен в форматах PNG и 3D, включая маски перекраски для Photoshop.

3D illustration constructor

Cute Isometric Objects

Коллекция изометрический 3d иконок

UI8 — самая большая и лучшая библиотека с 3d иконками и иллюстрациями

Пожалуй, самый лучший ресурс с 3d графикой на сегодняшний день это UI8.

Тут имеется самый большой выбор. Рекомендую. К сожалению, все библиотеки платные. Но вы можете оформить подписку и скачивать все без ограничений. ui8.net

Тренд 5: 2D уникальные и абсурдные иллюстрации Komarov Egor

Тренд 5: 2D уникальные и абсурдные иллюстрации

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

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

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

Отлично подойдет все, от простых до сложных иллюстраций. Главное —поменьше бесплатных библиотек и побольше креатива.

Абсурдные иллюстрации

Да, абсурд и дурка рулят. Нарушайте логику и удивляйте.

2D иллюстрации отлично сочетаются в UI дизайне с новыми стилем 2021 и смотрятся также хорошо как и 3D иллюстрации.

Где брать иллюстрации?

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

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

Ниже список ресурсов с бесплатными и платными иллюстрациями для ваших проектов.

Blush Design

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

GetIllustration

GetIllustration управляется творческой командой Roundicons.com, крупнейшим в мире набором иконок.

Oh My Startup Illustrations

Деловые истории с четкими персонажами и стильными градиентными цветовыми акцентами

Wrrooom!

Конструктор иллюстраций онлайн

CraftWork

Хороший ресурс, где можно найти трендовые и оригинальные иллюстрации.

whoooa!

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

OUCH by Icons8

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

Vector Creator

Конструктор иллюстраций от icons8

ITG

Классный и необычный конструктор иллюстраций с разными стилями.

Вы можете выбрать любую иллюстрацию которая вам понравилась и потом редактировать ее в конструкторе как вам угодно.

Двигайте объекты, добавляйте новые.

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

Авторы проекта молодцы, придумали отличную платформу.

Minty

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

Тренд 6: SVG и JSON анимация Komarov Egor

Тренд 6: SVG и JSON анимация

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

Любые мелкие анимированные детали в интерфейсе, особенно, где они уместны, будут большим плюсом.

Что из себя представляет SVG и JSON анимация? Простыми словами, это анимация созданная кодом. Какие в этом преимущества?

iOS, Android & WebУниверсальность использования на iOS, Android, Web и Windows

Минимальные размерыФайлы анимации в десятки/сотни раз меньше графики по размеру

Умные настройкиРеакция анимации на любое взаимодействие, управляемый показ

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

В любом случае тренд с анимацией будет развиваться и в основном это командная работа: продуктолог — дизайнер — иллюстратор — аниматор- программист — тестировщик.

Дизайнер может визуализировать анимацию в After Effect и потом передавать и показывать ее программисту. На сегодняшний день для дизайнера нет идеальных инструментов и редакторов анимаций, которые бы соответствовали всем необходимым требованиям в разработке. Когда дизайнер передает с визуального редактора код программисту, то где-то получается он слишком тяжелый, где-то не везде поддерживаемый и так далее. А Gif анимация в свою очередь может весить много.

Какие инструменты использовать?

Из всех инструментов, что я пробовал больше всего мне понравился Flow

Flow

Flow — это программа для анимации. Создавайте анимацию и легко экспортируйте код для iOS (Swift), Web (HTML / CSS / JS) или SVG и наблюдайте, как ваш дизайн оживает.

Конечно, в ней не все так идеально, но элементарные анимации можно создавать и вставлять в свои проекты посредством Embed code или импортировать анимированную SVG

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

Пример и урок как работать с приложением Flow можно посмотреть в этом видео:

SVGator

Еще один неплохой и довольно мощный инструмент, который не требует от дизайнера знания в коде. Можно экспортировать анимацию как CSS, так и JavaScript

Благодаря этим инструментам вы сможете анимировать свои иллюстрации, логотипы, прелоадеры, отдельные элементы и многое другое.

Полезные туториалы о том как создавать анимацию можно найти тут

Loaf

Есть еще качественная библиотека Loaf c готовыми анимационными SVG иконками. Иконки можно настраивать и получать SVG код.

Lottie

Более сложный вариант. Lottie — это библиотека для Android, iOS, Интернета и Windows, которая анализирует анимацию Adobe After Effects, экспортированную как json с помощью Bodymovin, и отображает ее на мобильных устройствах и в Интернете.

Альтернативы

  • Создавайте анимацию вручную. Создание анимации вручную — это огромные затраты времени на проектирование и разработку для Android и iOS. Часто бывает трудно или даже невозможно оправдать трату так много времени на создание правильной анимации.
  • Гифки. GIF-файлы более чем в два раза превышают размер bodymovin JSON и отображаются с фиксированным размером, который невозможно масштабировать для соответствия большим экранам и экранам с высокой плотностью.
  • Png последовательности. Последовательности в формате PNG даже хуже, чем в формате GIF, поскольку их размеры в 30-50 раз превышают размер bodymovin json.
  • Анимированный векторный рисунок (только для Android). Более производительный, потому что он работает в RenderThread вместо основного потока. Поддерживает только часть функций Lottie. Прогресс нельзя установить вручную. Не поддерживает текст или динамические цвета. Не может быть загружен программно или через Интернет
Тренд 7: пастельные цвета Komarov Egor

Тренд 7: пастельные цвета

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

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

Но если вы не знаете какие цвета подобрать для своего проекта, можно обратиться за помощью к Color Hunt

Там есть готовые паттерны с постельными цветами на любой вкус и цвет.https://colorhunt.co/palettes/pastel

Тренд 8 Komarov Egor

Тренд 8: разнообразие кириллических шрифтов

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

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

Extended шрифты

Если говорить о трендах в UI, то в тренде чистые, свежие и геометрические шрифты. Для заголовков это Extended шрифты. Ярким примером расширенных шрифтов является Druk, быстро ставшим хитом и быстро всем надоевшим.

Но при этом шрифт и по сей день выглядит современно. Но работая с трендовым дизайном лучше искать новые аналоги.

Обращайте внимание на более широкие шрифты, они будут выглядить более трендово. Общая картина по шрифтам сегодня выглядит примерно так:

Раньше в основном все использовали Gilroy и Druk. Конечно, было и множество других шрифтов, таких как Bebas Neue и другие. Но реальное разнообразие и разлом всех стереотипов о шрифтах пришелся на середину и конец 2020 года. Речь идет именно о том, когда шрифты вышли в массы и их начали использовать крупные компании: в рекламе, собственном digital, ребрендинге и т.д.

Сегодня в тренде более «ломанные» или «деформированные» шрифты для графического дизайна и заголовков + чистые, геометрические и немного широкие для основного текста и UI.

Где брать хорошие кириллические шрифты?

Где брать шрифтовое вдохновение?

Пожалуй, единственный и самый лучший на сегодняшний день ресурс с кириллическими шрифтами в использовании это cyrillic.design

На этом сайте вы найдете лучшие дизайнерские проекты использующие кириллицу.

Тренд 9: Брутализм и антидизайн Komarov Egor

Тренд 9: Брутализм и антидизайн

Эти тенденции веб-дизайна являются реакцией на воспринимаемое единообразие веб-дизайна. Брутализм можно эффективно использовать в визуальном дизайне, но для большинства продуктов следует избегать антидизайна.

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

Внутри того, что широко называют веб-брутализмом, есть два различных стиля:

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

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

Брутализм

Подобно минималистскому дизайну, брутальный цифровой дизайн уходит корнями в более раннее движение. Веб-брутализм вдохновлен бруталистской архитектурой 1950-х годов. Бруталистские постройки отличаются тяжелым и «безжалостным» видом.

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

Брутализм в цифровом дизайне — это стиль, который намеренно пытается выглядеть грубым, случайным или лишенным украшений. Это как раз то, чему мы сегодня пришли. Вспоминаем тренд с минимализмом и простотой. Он перекликается с веб-сайтами в стиле начала 1990-х. Иногда этот аспект брутализма выражается в виде простого, почти голого HTML-сайта с синими ссылками и монохромным моноширинным текстом.

Технически Craigslist не может быть отнесен к нынешней бруталистской тенденции, потому что он сохранил свою урезанную эстетику с момента своего создания в конце 1990-х.В то время его стиль не был художественным выбором;это было результатом ограничений HTML и CSS.Тем не менее, Craigslist — отличный пример дизайна, который сегодня вдохновляет сторонников брутализма.

И в архитектуре, и в цифровом дизайне брутализм рассматривается как реакция на искусственность и легкость. Сторонники хвалят его за честность и смелость.

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

Антидизайн

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

Хотя некоторые причисляют эту тенденцию к брутализму, она не соответствует первоначальному архитектурному значению этого слова. Для ясности я буду использовать термин «антидизайн» для обозначения этого отдельного понимания движения.

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

Когда использовать Antidesign (а когда не использовать)

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

Юмор

Многие из этих антидизайнов созданы как шутка для дизайнеров, которые считают их ироничными.

Привлечь внимание

Поистине возмутительные антидизайнские сайты (например, сайт конференций Bloomberg Businessweek Design 2016) могут восприниматься как резкие и провокационные. Даже те люди, которые ненавидят дизайн, будут посещать сайт и отправлять его своим коллегам с критикой. Любая реклама — хорошая реклама.

Сайт конференций Bloomberg с крайне анти-дизайном привлек внимание как намеренно хаотичный и дезориентирующий.

Свежесть

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

Я слышал, как сторонники антидизайна утверждают, что это также лучше для пользователей. Они говорят, что пользователям нужно бросать вызов, и что сложный опыт более запоминающийся и приятный. (Мы нашли эту идею достаточно нелепой, чтобы превратить ее в первоапрельскую статью. ) На самом деле есть только два контекста, в которых эти утверждения могут быть верными:

  • Ваша аудитория состоит из дизайнеров, иллюстраторов или художников. Они могут понять причину хаотичного грубого дизайна и «уловить» внутреннюю шутку. Они, вероятно, более опытны в использовании цифровых продуктов, поэтому они могут справиться с более сложным пользовательским интерфейсом. А уникальный стиль дизайна может помочь вашему продукту или бренду выделиться и сделать его более запоминающимся. Сайт конференции Bloomberg Businessweek Design был предназначен для дизайнерской аудитории, поэтому, возможно, им он подошел.
  • Ваш продукт предназначен для развлечения. Люди не будут пытаться использовать ваш продукт для поиска чего-либо или выполнения какой-либо конкретной задачи. Взаимодействие не должно быть плавным, и обнаруживаемость важнее, чем возможность поиска. В идеале это был бы развлекательный продукт, предназначенный для дизайнеров или художников.

Если ваша ситуация не соответствует ни одному из этих контекстов, пользовательский интерфейс антидизайна даст обратный эффект.

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

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

Антидизайн вызвал сопротивление в UX-сообществе, потому что во многих отношениях его цели кажутся антитезой UX-дизайну. Критикуя то, что он называет брутализмом (но то, что я бы назвал антидизайном), uxdesign.cc создал сатирические бруталистские UX-материалы: «бросайте элементы на экран, не слишком заботясь о том, как они работают вместе. Кто вы такие, чтобы определять иерархию? Пусть каждый элемент борется за центр внимания ».

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

Есть места, где вещи кажутся красиво разрозненными или намеренно сложными. Но для большинства из нас наш цифровой продукт — не то место. Мы здесь не пишем Фолкнеру. Люди не хотят разгадывать головоломки, используя продукт: смотреть вокруг, обращать внимание, делать выводы, читать и думать — все это тяжелая работа. Они не хотят, чтобы им бросали вызов. Они просто хотят продолжать жить своей жизнью.

Когда использовать брутализм

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

Бруталистский / антидизайнерский стиль отлично подходит для adultwim.com.Этот мультяшный канал, предназначенный для взрослых, носит развлекательный характер, имеет юмористический тон и, вероятно, ориентирован на технически подкованную аудиторию.Обратите внимание, однако, что бруталистский стиль на самом деле поверхностен.Этот сайт по-прежнему имеет четкую визуальную иерархию и довольно прост в навигации.

Не все тренды одинаково полезны

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

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

Каким был брутализм до того пока не стал мейнстримом?

Я помню очень старый сайт https://brutalistwebsites.com на котором публиковали сайты в стиле «брутализм». Лет 5 назад это выглядело полной дичью. Сайт существует до сих пор и сохраняет свои традиции, публикуя порой сумасшедшие примеры.

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

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

Хотя в оригинальной идеи брутализма+антидизайна лежали вот такие сайты:

Брутализм постепенно начал разиваться и наполняться визуальными образами.

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

💡 Совет: Направляйте трендовый креатив брутализма там где он уместен. Инстаграм истории, картинки, анимация, графика, фотография. Но при этом следите за тем, чтобы UI/UX в этом направлении оставался удобным и интуитивно понятным.

Что повлияло на развитие брутализма?

Кроме общих трендов сильное влияния в этом развитии принес ReadyMag

ReadyMag это визуальный веб-редактор где вы «рисуете» сайт. Именно он стал уникальным инструментом где максимально легко создавать подобные сайты. Именно за этим направлением сегодня будущее.

Платформа породила огромное количество сайтов в этом направлении и дальше будет развиваться еще большими темпами.

Где вдохновляться брутализмом?

Итог

2021 год это развитие 3d графики, иллюстрации, анимации, шрифтового разнообразия. UI уходит в минимализм, легкость и простоту. Особое внимание уделяется деталям. Интерфейс становится все менее заметным и ненавязчивым. Графический дизайн становится все более дерзким, смелым, абсурдным, с нотками брутализма и антидизайна.

Примеры

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

Klarna

Пастельные цвета, фотографии, минимализм, уникальный шрифт

Monobank

Градиенты, минимализм, иллюстрации с котами, внимание к деталям, анимации

Дiя

Градиенты, внимание к деталям, минимализм, удобство.

Setapp

Пастельные цвета, чистота, минимализм, внимание к деталям.

🙏🏻 Благодарю за внимание. Надеюсь этот материал был полезен для тебя.⚡ Не забудь подписаться на ✉ Email рассылку с лучшими материалами и на мой Facebook / Instagram / Telegram

www.komarov.design - блог о графическом и UX/UI дизайне. Обучение, ресурсы, инструменты, статьи, вдохновение. 12+ лет работаю с Digital продуктами в области UI/UX и графического дизайна. Специализируюсь на создании веб-платформ и мобильных приложений.В 2020 году я создал www.komarov.design для того, чтобы делитсья самым интересным контентом из мира дизайна, менеджмента и саморазвития.
{ "author_name": "Egor Komarov", "author_type": "self", "tags": ["\u0442\u0440\u0435\u043d\u0434\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u0431\u0440\u0443\u0442\u0430\u043b\u0438\u0437\u043c","\u0430\u043d\u0442\u0438\u0434\u0438\u0437\u0430\u0439\u043d","ui","icons"], "comments": 191, "likes": 461, "favorites": 1899, "is_advertisement": false, "subsite_label": "design", "id": 178662, "is_wide": true, "is_ugc": true, "date": "Thu, 19 Nov 2020 13:05:00 +0300", "is_special": false }
Объявление на vc.ru Отключить рекламу
Маркетинг
Как бизнесу заработать в соцсетях в 2020 году: полноценное руководство с прогнозами и примерами
Пошаговая рабочая стратегия продвижения бизнеса в соцсетях с медиапланом и примерами внедрения от директора «Студии…
0
191 комментарий
Популярные
По порядку
Написать комментарий...
107

Мощнейшая статенция! Пирожки автору!

Ответить
62

Эту статью никто из нас не прочтет, но сочтет очень полезной.
«Но положу в закладочки и прочту примерно никогда».

Ответить
23

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

Ответить
4

А я буду юзать. Как раз с иконками испытывал траблы.

Ответить
3

я прочёл сию статью от и до. 

Ответить
0

Супер! ПРиз не дали? ))

Ответить
1

Прочел, но вот нажму ли по ссылкам - скорее всего нет)

Ответить
34

Наконец то минимализм в трендах!
(не помню ни одного года, где бы в подобных статьях он не был упомянут)

Ответить
1

Минимализм слишком хорош и слишком давно появился чтобы быть модным

Ответить
1

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

Ответить
13

Это у Вас не тренды, а самосвал личных "полезных" закладок приехал и насыпал огромную кучу. Да и ассорти из скринов уж точно не способствует пользовательскому восприятию.
Может добавить список с якорями на те самые 9 (очевидных) трендов? А то уж совсем смахивает на цыганщину в духе Адми и Лайхуякера

Ответить
28

Ну я уже не знаю как вам угодить тогда. 🙈Хотел чтобы дизайнеры, а особенно начинающие, понимали к каким ресурсам и инструментам обращаться, чтобы работать в направлении трендов. И все подборки были выбраны вручную. С самым годным контентом. 

Ответить

Текущий хичхакер

Egor
3

Надо было минимум на пару статей разбить) Я дизайнер примерно как балерина, в том плане, вот вижу, что хреново, а почему - объяснить толком не могу. Но статьи на тему читаю с интересом, эта конечно годная, но не очень простая для восприятия. А точнее - сложная, после просмотра в голове нихера не отложилось. 109 изображений...

Ответить
1

Да, оглавление не помешало бы))

А за статью - спасибо. Репостнул в чат дизайнеров. 

Ответить
0

Всё здорово, спасибо

Ответить
0

Отличная статья. Спасибо

Ответить
18

Выскажу непопулярное мнение о том что дизайн сейчас переживает кризис.

Дизайн Windows XP в свое время был объективным прорывом, вебдваноль\скевоморфизм хоть и всех заебал для своего времени смотрелся шикарно. Флет дизайн тоже был прорывом после заебавшего вебдваноль.

Каждый из этих дизигнов появлялся когда предыдущий исчерпывал себя. Писксельная хуйня с двумя цветами из Win 9x заебала? Держите мультяшный WinXP. ХР недостаточно глянцевый и цветной? Держите вебдваноль. Блики и глянец опизденели? Держите дизайн где все плоское, 0 градиентов и все из цветных квардратиков.

А что сейчас? Дизайнеры пытаются высосать из пальца какие то новые тренды ради трендов, но все получается полной хуйней. Material, Fluent, Блевотоморфизм это все либо глубоко вторично, либо просто некрасиво. Пытаются намешать все в кучу, выдумывают какието максимально стремные шрифты и тени, и всеравно говно.

Все потому что хорошие художники копируют, великие воруют, а вы максимум срисовываете

А если серьезно, то это потому что предыдущий тренд на флет дизайн, в который добавили цветов и градиентов еще не заебал, что-то радикально новое выдумывать просто рано

Ответить
4

Согласен, нового мало. Но вот про шрифты, кириллицы реально хорошей на было. Сейчас хоть завезли. 

Ответить
3

Если обратите внимание, то сейчас во всех сферах так.
Упадок, бесконечные повторы и отсылки. 

Даже человек года GQ - Моргенштерн)))

Ответить
17

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

Ответить
2

Про абстрактные иллюстрации, 3д и брутализм читал еще в прошлом году.

да какой там прошлый год
3D было модно давным-давно, лет 6-7 назад переходили от 3D к плоскому дизайну, а теперь обратно

Ответить
5

Это скевоморфизм, не просто 3d и возник он, чтобы людям было проще взаимодействовать с новым раннее неизвестным сенсорным чудом техники. 

Ответить
1

Это скевоморфизм

это просто пример,
3D иконки в вебдизайне в 2000х были популярны

Ответить
0

Тренд вернулся и стал более доступным )

Ответить
3

надеюсь вот к таким дизайнам тренд уже не вернется )
а то начнут с иконок, а потом начнут опять ебашить 3D куда попало

Ответить
0

я аж вздрогнул. До сих пор не понимаю как этот ад люди верстали  

Ответить
1

каждый раз вижу такие дизайны и радуюсь, вспоминая
верстал по ie5.5 (без прозрачного png) и ел кактус)))

Ответить
1

Согласен. Дизайн цикличен, Так что да, будет много повторений и много чего из прошлого тоже будет  возвращаться. Например, Баухаус через года 3-4. 

Ответить
0

Скорее бы!

Ответить
1

потому что это не тренды нынешнего года, которые уже все видели.

Ответить
0

пардон, тренды нынешнего года*

Ответить
10

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

Ответить
1

Ну как текущий, уже практически закончился. первые пол года 2021 это будет активно все использоваться, что я перечислил. 

Ответить
1

ну так и градиенты со шрифтами и 3д иллюстрациями не вчера юзать начали.

Ответить
0

вопрос в каком количестве и кто начинает их юзать )

Ответить
7

Спасибо за статью, было очень интересно почитать!

Ответить
6

Очень неплохо, я даже не думала что настолько много сайтов существует подобного рода)

Ответить
6

Не skeuomorphism а neumorphism, так как это логическое развитие тренда минувших лет 

Ответить
4

Автор молодец, отличная библиотека полезных сайтов. Только не помешало бы пройтись по статье и исправить опечатки, коих немало :-)

Ответить
6

Без опечаток контент будет платный 😆 и скорее всего онлайн курс 

Ответить
1

честно раз 5 уже вычитал все и постоянно что то исправлял, но все равно что то осталось 

Ответить
1

Обращайте внимание на более широкие шрифты, они будут выглядить более трендово. Общая картина по шрифтам сегодня выглядит примерно так:

ПРАВИЛЬНО: Общая картина по шрифтам сегодня выгляд И т
ПРАВИЛЬНО: они будут выгляд Е ть

(выглядеть — это слово-исключение в спряжении глаголов:
Гнать, держать, смотреть и видеть, 
Дышать, слышать, ненавидеть.
И зависеть, и вертеть,
И обидеть, и терпеть.)

Ответить
2

"выглядеть — это слово-исключение в спряжении глаголов:
Гнать, держать, смотреть и видеть,
Дышать, слышать, ненавидеть.
И зависеть, и вертеть,
И обидеть, и терпеть"
Пожалуйста, прежде, чем умничать, проверяйте также и себя. Среди слов-исключений стихотворного правила нет "глядеть", это здесь не при чём (да ещё и не в том порядке). Чтобы понять написание, в данном случае нужно убрать ударную приставку: вы́глядит — гляди́т, вы́глядеть — гляде́ть.

Ответить
0

о точно — вы правы: правило другое.

НО.
Вы неправы, советуя мне не умничать.
Как умничала, так и буду (θ‿θ)

без обид ✿

Ответить
0

Спасибо, постараюсь уделять больше времени грамматики, совсем не думал, что статья столько внимания соберёт. 

Ответить
1

Егор, извини, НО:
уделять время грамматикЕ

(кому? чему? Дательный падеж. ЛисЕ, ВоронЕ)

п.с. я почти не зануда (•‿•)

Ответить
0

Часто еще автозамена срабатывает ) 

Ответить
0

Спасибо за статью ◉‿◉

Ответить
2

Дочитал до середины иконок и бросил, аффтар, ты уж извини. Материал может и полезный, но нудный.

Ответить
6

Никто не говорил, что UI это весело 😆

Ответить
0

а как же - "UI для простых человеков, чтобы не перегружать"?!

Ответить
2

Это Вы про результат создания UI, он да, должен быть понятным и простым для человека, а чтение про UI не должно быть простым

Ответить
2

3 говнотренда, которые уже успели заебать

Пустые иконки из одного аутлайна

Вот просто реально каждый их себе в дизайн пихает, уже воротит. 

Ответить
0

Тени и говноморфизм. Тоже пихают бездумно все и везде, при том что это объективно уебищно выглядит. Выросло поколение зумрков-дизайнеров, которые не застали Windows XP, и которые поэтому не исптывают к таким теням отвращения

Про говноморфизм даже говорить не хочется - эт когда ВСЕ из таких теней, просто блевотина.

Ответить
–2

Дохуя скруглений аля-гугл везде и всюду. Изначально понятно что это говно, но всеравно продолжают пихать, наверное ПОТОМУ ШТО КРУГЛОЕ ЭТО ЛУЧШИ. Хотя на самом деле тупо от отсутсвия идей

Ответить
6

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

Ответить
3

А ну и ебучие детские резиновые иконки тоже отвратительные. Проблема не в том шо это ТРИДЕ, а то что такими иконками пиздюки в ялсях играют, и зубы об них точат.

Делать ТРИДЕ ради ТРИДЕ было не стыдно во времена виндоус ХР, когда все были на вдохновении от того что ОС может больше 32 цветов нарисовать. 

Единственное объяснение этим иконкам это то что дизигнеры в 2020 настолько помолодели, что визуализируют свой повседневный опыт из яслей.

Ответить
0

Думаю главный тренд дизайна в 2020 это отустствие вкуса у дизайнеров

Ответить
7

Берегите сэрце, иксперт. Вы слишком изводите себя. Всем похуй, что вы думаете о трендах, а вы нервничаете.

Ответить
–1

Так похуй, что не можете молчать

Ответить
5

так на мнение похуй, а за вас, как за единицу икспертного сообщества, переживаю. Лопнет еще венка в голове от нервов из-за ерунды.

Ответить
0

Эх, а я подумал что это изза того что я ваш любимый блевотоморфизм обидел

Ответить
4

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

Ответить
1

Ты просто постарел)

Ответить
–1

Не дови на больное :)

Ответить
1

очень хотелось бы посмотреть на образцы удачные с твоей точки зрения

Ответить
0

Это засеря в комменты - разве не понятно! Кроме как обвонять сам ничего не может и не делает. А если делает, то показыватьстыдно потому как... (и идёт пространное объяснение почему он такое гавно).

Ответить
0

Хорошо, простой вопрос. Один любой сайт крупной компании, который соответствует вашим идеалам UI дизайна?

Ответить
1

Почему обязательно крупной? С ходу разве что apple.com вспомню

Ответить
3

Т.е. размытый фон и градиенты не хуета, а тени хуета?

Ваш комент хуета, товарищ.

Ответить
2

Любитель рисовать тени подгорел?

Да, блюр и градиенты в меру - не хуета, а гиганские серые тени в качестве обводки кнопок - хуета. Если блюр к месту и не к месту пихать - тоже будет хуитой.

А тени хуита, потому что вы их не по делу пихаете везде, потому что не можете придумать как нормально выделить элементы.

Ответить
1

Я даже не знаю зачем ты мне ответил. По каждому слову в твоих опусах видно желание садиться на яблоки. Мне вооще не интересно вести дальше диалог.

Посмотри на uikit 3+ и скажи, что их тени хуета.

Ответить
0

Я даже не знаю зачем ты мне ответил.

Действительно

тени хуета

Тени хуета сами по себе в 2020, давно пора это понять, а не пригорать

Ответить
0

balenciaga.com

Ответить
4

Идеальная подборка 👍

Ответить
3

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

Единственное - не стоит так категорично навешивать ярлыки, мол, этот тренд "говно", а этот "не говно". Если это есть в тренде, значит, имеет право на жизнь, значит, в этом есть своя логика и перспектива развития. Не нравится неоморфизм - ок. Но он появился, как реакция на флэт, запретить его никто не может, и остается смотреть, куда он эволюционирует дальше. Я не думаю, что это тупиковая ветвь, хоть и с известными недостатками.

Ответить
1

Поддерживаю. По неоморфизм надо отдельно ещё подробнее написать. в нем есть логика, просто его неправильно используют часто   

Ответить
3

Иногда краткость все же сестра. 
Минимализм в статьях про минимализм и про иконки и про иконки и про иконки?
Нет, не слышали :-)

Ответить
2

Найс тренд про иконки. Делать хорошо это теперь тренд. А минимализм уже много лет развивается.

Ответить
1

да, но только раньше это воспринималось как " ой, что-то простенько, а сделайте что то поинтереснее". ))

Ответить
2

Что-то так себе. Впихнуть минимализм в "тренды 21-го года"? Он таковым является уже хз скок, и это стало уже musthave'ом. Использовать иконки из одного пака? Да эт и так не новость. А перепутать "сквеоморфизм" и "неоморфизм" - уж совсем за гранью.

Ответить
1

Хорошее замечание, спасибо. Немного не до конца раскрыл эту тему. 

Ответить
2

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

Ответить
1

Да хватает на самом деле, вот например ))
https://icons.theforgesmith.com

Но как по мне все равно выглядит ужасно )

Ответить
1

его не "пихают", он там есть, и на это есть объективные причины. Это не тупиковая ветвь, а этап эволюции. Как наш далекий предок, только вылезший из воды на сушу - то ли жаба, то ли рыба, и плавает хреново, и ползает плохо. Кто бы мог подумать, что его потомком будет Дизайнер Николай Барыкин?

Ответить
0

Это тупиковая ветвь по одной простой причине - эта концепция не предусматривает многослойности. Попробуй разместить на странице несколько карточек и на каждой несколько кнопок и какой-нибудь список и не сойти с ума от теней. Или дизайнер Андрей Крамарь не умеет делать интерфейсы сложнее одной кнопки по центру?

Ответить
2

Не очень понятно, для кого эта статья. Достаточно минут 15 полистать беханс или пинтерест чтобы все из них усвоить. Брутализм уже несколько лет как не новость, неорморфизм (его кстати именно так называют) успел родиться и умереть в муках на дриббле, про минимализм я вообще молчу. Ожидал хотя бы попсовые голографические эффекты увидеть или текст "из жидкого металла", но даже их нет, хотя они успели глаза замылить.

Ответить
0

Какие по твоему мнению тренды прийдут? Интересно твое мнение. 

Ответить
1

По дизайну в целом — хочется верить, что генеративный дизайн начнет использоваться в более практических применениях, а именно для генерации мелких деталей оформления, которые полностью ушли из дизайна наполовину из-за модности минимализма, и наполовину из-за лени дизайнеров (ну или желания делать быстрее и дешевле). Конкретно по UI/UX — Тикток показал, как даже ленту постов можно сделать ещё проще и ещё быстрее по подаче информации, и что это нравится пользователям. Аналогично со сторис, и думаю, что аналогичное будет происходить со всеми типами взаимодействий, например с магазинами.

Ответить
0

Да ты дай хоть дизайнерам иконки для начала нормальные научиться использовать в дизайне и шрифты ) потом жидкому металу будем учиться ))) И статья все так больше о UI дизайне

Ответить

Цивилизованный торшер

2

Спасибо за упоминание https://cyrillic.design/ 🖤

Ответить
1

Ляяя, всё такое красивое.
А я продолжаю дефолтный бутстрап юзать)

Ответить
1

Неумирающая классика ))

Ответить
1

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

Ответить
1

Спасибо. 

Ответить
1

Ну, кто бы мог подумать, да ещё и в 2021 году, что иконки должны быть идентично стилизованы.

Ответить
1

И вправду. Зачем это надо. Пускай все иконки будут разной толщины и стиля.  ))

Ответить
0

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

Занятно, что среди перечисленных причин нет самой главной — релиза iOS 14 🙂

Ответить
0

Они и так постоянно обновляют иконки. Я не думаю, что это причина.  Никто не мешал дизайнерам 5 лет назад использовать красивые иконки в своих проектах. Чаще всего просто забивали на это, и брали разношерстные либо рисовали сами, что не всегда хорошо получалось. Причина стала в том, что красивые иконки стали доступными теперь для всех. Дизайнеры сидели все дома в первую волну COVID и у них было много свободного времени ) Сидели и рисовали иконки на продажу. 

Ответить
–4

Ты серьёзно не знаешь, что с iOS 14 пришла кастомизация всех иконок?

Ответить
0

В Андроиде она давно уже существует, поэтому и не придал значения. Добавить возможность менять иконки, это скорее продуктовый тренд "кастомизации", от которой Apple давно отстала и сейчас догоняют. 

Ответить
3

Просто всем известно, что ui дизайнер должен быть помешанным на Apple гиком, а его квартира должна быть завалена маками. И ещё он должен знать, что всё новое (в том числе кастомизацию иконок) изобретают ребята из Купертино, а не какие-то там вонючие ведёрки.
Сарказм закончен, если что :)

Ответить
1

Можно было ещё в iOS 12 через «Команды». И ещё раньше в старом Workflow. Фиг знает почему только сейчас это завирусили.

Ответить
0

Почему человек вообще должен знать подобную бесполезную информацию? Вы не знаете, что такое Кьёккенмёддинг. Я даже не буду спрашивать. Я знаю, что вы не знаете этого, но зато вы знаете что-то про долбанные иконки.

Ответить
1

Потому что он пишет про иконки — поэтому и он должен знать такое.

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

Ответить
0

Вот сцук с этим  Кьёккенмёддинг, а я то считал сложным словом "престидижитатор"

Ответить
1

Дай обниму

Ответить
1

Специально залогинился, чтобы сказать СПАСИБО автору.
👏👏👏

Ответить
0

Спасибо, рад, что было полезно 

Ответить
1

Спасибо за статью!! Читал с огромным интересом! Отличные примеры, вдохновился и зарядился!)

Ответить
1

Спасибо!

Ответить
1

Солидная работа, ставлю плюс.

Ответить
1

Бомба! Спасибо большое! Почитаю позже.

Ответить
1

Спасибо за статью!

Ответить
1

Ну ведь всем статьям статья. Я рад что ее увидел. Спасибо автору!

Ответить
1

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

Ответить
1

Всем маководам рекомендую приложение icons8. В нём куча классных svg-иконок, которые драг-н-доропом переносятся в фигму. Можно раздобыть бесплатно на торрент-трекере и наслаждаться жизнью.

Ответить