Первоапрельский Джедайст #89

В предъюбилейном 89 Джедайсте собрали роскошные обновления инструментов для создания 3D и сайтов, добавили полезных узкоспециализированных инструментов, которые пригодятся в работе. Приправили выпуск просто тонной образовательных материалов — получилось отлично.

Царские обновы

Главное обновление этого выпуска — бета-версия Spline. Да, то была лишь альфа.
Внутри появились совместная работа в реальном времени и автосохранение (совсем как в Figma). Команды, проекты, папки с превью проектов внутри. Инструменты для скульптинга и 3D-градиенты.А еще обновили параметры экспорта и интерфейс.

Прошлым летом писали про онлайн-конструктор 3D-мокапов Morflax Things, а сейчас в разработчик выпускает аналог Сплайна — онлайн-редактор 3D иллюстраций Mesh. Ограничение на брендинг изображений, экспорт картинок в среднем качестве и урезанное количество элементов снимается от $8. На годовом тарифе действует промокод PHMESH на 50%.

Еще один 3D-рекдактор Vectary научился добавлять Lottie- и gif-анимацию в 3D-объекты и макеты в онлайне и без кода. Все для легкого использования в вебе.

Вышеупомянутая Figma получила нативную поддержку письменности справа налево (для арабского, иврита, персидского и других языков) и искусственных надстрочных и подстрочных индексов (их можно применить, даже когда в текущем шрифте нет специальных символов). А еще в приложении для iPad появилась функциональность FigJam. Просматривать и редактировать файлы можно с помощью Apple Pencil. Сделали поправку на взаимодействие. Зумить надо щипком, выделять несколько объектов одним пальцем, а перемещаться по документу — при помощи двух.

В рамках нынешних ограничений многие принялись переносить проекты в уже подзабытый Sketch. А что там? Ничего проывного — 85 итерация получила возможность выдавать права доступа всем участникам команды или только приглашенным.

Adobe XD получил мартовское обновление, в котором появилась возможность добавлять текстовые ссылки, переупорядочивать состояния компонента и копировать HTML-код Lottie-анимаций и видео из панельки спецификаций.

Помните, был такой Framer? Компания сейчас инвестирует больше времени и конструктор сайтов Sites — там появляются новые премиум-шаблоны, туториалы и галерея «made on...», которая даст представление о всех возможностях инструмента.

Но не забыла и о старых продуктах — так обновилась библиотека анимации Framer Motion.

Функция Handshake позволяет создавать настоящие React-компоненты с анимацией и жестами, а затем копировать и вставлять их прямо в проекты Next.js. Появился компонент с переупорядочиванием, который пригодится для создания списков дел, календарей или скриптов.

Сервис пользовательских исследований Maze представил аналог CRM для исследования продукта — Reach. Инструмент, который помогает восстанавливать и поддерживать связь с пользователями-испытуемым, должен оптимизировать процесс исследований на платформе.

Горсть мелких поелезностей

Фигмовский плагин Catalog поможет создавать разделы в рамках одного файла, перемещаться от одного к другому и искать по ним. Еще можно отслеживать статус макетов и время изменения. Очень удобно, когда у вас много дизайнеров занимаются в одном файле. Устроено это все до безумия просто — при первом запуске плагин генерирует каталог компонентов, где есть заголовки, статусы и аватарки дизайнеров. Потом вы промечтаете зоны в макете этими элементами, запускаете создание каталога и вуаля!

Если вы по какой-то причине решили переходить из Miro в FigJam, то обратите внимание на плагин Import Miro Board. Он умеет распознавать и переносить заметки, фреймы, фигуры и тексты. Скоро можно будет импортировать карточки и таблицы. Перенос изображений, ментальных карт и канбан-таблиц в ближайшее время будет невозможным из-за особенностей API Miro. Первые два переноса бесплатно, а потом будут действовать пакетные цены — начиная с $20 за 10 досок.

Нежно любимый инструмент для создания схем перемещений и прототипов Overflow получил 2 версию. Там подвезли облачное хранилище, совместную работу, полную историю изменений автосохранение и улучшения в производительности и UX. Цена вопроса — от $12/месяц.

Онлайн-сервис Customer Journey Builder позволит сделать CJM без денег и регистрации. Результат работы можно будет экспортировать в PNG или CSV. Инструмент подается в рамках экосистемы для продуктового и визуального дизайна MockFlow, который уже обойдется от $14/месяц за сотрудника. Сама эта экосистема очень занятная — там и механизм для A/B-тестирования скетчей есть, и шаблоны для презентаций, и механизм для хранения документации и активов бренда.

Webstudio — кажется, первый на памяти конструктор сайтов и веб-приложений с открытым кодом. Внутри куча интеграций.

Ну и подборочка отечественных инструментов на возможную замену буржуйским.

Создаем и изменяем контент

Онлайн-инструмент Watermark Remover помогает автоматически удалять водяные знаки с картинок. Можно не только загрузить изображение размером до 2400×2400 px в форматах PNG, JPG и WEBP, но и указывать ссылку на него.

Magic Eraser убирает другие ненужные элементы в онлайне. Загружаете картинку, настраиваете размер кисти и готово.

Color Morph позволяет генерировать mesh-градиенты и экспортировать в SVG или CSS, а Meshed Up — просто библиотека подобного рода градиентов.

Сервис для создания шаблонов под Bluma, Tailwind, Bootstarp и иже с ними запустил генератор лэйаутов — Shuffle Layout. Выбираете один из 10 стилей, нужные блоки и нажимаете кнопку. Каждое нажатие — что-то изменяется. Штука вроде довольно бессмысленная и обычная, но порой может вдохновить.

Mockupz — бесплатная библиотека из 10 анимированных 3D-мокапов в Blender.

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

Почитать и посмотреть

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

Онлайн-школа Nimax выложила все свои курсы в открытый доступ. Вот они, слева направо: Веб-аналитика для принятия решений, Дизайн-концепции сайтов, Брендинг. Системный подход, Управление трафиком для контент-проектов, Digital PR.

Ильяхов выложил лекции из школы редакторов. А еще дизайн-библиотека bang bang education стала бесплатной. Просто праздник какой-то!

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

Почитайте о 7 дизайн-принципах, лежащих за интерфейсом Readymag. Там, кстати, еще форум для обмена знаниями и объявлений появился.

Шрифтовой гигант Monotype представила тренды в типографском дизайне на 2022 — к аккуратным стройным антиквам и гипертрофированным чернильным ловушками (они же inktraps) добавились ар-нувошные и органические формы, замиксованные шрифтовые композиции, NFT и золото.