{"id":7299,"title":"\u0413\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 vc.ru: \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u0441\u0430\u043c\u043e\u0435 \u043d\u0435\u0432\u044b\u043d\u043e\u0441\u0438\u043c\u043e\u0435 hr-\u043a\u043b\u0438\u0448\u0435","url":"\/redirect?component=advertising&id=7299&url=https:\/\/vc.ru\/special\/vacancy&placeBit=1&hash=fe5f20397da228f9ae42ee87503a61e3a31884b3954f080b0a1e6dbbf239fec6","isPaidAndBannersEnabled":false}

Какими инструментами для прототипирования интерфейсов вы пользуетесь Статьи редакции

И список из нескольких полезных сервисов.

Пользователи сайта Designer News поделились своими любимыми инструментами для прототипирования. В основном они пользуются продуктами от Adobe, Sketch, Figma, но выделили и несколько других сервисов.

Axure

Инструмент для создания интерактивных прототипов сайтов и мобильных приложений. Разрабатывает Axure одноименная компания, основанная в 2002 году. С помощью него можно также создавать диаграммы, оформлять документацию и так далее.

Компания предлагает бесплатный 30-дневный пробный период.

Protopie.io

Призер престижной дизайн-премии Reddot 2017 года. Инструмент позволяет создавать интерактивные прототипы без кода и запускать их на устройствах на базе iOS и Android.

Стоимость бессрочной подписки на сервис составляет $99. Есть бесплатный пробный период — 7 дней. Его можно продлить на 10 дней, зарегистрировавшись на платформе Protopie Studio.

Fluid UI

Сервис для прототипирования сайтов и мобильных приложений в браузере. Пользователи Designer News отметили его простоту и скорость.

У инструмента есть бесплатная версия для некоммерческих пользователей (например, для тех, кто только учится дизайну), а также руководство гарантирует полный возврат средств в течение 30 дней после первой оплаты в случае, если пользователя что-то не устроит.

Click Dummy

Плагин для Sketch, с помощью которого можно быстро создавать интерактивные HTML-страницы из статичных прототипов.

Flinto

Инструмент для прототипирования приложений на macOS и iOS. Позволяет создавать интерактивные и анимированные прототипы, делиться ими с коллегами и тестировать на нескольких устройствах. Есть бесплатная 14-дневная версия.

Framer X

Инструмент для прототипирования, в котором прототипы создаются на основе кода. При этом собрать нужный макет можно и только визуальными средствами — так что пользоваться Framer X можно и без знаний программирования. Позволяет быстро тестировать полученные прототипы и делиться ими в облаке.

Предлагает бесплатную двухнедельную подписку.

Какие инструменты используете вы?

{ "author_name": "Дарья Хохлова", "author_type": "editor", "tags": ["\u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435","\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 50, "likes": 41, "favorites": 312, "is_advertisement": false, "subsite_label": "ask", "id": 50164, "is_wide": true, "is_ugc": false, "date": "Sun, 04 Nov 2018 15:12:56 +0300", "is_special": false }
0
50 комментариев
Популярные
По порядку
Написать комментарий...

Пффф, слабаки. Paint. За 5 минут любой прототип можно набросать.

7

набросайте интерактивный прототип, пожалуйста

0

Комментарий удален по просьбе пользователя

11

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

0

Плюс за старание

0

Чтобы что, поиграть с вами в игру принеси мне камень?

0

ахахахахах полный хохотач просто ))))))))))))))

0

Adobe XD + Illustrator + Photoshop

7

А про Figma автор забыл -_-

2

Читайте внимательнее:
В основном они пользуются продуктами от Adobe, Sketch, Figma, но выделили и несколько других сервисов

1

Figma

23

Да Figma топчик, причем думаю скоро будет и там анимация интерфейса.

1

скорее бы

0

Комментарий удален по просьбе пользователя ред.

12

Олды здесь

7

Если олды — то у Adobe был классный Fireworks, который они убили (и в итоге выпустили XD)

На личной практике, вёрстка выходит дороже, т. к. нужно прикручивать какой-то шаблонизатор, чтобы не копипастить, например, одну и ту же шапку со страницы на страницу.
Плюс нужно куда-то её выкладывать, настраивая флоу, хоть на том же git hooks (можно, конечно, всё фигачить напрямую на фтп).
Плюс нет интерактивных комментариев, которые может накидать заказчик.
Плюс, если предполагаются какие-то нестандартные контролы, их всё равно быстрее накидывать в графическом редакторе.
Профит тоже есть, но чем больше правок, тем быстрее он тает.

5

фотошоп и xd (ну и иллюстратор) ред.

1

Охх, фотошоп, это же путь страдающей улитки

1

Лист бумаги и ручка для варфреймов, а для остальной детализации Скетч. В нём же и дизайн, и прототипы. ред.

10

Лично мне нравится для черновиков https://balsamiq.cloud. Очень быстро всё и в облаке.

Ранее я работал в axure. Он требовательный к ноутбуку, довольно сложный и многоуровневый. Зато в нём можно что угодно делать и интерактивные элементы мутить (выпадающие списки / анимацию / итп). Когда-то мне он очень нравился, но я больше не рисую чистовые макеты, а делаю только черновые и отдаю дизайнеру чтобы рисовал уже в ФШ или скетче.

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

