​Не устанет рука собирать свежие инструменты дизайна, которые выпускаются на радость своим создателям (в редких случаях — и вам). Новый выводок, хватайте в охапку:

Blocs: Ещё один инструмент дизайна, сфокусированный на адаптивных сайтах. Основан на идее «поясов», которые можно перемещать вверх и вниз по странице — как и привычные Tilda или Squarespace.

Hawkeye: Мобильное приложение позволяет тестировать сайты на iPhone с помощью eye tracking. Само собой, нужен телефон из последних поколений.

UXCam: Сервис аналитики пользователей. Ориентирован на изучение конкретных сессий использования сайта или приложения.

Sketch: Плагины: Sketch Lint: Приносит идею линтинга для проверки макетов на соответствие основным параметрам дизайн-системы. Он подсвечивает нестыковки в элементах интерфейса.

Sheet 2 Site: Вторая версия генератора простых сайтов из таблиц в Google Sheets. Куча новых шаблонов и важных интеграций.

Geenes: Наглядный сервис для подбора цветовой палитры для интерфейса. Сразу примеряет их на абстрактный экран мобильного приложения.

Mock: Простой онлайн-сервис вставляет видео интерактивного прототипа в рамку телефона для промо.

Friendly Faces: Генератор иллюстративных аватаров пользователей для макетов.

Abstract: Получили $30 млн инвестиций (всего в них вложили $55). Сильно для относительно простого сервиса, который не является самостоятельным инструментом.

Adobe XD: Коллекция бесплатных иллюстраций.

Awesome Design Tools: Неплохой каталог инструментов дизайна по разным категориям.

Mockdown: Сервис делает схематичную версию макета для презентаций и промо-сайтов.

Workbench Suite: Пачка простых инструментов для работы над макетами — нарезка нужных размеров, тегировние, мета-теги, создание цветовой палитры из фото и другие.

Vector Flow: Процедурный инструмент для работы с векторной графикой. В формате, похожем на Origami, вы выстраиваете ноды и их зависимости, в итоге получаете генеративную иллюстрацию.

Plectica: Ещё один инструмент для совместной работы в цифровом аналоге маркерной доски. Диаграммы, ментальные карты, концептуальные модели и всё такое.

Dislack: Ещё один конструктор форм. Собирает и хранит введённые данные.

Moleskine Studio: Moleskine запустили своё приложение для набросков на планшете.

Speak Human: Генератор рыбных интерфейсных текстов, которые правдоподобны.

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

#tools

​Микро-дайджест свежих инструментов дизайна интерфейсов насчитал уже два десятка выпусков и постоянно вылезает за границы малого формата:

Sketch 55: Простой способ менять расстояния в группе объектов, просмотр кода SVG, улучшение печати и интерфейса в целом.

Плагины:
— Method: сверяет отступы в макетах на соответствие 8-пиксельному микро-модулю.

— Iconscout: позволяет быстро найти иконки и иллюстрации для макета.

— AEUX: Экспорт макетов Sketch для использования в After Effects.

— Заметка о создании своего плагина для Sketch от Amy Rogers.

Adobe XD: Майское обновление. Компоненты переработаны в более зрелую версию вместе с более системной работой со стилями, много улучшений интерфейса.

Google Earth Studio: Команда Google Earth выпустила инструмент, который позволяет собирать видео пролёта над городами на основе своих карт.

Project Cue: Онлайн-инструмент для анимации, облегчающий её передачу разработчикам. Позволяет использовать JSON из плагинов вроде Bodymovin' для AfterEffects и докрутить результат. Анонс от авторов.

Framer X: Наконец-то вышел Framer Bridge, позволяющий подключить компоненты из технологического фреймворка. Они синхронизируются с компонентами Framer (которые теперь используют Git для версионирования).

Также запустился Framer Playground с новым редактором кода для создания своих компонентов.

Figma: Обзор работы с сетками.

— Шаблоны для рисования диаграмм в Sketch и Figma.

