Срединно-летний Джедайст #93

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

Посмотрим на больших игроков рынка

Sketch все еще догоняет Фигму. Новая 90 бета-версия привносит наложения (оверлеи) в прототипах — это когда превращаешь артборд в попапы и лайтбоксы и прочие модальности. Появилась также вкладка «Prototype», которая отвечает за все взаимодействия в дизайн-файле.

~

Сама Figma пока наращивает массу полезных виджетов и изменяет механику использования плагинов — их теперь не нужно устанавливать перед использованием, а можно просто нажать на иконку с Ресурсами (Shift+I), выбрать вкладку с плагинами и найти нужный среди последних использованных или среди всех при помощи поисковой строки.

~

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

~

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

~

Framer прокачал перелинковку — появились разделы на страницах, открытие ссылок в новой вкладке и шорткат «L», с помощью которого можно добавить ссылку на любой выбранный слой. Также разработчики улучшили вставку отформатированного текста, например, из Notion.

~

Шрифтовой редактор Fontlab обновился до 8 версии. Внутри больше 500 обновлений, среди которых:

• темная тема;
• группировка панелей в общую ленту;
• настройка числовых параметров при помощи ползунков и математических операций;
• новые и улучшенные инструменты «Power Stroke», «Power Brush», «Thickness», а также тонкие настройки внутри «Pen» и «Rapid» помогут сделать каллиграфические буквы, а «Rectangle» — рисовать многоугольники и звезды;
• прокаченное выделение: поддержка наклона, его сохранение при переключении мастеров и на одноименной панели;
• тулбокс «Power Nudge» и инструменты «Nudge» и «Lever» помогут точнее управлять положением опорных точек, а «Eraser» почистит кривые;
• можно теперь численно регулировать натяжение кривых, выравнивать и сворачивать опорные точки, инвертировать контуры и сортировать их, точно настраивать ловушки для чернил (ink traps) и умные углы;
• настройка кернинга при помощи мышки и автоматическая настройка спейсинга и кернинга одним кликом;
• упрощенное создание глифов с часто используемыми диакритическими знаками (это всякие черточки и крышечки над буквами и крючки под ними);
• поддержка скриптов на Python 3 и файлов Glyphs и RoboFont;
• быстрое создание вариативного шрифта из статичного, настраиваемые вариативные для каждого глифа, а умные компоненты позволят переиспользовать уже настроенную интерполяцию для создания других знаков.

Короче говоря, ну очень много нововведений. Студенческая лицензия обойдется от 7700₽, а пожизненная — от 35000₽. Есть бесплатный 10-дневный период.

~

Немного помощников

Сервис автоматизации Openflow предназначен как для новичков в силу простой рабочей механики, так и для более продвинутых ребят, так как предлагает API для самостоятельной интеграции других сервисов. Плюсом идет внутренняя интеллектуальная система семантического поиска и эмоциональной оценки контента. Разработчики сравнивают свой продукт с Zapier не в пользу последнего — из-за разницы в сложности и цене.

~

Индийский инструмент ruttl позволит встраивать компонент для комментариев на веб-сайты и приложения, а также в PDF. Уже есть интеграции с Trello, Zapier, Slack и Asana. Продукт, по-видимому, создавался для тестирования макетов и уже готовых страниц, но также отлично подойдет и для сбора обратной связи. Стандартный тариф обойдется в $13/месяц, для более крупных компаний — $33/месяц, есть и бесплатный стартовый — там доступен 1 проект, 5 веб-страниц и 5 коллег в команде. Промо-ролик просто огненный!

~

Еще один встраиваемый компонент — Search Egg — панель поиска в духе той, что даёт плагин Runner для Скетча, cmd(ctrl)+/ для Фигмы или cmd(ctrl)+P в Notion. Такой инструмент проще и эффективнее туториалов, лучше обнаруживает скрытые функции, снижает нагрузку на поддержку, а встроенные инструменты аналитики помогут помочь пользователя и улучшить основной продукт. А еще инструмент бесплатный для большинства случаев использования.

~

Онлайн-инструмент Mockoops позволяет бесплатно создавать видео-мокапы, просто перетащив запись экрана на выбранный шаблон. Как Canva, только для видео.

~

Мотаем на ус и вдохновляемся

Следующий большой блок знаний на Hard Client посвящен корзине. Станислав Хрусталев рассматривает классные и неудачные решения, связанные с кнопками корзины и ее элементами в меню, страницах, списках и дополнительных продажах. Длиннющий и полезный лонгрид так и просится в постоянные закладки дизайнерам, которые работают в e-commerce или других продуктах, которые хоть что-то продают.

~

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