Adobe Photoshop, Affinity Designer для iPad, Sketch 51 и другие новые инструменты для дизайнера интерфейсов

Подборка от руководителя портальной дизайн-команды Mail.Ru Group Юрия Ветрова.

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

Ещё один новый инструмент дизайна, который играет на поле Figma ― одновременная работа нескольких дизайнеров в браузере. Заявлен весь комплект современных возможностей (прототипирование, обсуждение экранов, адаптивность, символы и компоненты). Из новых идей — поддержка нескольких языков в макете, экспорт макетов в код и загрузка на сервер, быстрый просмотр на телефоне через QR-код. Анонс от создателей.

Теперь стили можно добавить в библиотеки. Много небольших доработок по прототипированию и основному интерфейсу. Плагин:

  • Timeline 2.0: надстройка от Anima стала ещё мощнее и сделала упор на интерактивные компоненты, код которых можно выгрузить (пока голый HTML, CSS, JS, но обещают React, VueJS, Angular, Lottie, iOS и Android).

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

Bloomberg вбросил информацию, что на Adobe MAX 2018 этой осенью покажут полноценную версию для планшетов (сейчас есть простецкий Photoshop Express). Источники анонимные, так что это всё ещё не точно.

Добавили инструмент для описания пользовательских сценариев. Здорово, что не нужно мучаться с этим в каком-нибудь Sketch или создателе ментальных карт.

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

InVision

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

Ещё один инструмент для тестирования адаптивных сайтов в браузере. Стивен Хей, один из ключевых авторов на тему, считает его одним из лучших.

Онлайн-сервис помогает сделать эффектную подачу куска кода.

Adobe Photoshop, Affinity Designer для iPad, Sketch 51 и другие новые инструменты для дизайнера интерфейсов

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

Ещё один инструмент для эффектного оформления экранов интерфейса.

Firefox

Появился инструмент для анализа accessibility сайта.

Overflow

Мощный пример того, что можно делать в инструменте.

Горячая пора во всех отношениях. Причём многие поняли, что делать замену Sketch в целом бесполезно и начали решать нишевые, но очень важные задачи в работе дизайнера вроде информационных карт. Так победим.

1919
5 комментариев

Пересел на Фигму две недели назад (и пересадил отдел) и теперь вообще не понимаю почему люди до сих пор используют Скетч. Ради поддержки предыдущих проектов приходится возвращаться время от времени обратно и это натурально "смерть от тысячи порезов" :(

4
Ответить

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

Ответить

PersP выглядит весьма интересно. Смесь фигмы и вебфлоу.

1
Ответить