Marvel: Вышла третья версия корпоративного пакета инструмента. Собрали вместе все последние запуски вроде юзабилити-тестирования и помогают с организацией проектов и управлением организацией в целом.

Évolt: Сервис позволяет вести работу по концептуальному проектированию интерфейсов. Описание персонажей, сценариев, customer journey map, ну и мудборды в придачу.

Baselance: Сервис позволяет хранить базу фрилансеров с контактами, портфолио, ценниках. Импорт данных из Behance, Vimeo, Soundcloud, Instagram, GitHub и Artstation.

Useberry: Сервис помогает проводить юзабилити-тестирование интерактивных прототипов (и даже собрать их внутри).

Concepts: Планшетное приложение для скетчей и иллюстраций.

WBO: Ещё одна маркерная доска для совместной работы в браузере.

Octopus: Сервис для создания простых карт сайта в браузере.

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

remove.bg: Выпустили приложения для Windows, Mac и Linux.

Bildr: Ещё один сервис, который обещает объединить дизайн и генерацию готового кода из него.

DesignGapp: Сервис для создания статических гайдлайнов.

Gimli: Плагин для Visual Studio Code позволяет редактировать HTML и CSS в визуальном виде простыми настройками. Наглядная работа с расположением элементов, подключение к фреймворкам React, Bootstrap, VueJS и Angular и куча других возможностей. Пока собирают деньги на Kickstarter, бета-версия появится во второй половине года.

Сравнение Sketch, Figma и Adobe XD по ключевым функциям от Ashish Bogawat. Хороший способ быстро разобраться для тех, кто знает только один продукт.

Наклейки на клавиатуру с горячими клавишами Sketch, Figma и Photoshop.

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

#tools

​Лето принесло усиление схватки между Sketch и Figma — оба инструмента сделали ключевые анонсы, сокращающие функциональное отставание.

Sketch: Анонсирована версия для команд. Общее пространство в Sketch Cloud, версионирование, централизованная раздача плагинов и библиотек символов, просмотр спецификаций экрана в браузере без Zeplin. Как и в Figma, вы платите только за редакторов, а не каждый чих с единичным просмотром одного экрана. Бета-версия появится в июле.

А ещё в версии 56 решится самая древняя и глупая боль — символы сами меняют размер при изменении контента. Неужели не придётся руками менять ширину кнопок?! Плюс появится панель компонентов рядом со слоями (как в Фигме). И изменение расстояний в группе объектов (тоже как в Фигме).

Плагины и дополнения:
— Дмитрий Коваленко из Readle сделал три сотни наборов данных. Имена, адреса почты, устройства, страны, аэропорты и т.п.

— Sparkle: Плагин превращает инструмент в конструктор промо-сайтов — можно собрать его и получить готовый код.

— xLayers: Приложение позволяет собрать готовый сайт из макета Sketch. Причём можно получить как статику, так и компонентный вариант на React и Angular.

Figma: Анонсированы плагины. Обещают надёжную и безотказную работу, когда надстройки не ломаются при обновлении инструмента. Уже доступна бета-версия для разработчиков. Это было одной из главных функциональных претензий переходящих со Sketch.

Полезные материалы:
Роман Камушкен описывает несколько подходов к созданию таблиц. А Thomas Lowry — памятку по созданию типографической системы. Больше базовой теории построения шрифтовой шкалы, зато есть шаблоны-примеры прямо в Figma.

Это напоминает переломный момент в гонке Android и iOS — в какой-то момент они настолько сильно оторвались от конкурирующих платформ вроде Windows Phone, Tizen, Sailfish, WebOS и других, что все попытки догнать в лоб потеряли смысл (при всех деньгах Adobe и InVision). В этом году Sketch и Figma сделают примерно то же, так что даже не знаю, стоит ли продолжать говорить про остальных. Но я попробую:

UX Reality: Сервис для юзабилити-тестирования мобильных сайтов и приложений. Обещает eye tracking и отслеживание выражения лица.

Overflow: Вышел из беты. Появилась организация проектов в облаке и версионность, а сам интерфейс сильно доработан.

