Создатели инструментов дизайна делают последний рывок перед новогодне-рождественским затишьем и выпускают несколько новых экспериментальных инструментов и обновлений к существующим:
Uizard (https://uizard.io/): Превращает наброски интерфейсов на бумаге в достаточно аккуратные макеты Sketch. Давно следил за альфа- и бета-версиями, отличное применение идеи Airbnb для широкого круга дизайнеров.
Yotako (https://www.yotako.io/): Позволяет получить код для веба и нативных приложений Android и iOS из макетов Sketch, Adobe XD, Photoshop и Balsamiq (на подходе Figma).
VisBug (https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc): Плагин для Chrome позволяет менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector. Памятка по работе с ним от Adam Argyle — https://medium.com/google-design/visbug-101-d2636120f8d7. И обзор похожих плагинов — https://css-tricks.com/devtools-for-designers/.
Montage (https://www.trymontage.com/): Делает упор на большую библиотеку компонентов, которые можно скачать и изменить под себя.
Hadron: Добавили отдельный набор возможностей для разработчиков, так что они могут работать вместе с дизайнером над одним проектом ― https://blog.prototypr.io/a-design-tool-that-is-also-a-developer-tool-introducing-profiles-in-hadron-c04537d159a8.
Iterate: Тарас Бризицкий делает свой инструмент для проектирования интерфейсов на iPad ― https://medium.com/@tbrizitsky/wireframing-on-ipad-done-right-iterate-beta-is-now-available-512b7ddd7279. Недавно появилась бета-версия ― https://testflight.apple.com/join/QCrT1I4Z. Более ранний анонс с описанием изначальной идеи ― https://blog.prototypr.io/https-medium-com-tbrizitsky-iterate-the-ux-designers-digital-sketchbook-6955cc74be57.
UI Constructor (https://www.uiconstructor.com/): Ещё один визуальный конструктор сайтов на базе Bootstrap. Позволяет собрать страницу из типовых блоков и оформить её.
Flare (https://www.2dimensions.com/about-flare): Новый инструмент для иллюстраций и их последующей анимации. Анонс от авторов ― https://medium.com/2dimensions/flare-launch-d524067d34d8.
Moca (https://serfo.com/p/wireframe/): Максимально простой онлайн-сервис для проектирования интерфейсов.
Adobe XD: Graeme Fulton сделал обзор возможностей прототипирования голосовых интерфейсов — https://blog.prototypr.io/voice-first-screen-second-designing-for-voice-in-adobe-xd-1a9e5efdca15. Всё это обёрнуто в шикарнейший обзор самого рынка и особенностей общения с голосовыми помощниками. Демо с Adobe MAX — https://www.subtraction.com/2018/10/24/demoing-voice-live-at-adobe-max-2018/.
Figma: Упрощённая возможность работы с диалогами и всплывающими слоями в прототипах (https://www.figma.com/blog/introducing-overlays-taking-prototyping-to-the-next-layer/) и экспорт в PDF (https://www.figma.com/blog/our-path-to-creating-the-highest-quality-pdf-exporter/) ― теперь можно делать и презентации.
Sketch: Плагины: Felipe (https://www.arielverber.com/felipe/) позволяет превращать примитивные фигуры в символы Sketch. Анонс от автора ― https://uxdesign.cc/intention-based-design-e58a4575ebbe.
InVision Studio: Коллекция обучающих материалов от Matt D. Smith ― https://switchtostudio.com/.
Readymag: Анонсировали бета-версию разбивки длинных страниц на секции ― https://readymag.com/readymag/newsletter/. Это упростит изменение контента в середине (не придётся двигать и перепроверять то что ниже).
Phase: Команда показывает, как упростится прототипирование за счёт встроенных состояний компонентов — https://blog.prototypr.io/conditional-logic-in-phase-if-else-made-visual-12dbd0178e61.
Ура, вам больше не придётся тестировать новую штуку, шансов у которой на рынке немного! Кажется, это последний рывок в этом году ― движуха начнётся с середины января.
#tools
Uizard (https://uizard.io/): Превращает наброски интерфейсов на бумаге в достаточно аккуратные макеты Sketch. Давно следил за альфа- и бета-версиями, отличное применение идеи Airbnb для широкого круга дизайнеров.
Yotako (https://www.yotako.io/): Позволяет получить код для веба и нативных приложений Android и iOS из макетов Sketch, Adobe XD, Photoshop и Balsamiq (на подходе Figma).
VisBug (https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc): Плагин для Chrome позволяет менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector. Памятка по работе с ним от Adam Argyle — https://medium.com/google-design/visbug-101-d2636120f8d7. И обзор похожих плагинов — https://css-tricks.com/devtools-for-designers/.
Montage (https://www.trymontage.com/): Делает упор на большую библиотеку компонентов, которые можно скачать и изменить под себя.
Hadron: Добавили отдельный набор возможностей для разработчиков, так что они могут работать вместе с дизайнером над одним проектом ― https://blog.prototypr.io/a-design-tool-that-is-also-a-developer-tool-introducing-profiles-in-hadron-c04537d159a8.
Iterate: Тарас Бризицкий делает свой инструмент для проектирования интерфейсов на iPad ― https://medium.com/@tbrizitsky/wireframing-on-ipad-done-right-iterate-beta-is-now-available-512b7ddd7279. Недавно появилась бета-версия ― https://testflight.apple.com/join/QCrT1I4Z. Более ранний анонс с описанием изначальной идеи ― https://blog.prototypr.io/https-medium-com-tbrizitsky-iterate-the-ux-designers-digital-sketchbook-6955cc74be57.
UI Constructor (https://www.uiconstructor.com/): Ещё один визуальный конструктор сайтов на базе Bootstrap. Позволяет собрать страницу из типовых блоков и оформить её.
Flare (https://www.2dimensions.com/about-flare): Новый инструмент для иллюстраций и их последующей анимации. Анонс от авторов ― https://medium.com/2dimensions/flare-launch-d524067d34d8.
Moca (https://serfo.com/p/wireframe/): Максимально простой онлайн-сервис для проектирования интерфейсов.
Adobe XD: Graeme Fulton сделал обзор возможностей прототипирования голосовых интерфейсов — https://blog.prototypr.io/voice-first-screen-second-designing-for-voice-in-adobe-xd-1a9e5efdca15. Всё это обёрнуто в шикарнейший обзор самого рынка и особенностей общения с голосовыми помощниками. Демо с Adobe MAX — https://www.subtraction.com/2018/10/24/demoing-voice-live-at-adobe-max-2018/.
Figma: Упрощённая возможность работы с диалогами и всплывающими слоями в прототипах (https://www.figma.com/blog/introducing-overlays-taking-prototyping-to-the-next-layer/) и экспорт в PDF (https://www.figma.com/blog/our-path-to-creating-the-highest-quality-pdf-exporter/) ― теперь можно делать и презентации.
Sketch: Плагины: Felipe (https://www.arielverber.com/felipe/) позволяет превращать примитивные фигуры в символы Sketch. Анонс от автора ― https://uxdesign.cc/intention-based-design-e58a4575ebbe.
InVision Studio: Коллекция обучающих материалов от Matt D. Smith ― https://switchtostudio.com/.
Readymag: Анонсировали бета-версию разбивки длинных страниц на секции ― https://readymag.com/readymag/newsletter/. Это упростит изменение контента в середине (не придётся двигать и перепроверять то что ниже).
Phase: Команда показывает, как упростится прототипирование за счёт встроенных состояний компонентов — https://blog.prototypr.io/conditional-logic-in-phase-if-else-made-visual-12dbd0178e61.
Ура, вам больше не придётся тестировать новую штуку, шансов у которой на рынке немного! Кажется, это последний рывок в этом году ― движуха начнётся с середины января.
#tools