Собрал дайджест продуктового дизайна за ноябрь 2021. Тренды 2022 года (первая пачка), книги по дизайну, большие подборки статей о дизайн-менеджменте, современные цветовые палитры, accessibility, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— vc.ru
— Facebook
— ВКонтакте
— RSS

Плагин для автоматизации поворяющихся действий в фигме
https://automator.design
#figma #plugin #automate

Анимируем детские рисунки с помощью AI
Meta AI

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

Демка / Блогпост

Новый сайт словолитни ECAL TYPEFACES!

Большое событие — полный перезапуск магазина студенческих шрифтов швейцарской школы ECAL. Теперь у шрифтов новая лицензионная модель, которую придумывали все студенты коллективно. А в продаже остались только лучшие из лучших шрифтов. Так же теперь появился раздел с историями о шрифтах и их создании. Уже опубликованы первые три, написанные моими одногруппниками: https://ecal-typefaces.ch/stories/ (про своши, диакритику и ливанскую типографику)

Все сюда: ecal-typefaces.ch

SVGator — инструмент для создания сложных векторных анимаций с интуитивным и понятным интерфейсом.

www.svgator.com

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

Начну с одного из лучших — уже второй год это материал от EditorX. Они проанализировали самые заметные вещи в визуальном и интерактивном дизайне, которые повлияют на профессию в 2022 году. Например, продолжение моды на эстетику начала 2000х или Y2K, которая давно заметна в одежде.

Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Продолжается доминирование Figma и стремительное падение Sketch и InVision. Интересной будет схватка Miro и FigJam, хотя тут шансов у Фигмы меньше. Они также стали уделять больше внимания инструментам для UX-исследований.

Журнал UX Collective ежегодно отмечает точки движухи в профессии дизайна интерфейсов. Они перебирают приличное количество публикаций за год и выделяют явные всплески.

Sidney Alcantara сделала шикарный обзор трендов в базовом оформлении самых популярных операционных систем: Android, iOS, Windows и MacOS. Как и почему они приходят к контурным иконкам для лучшего сочетания с основным шрифтом, учёту темы оформления пользователя, современным цветовым палитрам вроде LCH, более мягким скруглениям, адаптивной типографике и другим деталям.

Лично мне было печально видеть восходящую моду на OOUX (объектно-ориентированный UX) — сдули пыль с доисторического подхода к проектированию интерфейсов (aka «диаграмма классов» из UML). Одно из главных золотых правил профессии — идти от потребностей пользователей и их ментальной модели. А не того, как устроена внутрянка системы. Она сама должна меняться и перекраиваться в зависимости от того, как лучше организовать сценарии использования и навигацию между ними. И выступать требованием к структуре объектов, но ни в коем случае не быть ограниченной ими.

Банальщиной будет упоминать связку NFT и метавселенных, но это влияние не просто на визуальные тренды, но и на сам рынок и карьеру дизайнеров. Заметное количество людей включилось в эти вещи на самом старте и частично или полностью переключилось на них.

Другие подведения итогов:
— Лучшие обложки книг от AIGA
— Заметные инновации от Fast Company и Popular Science
— Яркие проекты на Readymag
— Самые популярные эмоджи

Про 2022 год материалов побольше:

1. Общедизайнерские тренды выделяют 99 Designs, Webflow, Graphic Mama и Depositphotos.

2. Pantone и Shutterstock объявляют цвета: оба сходятся на фиолетовом.

3. Профессиональные от InVision.

4. Общие от Fjord.

5. Технологические от Gartner: кривая хайпа, стратегические и радар влияния.

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

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

Для сравнения: что обещали на 2021, 2020, 2019 и 2018 год.

#trends

GrilliType Academy

Великолепные уроки шрифтового дизайна от швейцарцев GrilliType, которые они уже год выпускают в своём инстаграме. Каждый урок наглядно анимирован, что всё становится понятно без слов. Если вы хоть раз взаимодействовали с буквами и делали, например, логотип — эти 36 уроков лучшее, что можно изучить на каникулах. Собрал оглавление на все уроки в одном месте, чтобы вы не искали:

строчные: a, c e o, h n m u, b d p q, i j r, f l t, k x z, v w y, s, g, балансировка, спейсинг;

прописные: O I, E F H L T, A V W Z, K X Y, M N, C D G, B P R, Q, J S U, балансировка, спейсинг;

цифры: 0 1, 2 3 5, 4 7, 6 8 9, балансировка;

пунктуация: , . ; : …, ! ¡ ? ¿ ‽, ‹ « ‚ „ “ ‘ ‘, () [] {} |, пробелы и тире, / \ # * •, балансировка, ¶ † ‡ §

Собрал дайджест продуктового дизайна за декабрь 2021. Тренды 2022 года (вторая пачка), тестирование дизайн-систем, голосовые интерфейсы, ключевые исторические публикации, управление жестами в машинах, энциклопедия компонентов, алгоритмический дизайн, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— Facebook
— ВКонтакте
— RSS

Инструмент для создания цветовых палитр
https://colorbox.io/
#color #tool

Кажется, нас наконец услышали в Фигме! В ближайшем будущем обещают поддержку вариативных шрифтов!

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

www.upscale.media

Ещё один игрок появился. Обещают как обычно — реалтайм 3D в браузере с возможностью командной работы. На бетку можно залететь с их сайта — pounx.com.

Привет, ребята! Напишите в комментариях, какие еще подобные каналы вы читаете? Спасибо

Read.cv

Открыл недавно неочевидный способ поиска вдохновения и интересных решений. Есть такой сервис для создания минималистичного резюме: Read.cv

Основная фишка сервиса: четко обозначить основные достижения, описать проект + указать с кем коллаборировал на проекте и в каком формате.

Недавно, ребята переделали главную страницу и теперь это лента pinterest типа, но только каждая карточка – это не просто картинка, а реальный проект, какого-то человека.

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

read.cv/explore

Минималистичный сервис для сохранения контента
https://ultra.tf
#content #tool

Плагин для автоматизации в фигме вышел из беты
https://automator.design

Хороший UI Kit вышел по Material You под Фигму. Забрать тут — figma.com/community/file/809865700885504168.

Ohno Type School

Руководство по шрифтовому дизайну от Джеймса Эдмондсона и OH no Type Co! Проект начатый в 2020 году в инстаграме, затем опубликованный в удобной форме блога и даже увидевший свет в виде печатного издания (тираж был раскуплен на несколько минут и осталась только цифровая версия, которую можно купить и распечатать самостоятельно) вновь выходит!

Наконец-то Джеймс вернулся к этому проекту и продолжил выкладывать уроки шрифтового дизайна, теперь по построению цифр! За неделю уже опубликовал: 5 и 6 (уроки по предыдущим цифрам 1, 2, 3, 4, были опубликованы год назад). Это прекрасная новость!

Рекомендую иметь в закладках бесплатную онлайн-версию справочника по построению всех латинских букв: ohnotype.co/blog/ohno-type-school-a (оглавление)
И его великолепный адаптированный перевод на русский в историях инстаграма type today: часть 1, часть 2