Shape: IDEO запустили сервис для обмена мудбордами, заметками и другими наработками внутри команды.

LandingPagr: Простейший конструктор прототипов промо-сайтов, помогающий маркетологам и интерфейсным писателям проработать контент и подачу информации в целом.

Startup: Вышла третья версия конструктора промо-сайтов от DesignModo.

Muzli Search: Поиск по подборкам Muzli неплохо дополняет Pinterest для сбора мудбордов.

Muse: Экспериментальное планшетное приложение для визуальных заметок и набросков. Интересные приёмы взаимодействия с интерфейсов, которые подробно разобраны в статье.

Alyssa X рассказывает о своём новом инструменте для анимации. Пока ничего рабочего нет, но есть обзор основных идей.

Struct: Ещё один сервис-конструктор иллюстраций из готовых элементов.

Milkshake: Конструктор мобильных сайтов для Instagram, можно делать их прямо на телефоне.

Framer X: Курс по Framer Playground от Meng To.

GoodBrief: Генератор брифов на разные работы по дизайну.

Amadine: Векторный редактор для Mac.

Зато выбор значительно упростится — останутся всего два стула.

#tools

​Накал борьбы Sketch и Figma за лидирующий инструмент дизайна уже шкворчит — громкие анонсы месячной давности почти подкрепились результатом:

Sketch 56: Улучшение работы с группой объектов, замена текста в символе прямо на макете (не в панели overrides) и мелкие доработки интерфейса.

Бета-версия для команд: Общее рабочее пространство в облаке (теперь макеты можно сохранять сразу туда) с управлением всей рабочей группой. $8,25 в месяц за пользователя (просмотр бесплатен). Пока только самые базовые функции (комментирование и версии), но позже появится аналог Zeplin, организация макетов в проекты, API.

Плагины
1. Anima 4 будет экспортировать код на React и позволит настраивать итоговый синтаксис. А ещё перейдёт на верстку через flexbox.

2. Envato Elements: Envato запустили свою коллекцию шаблонов для Sketch. Есть плагин, который облегчает работу с каталогом.

3. Толковая инструкция Matt Curtis по созданию простого плагина. Часть 2.

Figma: Плагины запустятся 1 августа. Sander Smeekes сделал обзор 10 показанных на недавней встрече с командой. Переключение тем оформления для макетов, полезные утилиты (вставка карт, генератор паттернов, работа с цветом), покадровая анимация, примитивная работа с 3D, информационные карты.

Полезные материалы
1. Интервью с Dylan Field об истории инструмента, формате работы команды и планах на будущее.

2. Denis Rojčyk из Kiwi рассказывает о своём подходе к версионированию макетов.

3. Шаблоны для создания wireframes и интерфейсных диаграмм.

Drama: Новый универсальный инструмент дизайна от создателей PaintCode. Пока вообще никаких деталей, но можно записаться на бета-версию.

Subform: На сайте пишется о прекращении разработки.

Mason: Конструктор сайтов на базе библиотеки React-компонентов, которые можно менять в визуальном редакторе. Обзор.

Tumult Hype 4: Вышла из беты. Из наиболее интересных изменений — анимация векторных фигур.

Axure RP 9: Вышла из беты. Обновился интерфейс, появился импорт из Sketch, расширяются возможности визуального дизайна.

Adobe XD: Июньское и июльское обновление. Улучшенная работа с плагинами, прототипами и Jira.

Relate: Появилась бета-версия. Видео-обзор от авторов.

Artboard Studio 2.0: В новой версии появилась совместная работа над макетами.

Brizy: Ещё один конструктор промо-сайтов.

Whimsical: Теперь умеет делать ментальные карты.

ScreenChat: Конструктор переписки в чате, который даёт на выходе скриншот iMessage в телефоне.

Adobe Fresco: Приложение для иллюстраторов на iPad, которое выросло из прототипа Project Gemini. Упор на кисти, которые воспроизводят поведение реальной краски.

Zeplin: Запустили глобальные гайдлайны, которые могут описывать сразу несколько проектов. Цвета, шрифты и компоненты могут наследоваться, например, между вебом, Android и iOS.