А за статью спасибо, узнал про парочку новых сервисов. ред.

8

Так прототипирование или дизайн? По картинкам кажется, что второе.

3

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

5

У себя используем Adobe XD + готовый набор для вайрфрнйминга Platforma. Экспортируем страница прототипа в PNG, закидываем в Invision App, перевязываем, готово.

InVision очень удобен в плане дальнейшего обсуждения и комментирования.

3

С последним обновлением в Adobe XD завезли интересную штуку — авто анимацию. Для пользователей Windows довольно удобная фича. Не всегда работает как хочется, но в будущем подтянут.

Но вы только взгляните как можно использовать это https://dribbble.com/shots/5452024-Smart-Fridge-AR-Drag-Interaction-with-XD-Auto-Animate ред.

2

Обычно так:

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

Для новичков:

Для начинающих советую Balsamiq Mockups (десктоп версия). Она очень простая в освоении. Порог для входа минимальный.

2

Я думал все скетчем пользуются и это стандарт уже, а про него не написали даже. Или он для других задач?

2

Но, все-таки нормальные прототипы апп, где есть например дропдауны и драг энд дроп, на нем так себе делать

0

Marvel, ранее Pop до поглощения

1

Axure. Очень удобно и интерактив легко делать.

1

а интерактивные прототипы "Protopie.io", можно потом прикручивать к разработке и коду ?

1

Раньше было много акшуры у нас, сейчас ее вытеснил скетч + инвижн, но в акшуре можно показать сложную логику, так что до конца она не исчезла. Собираемся пробовать фигму.

0

бумага и framer x

0

Бумага - каеф. Попробуйте ipad pro + apple pencil + one note.

0

ну не, я лучше синтик какой-нибудь прикуплю, чем с айпэдом извращаться

0

Sketch + Marvel + Principle

0

Sketch cloud

0

А где обзор на sketch, adobe xd, axure и figma ? :( Забыл про ветеранов(((

0

Proto.io

0

сразу дизайн рисую.

0

Комментарий удален

попробуйте скетч, фигма на 100+ экранах начинает _слегка_ притормаживать

0

Но все минусы фигмы компенсируются их реализацией дизайн систем, возможностью командной работы над одни «файлом»

0

не, допускать людей в свои файлы я точно не собираюсь

0

Интересно как вы работаете в команде

0

репозиторий

0

Это да, но скетч или фигму хотя бы попробуйте.

–1
Читать все 50 комментариев
Налоговый манифест креативных индустрий

В рамках «Недель российского бизнеса» прошел Форум по креативным индустриям и интеллектуальной собственности, на котором заместитель генерального директора «Газпром-медиа» Юлия Голубева сформулировала, при каких условиях может развиваться креативное предпринимательство в России.

Кошелек скажет спасибо: зачем банки заводят подкасты, а люди их слушают

Подкастинг – очень молодой (сам термин вошел в оборот в 2004 году с подачи британского журналиста), но стремительно развивающийся рынок. Его перспективы быстро оценили и в банках.

«Ситимобил» введёт сервисный сбор с пользователей — до 4,5 рубля с заказа Статьи редакции

Компания введёт сбор из-за «роста нагрузки на всю инфраструктуру».

Tele2 нарушает ФЗ «О Связи», позволяющий абонентам переходит к другому операту с сохранением номера

@TELE2 не хорошие люди, это мягко сказанно. Нарушают ФЗ «О Связи». Дают симки (номера) другого региона. А когда человек хочет от них уйти, говорят что у них это регион КК всё нормально, а на сайте ФГУП ЦНИИС (https://zniis.ru/) это регион Р. Адыгея . И следовательно номер у других оператов определяется как р. Адыгея и запустить процедуру смены…

7 причин выбрать для своего бизнеса ОЭЗ «Технополис Москва»

Николай Корнев, генеральный директор ООО «Концерн Гудвин (Гудвин Европа)»

Совладелец производителя сырков «Б.Ю. Александров» потребовал через суд вернуть 85% компании Статьи редакции

Юрий Изачик передал большую часть своей доли топ-менеджерам «после заблуждения» и «в тяжёлом психическом состоянии».

Новые законы в области недвижимости

С 1 октября 2021 года вступают в силу новые законы в области недвижимости.

Apple обновила дизайн MacBook Pro: вернули магнитную зарядку и HDMI-слот, добавили «чёлку» Статьи редакции

Два размера экрана — 14,2 дюйма по цене от 189 990 рублей и 16,2 дюйма по цене от 234 990 рублей.

Скриншот vc.ru
Куда утекли кадры?

Как сообщает издание “Коммерсантъ”, российские ретейлеры столкнулись с проблемой острой нехватки фронт-персонала. Причиной тому стал ряд обстоятельств, в том числе, массовый отток трудовых мигрантов и переход кадров в рынок онлайн-торговли.

«Авито» для юр. лиц просит загрузить паспортные данные физ. лица

По порядку: работаю маркетологом в компании, занимающейся монтажом видеонаблюдения, СКУД и т.д. Компания с опытом, но по местному рынку малоизвестная. Логичная мысль: разместить объявление с нашими услугами на Авито (площадка большая, известная и т.д.) и попробовать задействовать все их услуги по продвижению (посмотреть, как это все будет…

null