{"id":6989,"title":"\u0418\u0433\u0440\u0430: \u043f\u043e\u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u0431\u0430\u0448\u043d\u044e \u0438 \u0432\u044b\u0438\u0433\u0440\u0430\u0439\u0442\u0435 Xbox","url":"\/redirect?component=advertising&id=6989&url=https:\/\/tjournal.ru\/special\/combo&placeBit=1&hash=627d500a510abab1e3050cd0015144081f494f2e91684708c5c1f136eca35455","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 комментариев
Неочевидные преимущества коллективного инвестирования

Почему инвестирование в паи открытых паевых инвестиционных фондов может быть интересно не только начинающим, но и опытным инвесторам.

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

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

Фильмы на YouTube и локальные турниры: как киберспорту удержать интерес после победы россиян в главном турнире по Dota 2 Статьи редакции

Российская команда выиграла The International впервые — эксперты рассказывают, как не упустить момент.

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

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

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

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

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

Направление возглавит бывший гендиректор eBay на глобальных развивающихся рынках Илья Кретов.

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

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

5 способов интегрировать чат-ботов в интернет-магазин и повысить вовлеченность клиентов

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

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

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

null