Photopea: Бесплатный графический редактор в браузере. Открывает кучу форматов — PSD, Sketch, Adobe XD, RAW и другие. AMA с создателем.

Framer: Библиотека интерфейсной анимации на React.

Readymag: Запустили готовые шаблоны для быстрого старта проекта.

Record Screen: Простой сервис для записи видео из браузера.

Желающих убить пару лет на создание конкурента Sketch или Figma с каждым годом всё меньше — почти всё кроме самого крупняка умерло или живёт в своих маленьких нишах. Зато простые утилиты всегда в цене.

#tools

​Стабильный поток обновлений инструментов дизайна даёт хорошую жатву новостей. Подкопил за полтора дайджеста:

ProtoPie 4.0: В новой версии появились компоненты. Переработан интерфейс и освежился бренд. Курсы: Руслан Шарипов на Udemy и Meng To.

Sketch 57 и бета Sketch 58: Появился привычный по Figma и Adobe XD инструмент для работы с сеткой повторяющихся элементов — можно менять расстояние между столбцами и строками. В бете размер символов вроде кнопок наконец-то меняется автоматом при изменении текста и другого контента (разбор).

Плагины:
— Zecoda: Генератор кода на Vue.js из макетов Sketch.

Figma: Телеграм-канал @figmaplugin делает обзоры плагинов. У Саши Окунева есть памятка об их возможностях и ограничениях.

Статьи и памятки:
— Figma Help: Справочный сайт по работе с инструментом. Статьи, видео, разборы плагинов, обновления продукта.

— Adam Noffsinger из Dropbox рассказывает о том, как команда настроила шаблоны.

— Памятка Buzz Usborne из Help Scout по переезду со Sketch. Во что это выливается для дизайн-команды.

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

— Советы по работе с иконками от команды Iconfinder.

Waves: Генератор волн в SVG для промо-сайтов. У них есть плагин для Figma.

UXPin 2.0: В ноябре появится новый интерфейс и улучшенные возможности прототипирования (взаимодействие по условию, состояния элементов), дублирование элементов а-ля Adobe XD.

Adobe XD: Августовское обновление. Переработанная панель плагинов, редактирование в Photoshop, расширенный экспорт кода и другие доработки интерфейса.

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

Eyetato: Сервис обещает предсказывать тепловую карту eye tracking на основе данных тысяч проведённых ранее пользовательских исследований. Правда, схему движения взгляда он, конечно, не даст.

Userbility и UXtweak: Два новых сервиса для удалённого юзабилити-тестирования. Второй ещё с инструментами проверки информационной архитектуры.

Quill 2.0: Инструмент для иллюстраторов и аниматоров в виртуальной реальности от Facebook.

Codeimg: Сервис делает красивый скриншот кода для любой соцсети.

Flinto: Появился импорт из Figma и тёмная тема оформления.

Glorify: Простой редактор баннеров и промо-картинок для интернет-магазинов.

Nodes: Инструмент для визуализации данных и создания 3D-графики с помощью визуального программирования нодами.

Eagle: Инструмент помогает собирать мудборды на компьютере.

Epilepsy Blocker: Сервис помогает проверить интерфейс на безопасность для людей с эпилепсией. У них появился и плагин для Figma.

Vectormator: Векторный редактор для иллюстраторов на iPad.

Webflow: С помощью Lottie можно импортировать анимацию из AfterEffects.

VoxGun: Сервис для создания простейших промо-видео.

Glimpse: Ответвление редактора GIMP с новым брендом и интерфейсом.

Новые генераторы цветовых палитр появляются примерно каждые 10 минут. Muzli собрали наиболее полезные из них (а это уже более полусотни)

Brendan Mahony собрал десяток толковых расширений для Chrome для дизайнеров.

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

#tools

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

2-6 ноября прошла традиционная конференция Adobe MAX 2019 с кучей анонсов. Как всегда, опубликована тонна видео, а вот что по программам:

