Добавить в корзинуПозвонить
Найти в Дзене

Обзор инструментов, облегчающих жизнь дизайнеру ux/ui

В конце года хочу сделать обзор достаточно новых инструментов и сервисов для дизайнера ux/ui, которыми я стала пользоваться в этом году. remove.bg Это сервис для тех кто не любит полдня обтравливать портреты, вычищая по контуру каждый волосок.
Как известно, все гениальное просто. Так и с сервисом remove.bg. Заливаешь фотографию и получаешь обработанную сервисом без фона. Одна фотография обрабатывается бесплатно. Попробуйте. screely.com Ещё один сервис, помогающий победить рутину. Я часто выкладываю макеты интерфейсов, которые проектирую или делаю их дизайн. Отдельный макет страницы или окна выглядит недостаточно презентабельно. Screely мгновенно вставляет макет в мокап окна браузера и добавляя цветной фон. Выкидывайте шаблоны для Photoshop или Sketch и быстро делитесь результатами работы с друзьями или коллегами в Twitter, Facebook, Telegram или в профессиональных сообществах типа Dribble и т.д. В инструменте задаются настройки фона, браузера, теней под мокапом, размеры отступ
Оглавление

В конце года хочу сделать обзор достаточно новых инструментов и сервисов для дизайнера ux/ui, которыми я стала пользоваться в этом году.

remove.bg

Это сервис для тех кто не любит полдня обтравливать портреты, вычищая по контуру каждый волосок.

Одно мгновение и идеальный результат
Одно мгновение и идеальный результат

Как известно, все гениальное просто. Так и с сервисом remove.bg. Заливаешь фотографию и получаешь обработанную сервисом без фона. Одна фотография обрабатывается бесплатно. Попробуйте.

screely.com

Ещё один сервис, помогающий победить рутину.

Я часто выкладываю макеты интерфейсов, которые проектирую или делаю их дизайн. Отдельный макет страницы или окна выглядит недостаточно презентабельно. Screely мгновенно вставляет макет в мокап окна браузера и добавляя цветной фон.

Макет прототипа, вставленный в мокап.
Макет прототипа, вставленный в мокап.

Выкидывайте шаблоны для Photoshop или Sketch и быстро делитесь результатами работы с друзьями или коллегами в Twitter, Facebook, Telegram или в профессиональных сообществах типа Dribble и т.д.

В инструменте задаются настройки фона, браузера, теней под мокапом, размеры отступов. Веб-версия бесплатна.

mobbin.design

Продуктивность в мире дизайна это еще и том, как не придумывать велосипед, а использовать готовые, проверенные паттерны и шаблоны.

Дизайнеры обязаны использовать в работе глобальный опыт, а mobbin.design сделает это еще продуктивнее.
На сайт загружены 10 000 скринов экрана с iPhone X из 170 приложений. Это коллекция шаблонов таких мобильных приложений, как Uber, Facebook, IFTTT, Snapchat, Ikea, Netflix и других, которые обновляются постоянно. Можно создать свою библиотеку шаблонов.

-3

Раньше, чтобы посмотреть конкурентов продукта, приходилось искать их и загружать все на телефон. Сейчас для первого знакомства с дизайном конкурентов достаточно зайти на сайт mobbin.design.
Жаль, что ребята не сделали user-flow по этим скринам. Это была бы бомба!

witeboard.com

Одна голова хорошо, а две с whiteboard лучше.
Это приложение для командного создания простых скетчей на одном холсте. Вы скажете, что в этом приложении нет ничего нового. Соглашусь. Но есть продукты, которыми приятно пользоваться. Они восхищают простотой и мотивируют на творчество.

Мы с коллегами часто используем whiteboard, накидывая скетчи идей в реальном времени во время звонка.

Во время скайпкола с командой рисуем новые "фичи" приложения.
Во время скайпкола с командой рисуем новые "фичи" приложения.

Этот процесс укрепляет наше взаимопонимание и помогает найти лучшие идеи дизайна.

overflow.io

Почти в каждом графическом редакторе можно сделать прототип, добавить интерактивность элементам дизайна.

Но для того, чтобы увидеть проект целиком, оценить эффективность пользовательского пути, убрать лишние шаги или добавить необходимые, нужно создать user-flow (пользовательские пути) в виде максимально приближенном к реальному продукту.

-5

Больше всего мне нравится как с этой задачей справляется overflow.io. На стрелках между экранами можно оставлять комментарии, а также прокликать пользовательский путь в режиме прототипа.

Надеюсь, следующий год так же порадует новыми инструментами, как и уходящий!

Делитесь, какими инструментами для работы пользуетесь вы.