Дизайн
Yury Vetrov
2819

Новая версия ProtoPie, Sketch 57, сервисы для удалённого юзабилити-тестирования и другие новые инструменты дизайна

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

В закладки
Аудио

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

Появился привычный по Figma и Adobe XD инструмент для работы с сеткой повторяющихся элементов — можно менять расстояние между столбцами и строками.

В бете размер символов вроде кнопок наконец-то меняется автоматом при изменении текста и другого контента. Разбор.

Плагины

  • Zecoda: генератор кода на Vue.js из макетов Sketch.

Figma

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

Статьи и памятки

  • Figma Help — справочный сайт по работе с инструментом. Статьи, видео, разборы плагинов, обновления продукта.
  • Адам Нофсингер из Dropbox рассказывает, как команда настроила шаблоны.
  • Памятка База Усборна из Help Scout по переезду со Sketch. Во что это выливается для дизайн-команды.
  • Советы Филиппа Хонга — горячие клавиши и чуть менее очевидные функции.
  • Советы по работе с иконками от команды Iconfinder.

Waves

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

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

Adobe XD

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

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

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

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

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

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

Flinto

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

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

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

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

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

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

Webflow

С помощью Lottie можно импортировать анимацию из After Effects.

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

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

Другое

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

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

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

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Yury Vetrov", "author_type": "self", "tags": ["\u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442"], "comments": 2, "likes": 24, "favorites": 104, "is_advertisement": false, "subsite_label": "design", "id": 82294, "is_wide": true, "is_ugc": true, "date": "Mon, 09 Sep 2019 15:26:59 +0300", "is_special": false }
0
{ "id": 82294, "author_id": 8729, "diff_limit": 1000, "urls": {"diff":"\/comments\/82294\/get","add":"\/comments\/82294\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/82294"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
2 комментария
Популярные
По порядку
1

Спасибо, годная подборка.

Ответить
0

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

Да, phase.com

Ответить
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ] { "page_type": "default" }