— Photoshop для iPad вышел, а в следующем году запустят Illustrator для iPad. Они работают с хранящимися в облаке настоящими файлами .PSD и .AI, хотя портированы не абсолютно все функции — будут смотреть на органичность для планшетов и запросы пользователей.

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

— Обновление линейки CC: Photoshop с упрощённым выделением объектов и общие улучшения интерфейса в Illustrator, InDesign, Animate и других. А ещё в ней появится стриминг своей работы.

— Aero: Дизайн в дополненной реальности через мобильное приложение. Импортирует файлы из известных программ (Maya, Cinema 4D, Dimension, Photoshop, Illustrator).

————

Sketch 60: Переделано управление компонентами, автоматическое подключение библиотек новому сотруднику в версии для команд.

Плагины:
— Flowkit: Информационные карты в Figma, Sketch и Adobe XD.

— Suitcase Fusion: управление подключаемыми шрифтами.

— Represent: Доступ к прототипу коллеге или клиенту, сидящему далеко.

— Sketch Styler: Находит визуально похожие решения без назначенных стилей и предлагает причесать их.

————

FramerX: готовит версию для браузера. Совместная работа и все дела.

Darshil Vora из Salesforce рассказывает, как они готовят свои компоненты своей дизайн-системы на React для FramerX и делают прототипы на их основе.

————

Figma: Добавляется аналитика использования компонентов из общей библиотеки.

Плагины:
— Vectary и Artboard Studio: 3D-шаблоны телефонов и физических предметов для примерки макетов в них.

— Figma Ninja: Обучалка основам инструмента в виде шаблона.

— Product Planner: Тонна шаблонов для управления
продуктами и проектами.

————

InVision: Обновился Design Systems Manager. Появилась интеграция со Storybook.

Glide: Генератор мобильных приложений на основе Google Sheets.

Paper & Media: Простейший конструктор картинок для постов в соцсетях.

UI Bakery: Простой онлайн-конструктор интерфейсов на базе дизайн-системы Eva.

8b: И ещё один конструктор промо-сайтов.

BuilderX: Ещё один браузерный инструмент дизайна с экспортом в код на React.

Прошлый выпуск я пропустил в своём маленьком творческом отпуске, но теперь-то привычный ритм вернётся.

#tools

​Мини-дайджест с новыми инструментами дизайна пропустил пару циклов. Так что приехало с горочкой:

Play: Совершенно дикая штука — инструмент дизайна мобильных приложений на самом телефоне. Ребята сотворили совершеннейшую чуму (пусть и вызывающую вопросы по продуктивности такой работы дизайнера). В феврале появится бета для iPhone, позже обещают iPad и Android-телефоны. Предыстория создания от авторов.

Sketch 62 и Inspector: Улучшение smart layout (минимальная и максимальная ширина). И, наконец-то, бета-версия аналога Zeplin. В конце прошлого года обещали некого помощника по улучшению дизайн-решений, совместную работу над макетом и более мощные возможности прототипирования.

Mosaica Studio: Новый инструмент для создания каскадной (stagger) анимации. Прототипировать и создавать подобную анимацию вручную через кейфреймы трудозатратно, здесь же вместо работы с кодом предлагается WYSIWYG.

Плагины для Figma:
— Bravo Studio App: Подключает реальные данные и генерирует нативный код для Android и iOS на основе прототипов.
— Design Lint и Roller: Линтинг для макетов. Проверяет расхождения с дизайн-системой (цвета, шрифты, границы, тени, скругления).
— Smooth Shadow: Плагин позволяет делать аккуратные тени с помощью кривых easing.
— Text Prettier: Плагин-типограф для причёсывания текста.

Adobe: MS Office 365 может подключить библиотеки Creative Cloud для импорта стилей и ресурсов.

Adobe XD: Январское обновление. Также добавили авто-layout. Читайте также интервью с Talin Wadsworth об истории создания инструмента и планах на будущее. Он также рассказывает о рабочем процессе и команде.

Vectornator: Вышла версия для Mac.

Adalo: Ещё один конструктор мобильных приложений, делающий нативную сборку на основе прототипа. Android, iOS и веб.

Storyland: Конструктор промо-сайтов в формате историй.

WebStudio: Ещё один конструктор сайтов в браузере.

ГЕНЕРАТОРЫ И КОНВЕРТЕРЫ
Fronty: Сервис конвертирует картинку в HTML. Эффектно, но непонятно зачем — макет сайта и так сделан в каком-либо инструменте с разбивкой по слоям, а генераторов оттуда и так хватает.

EscherSketch: Браузерный инструмент позволяет делать паттерны из симметричных фигур и наглядно видеть их в повторяющемся полотне.

Super Sphere: Генератор контурных сфер с анимацией.

Flow Lines: Генератор абстрактных паттернов из линий.

BG Painter: Генератор модных фонов (например, «жидкий металл»).

Scribbbles: Бесплатная коллекция клякс и абстрактных паттернов для промо-сайтов.

ЦВЕТ
Calcolor: Интересный генератор цветовых палитр, который позволяет копать смежные в разные стороны.

Who Can Use: Мощный сервис для проверки цветового контраста. Он показывает значение для каждого типа нарушения цветовосприятия и сам искажённый цвет.

Leonardo: Генератор цветовых палитр с фокусом на правильный контраст для обеспечения доступности.

Gradienta: Генератор градиентов и интересных наложений слоёв в браузере с экспортом в CSS.

Trace: Ещё один убиратор фона с фотографий.

Social Sizes: Большая коллекция шаблонов для всех соцмедиа с актуальными размерами.

Pixelworm: Занятный сервис, который позволяет сравнить макет в Sketch и реализацию в мобильном приложении.

Clai: Инструмент позволяет сделать подачу макета на устройстве, которое в свою очередь можно вертеть с анимацией.

Nototo: Дичайший сервис заметок в виде карты виртуального мира.

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

#tools

​В этом году титульная презентация новых продуктов и экспериментов Adobe MAX 2020 прошла с 20 по 22 октября в интернете. Килотонна полезных выступлений от создателей инструментов и просто дизайнеров. Вот что там анонсировали:

XD: Октябрьское обновление. Появилась совместная работа над макетом, 3D-трансформация элементов, общая работа над дизайн-системой через библиотеки Creative Cloud, вложенные компоненты и их состояния, интеграция с Visual Studio Code. Они также создали формат DSP (Design Systems Package) для стандартного описания дизайн-систем.

Photoshop: Замена неба на фото с цветокоррекцией окружения. Нейросетевые фильтры на базе платформы Sensei: перенос стиля, расцветка чёрно-белых фото, увеличение элементов маленького изображения с улучшением качества, туман, мощные трансформации портрета (поменять эмоцию, возраст, поворот головы, очистить недочёты). Улучшенное распознавание шрифтов. Развиваются контенто-зависимый выбор части изображения, обтравки и заливки.

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

Illustrator для iPad: Доступен для всех. Как его делали.

InDesign: Обсуждение макетов командой в браузере, поиск и замена цвета, улучшенное обтекание текста.

Fresco для iPhone: Инструмент для иллюстраторов теперь и на телефоне. В основной версии также много улучшений.

After Effects: Доработанный режим работы с 3D.

Aero 2.0: Бета-версия инструмента для дизайна в дополненной реальности.

Creative Cloud: Можно вести стриминг работы над макетом или обсуждать их командой в Photoshop, Illustrator и Fresco. Поддержка большего количества документов: видео, модели и т.п. Версионирование в Photoshop.

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

Ещё одна интересная инициатива — проверка аутентичности дизайна. Они изучают историю создания и изменения изображений, что помогает ловить ворованные работы и фейки.

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

#tools #adobe #events

​Давненько тут не было подборок новостей про инструменты дизайна. Во-первых, Figma съедает всё и это теряет даже исследовательский смысл. Во-вторых, книжка съедает остальное время, а раскопки требуют плотного погружения. Но вот что было в свежем дайджесте:

1. Figma:
— Бесплатный тариф будет ограничен с 21 апреля. Теперь можно вести максимум 3 файла по 3 страницы в каждом и 1 проект. Хотя при этом снимут ограничение на количество редакторов.

— В последнюю неделю марта они выпускали по одному улучшению в день. Наконец-то появились списки. А ещё можно публиковать отдельные компоненты дизайн-системы, не обязательно всю библиотеку сразу. И, самое приятное, — связать личную и рабочую учётную запись. Публичный профиль в сообществе также будет единым.

— В феврале появилась бета-версия FigJam, доски для совместной работы а-ля Miro. Она всё ближе к запуску.

— Также появился улучшенный поиск внутри инструмента а-ля известный плагин Sketch Runner.

2. Sketch 71: Совместная работа с документом вышла из беты.

3. Mesh Gradients: Инструмент позволяет делать эффектные mesh-градиенты. Есть плагины для Sketch и Figma.

4. Spline: Скоро можно будет редактировать векторные иллюстрации в 3D.

5. Mail Studio: Инструмент помогает создавать адаптивные письма рассылки. Есть версии для Windows, Mac и Linux.

6. UXOps: Новый сервис для проведения карточной сортировки.

7. Attention Insight Heatmaps: Ещё один сервис, который моделирует тепловые карты для интерфейсов на основе исторических данных похожих тестов.

8. Dither Me This: Сервис позволяет сделать дизеринг изображения, что в духе одного из нишевых трендов.

9. Float: Простой инструмент для послойной анимации иллюстраций от Gal Shir.

10. Фантастическая коллекция генераторов CSS-кода для любых дизайнерских приёмов от Iris Lješnjanin. Цвета, типографика, сетки, анимация, декоративные элементы и много чего ещё. Во второй статье собраны генераторы SVG на самый разный случай: фигуры, фоны, анимация и т.п.

Надеюсь, в этом году снова найдётся достаточно времени на этот формат.

#tools

Продолжим новости с конференции Adobe MAX 2023 — что там нового во флагманских продуктах Creative Cloud:
 
Photoshop: Всё катанули ещё до мероприятия. В основной версии вышли из беты алгоритмические фукнкции Generative Fill и Generative Expand, упростилось удаление объектов. На iPad появился фильтр Camera Raw. А накануне дали доступ к браузерной версии с частью функциональности для всех.
 
Illustrator: Запустили бету для веба. В основной версии можно генерировать векторные иллюстрации по текстовому описанию через Firefly, накладывать графику на макет мерча с предложением перспективы (выросло из прошлогоднего концепта #ProjectVectorEdge), преобразовывать растровый текст в редактирумый, оптимизировать векторы.
 
Firefly: Доступен в вебе, работает на базе новой модели Firefly Image 2.
 
InDesign: В основной версии можно оформить большой кусок контента с помощью автостилизации на базе наборов стилей, встраивать Google Analytics, лучше контролировать экспорт.
 
Lightroom: В основной версии можно играть с глубиной на фото через инструменты размытия (тоже родом из экспериментов Sneaks).
 
AfterEffects: В основной версии новая Roto Brush лучше выделяет объекты на видео, прокачали работу с цветом и скриптами.
 
Express: Основная версия генерирует цельные редактируемые шаблоны, которые адаптируются для разных сред вроде соцсетей или печати. Предлагает варианты текста, графики и композиции. Переводит на 45 языков.

Premiere Pro: В основной версии можно искать по транскрипции текста и вырезать эти части из видео (прошлогодний эксперимент #ProjectBlink), подчищать качество диалогов, экономить время на цветокоре, плюс оптимизировали интерфейс таймлайна.
 
Fresco: В основной версии обновления вышли ещё в сентябре. Вертикальные тексты, улучшение экспорта видео, больше кистей.

Общий тюнинг в Animate и Character Animator.

Дикий крутяк то, что многие из алгоритмических нововведений основаны на экспериментах Adobe Sneaks, которые тизерили последние годы. Так что компания смогла наладить понятный путь реализации этих диких идей, а не просто хайпанула потешками.
 
#tools #adobe #events