Comments 55
Использую Android UI Design Kit for Google Slides
Еще есть www.mockko.com — очень достойное решение для быстрого прототипирования.
Из плюсов — достаточно простой интерфейс, на выходе получается кликабельная версия прототипа, можно отправить ссылку клиенту/команде
Из плюсов — достаточно простой интерфейс, на выходе получается кликабельная версия прототипа, можно отправить ссылку клиенту/команде
Когда занимался проектированием для Android выбор пал на Justinmind.
Я использую Pencil со встроенным набором 4.* android
Я пользуюсь Microsoft Expression Blend (странно что не упомянут в статье)… Много плюсов как при разработке так и при демонстрации.
Отличная статья, огромное спасибо за ссылку на лекала и программы, как раз искал такую подборочку!
За подборку все благодарности Саше aimh — он ее составлял, но аккаунт у него только read-only к сожалению.
Я только помог с редактурой текстов, немного поиском приложений и публикацией.
Ну и сейчас благодаря сообществу хабра еще пополним подборку недостающими приложениями.
Я только помог с редактурой текстов, немного поиском приложений и публикацией.
Ну и сейчас благодаря сообществу хабра еще пополним подборку недостающими приложениями.
Возможно кому-то пригодится комплексный инструмент для проектирования на iOS AppCooker.
Предлагает создать иконку, простенький прототип приложения и, как киллер-фича, предлагается встроенный инструмент бизнес-планирования.
Предлагает создать иконку, простенький прототип приложения и, как киллер-фича, предлагается встроенный инструмент бизнес-планирования.
Спасибо, добавил в список.
Отдельное спасибо за интересный инструмент для бизнес-планирования — как раз дополняет мою сегодняшнюю статью
Отдельное спасибо за интересный инструмент для бизнес-планирования — как раз дополняет мою сегодняшнюю статью
Может голосовалку еще добавить, чтобы была информация о популярности решений среди хабровчан?
Пользуюсь Axure с подключением дополнительных библиотек с оф. сайта.
Возможность создания интерактивных прототипов крайне удобна, позволяет сразу проверить насколько удобно пользоваться.
Возможность создания интерактивных прототипов крайне удобна, позволяет сразу проверить насколько удобно пользоваться.
На правах рекламы appery.io/ )
Photoshop -> Expression Blend -> Visual Studio
такой путь для WP использую я
такой путь для WP использую я
Есть еще Moqups. Условно бесплатный и в использовании удобный.
Сначала грубо набрасываю на бумаге, потом делаю делаю детальный интерактивный прототип в axure.
На этапе рисования на бумаге не пользуюсь никакими лекалами, рисую как попало, просто чтобы нащупать правильное направление.
На этапе рисования на бумаге не пользуюсь никакими лекалами, рисую как попало, просто чтобы нащупать правильное направление.
Я вначале тоже практиковал «как попало» пока не попал на свою лень)
Потом все же стал делать пометки — нативный контрол или нет, важность (например для заполнения формы), зависимость (указывал принадлежность к родительскому элементу).
А выглядело все в виде разделенного на две части листа — слева мокап занимал бОльшую половину, а справа колонка с описанием проставленных для каждого элемента тегов.
Не сочтите за замечание, подумал может мой опыт будет вам полезен.
Потом все же стал делать пометки — нативный контрол или нет, важность (например для заполнения формы), зависимость (указывал принадлежность к родительскому элементу).
А выглядело все в виде разделенного на две части листа — слева мокап занимал бОльшую половину, а справа колонка с описанием проставленных для каждого элемента тегов.
Не сочтите за замечание, подумал может мой опыт будет вам полезен.
Это вопрос личного стиля, наверное. Люблю все детально прорабатывать в Axure, там же и комментарии к элементам оставляю. А на бумаге у меня при большой детализации каша получается — не хватает аккуратности) Этап бумажного рисования мне нравится тем, что можно взять несколько листов и буквально за пять минут набросать 3-4 варианта, чтобы решить, какой из них стоит прорабатывать дальше.
Ух, я слишком педантичен наверное)
Про бумагу согласен — быстрее и не улетучиваются идеи пока ищешь подходящий объект в софтине, в случае с айпадом например.
Кстати до сих пор не нашел удобного инструмента для коллективной работы с прототипами — комментарии, история изменения, права доступа, прогресс. Может подскажете?
Про бумагу согласен — быстрее и не улетучиваются идеи пока ищешь подходящий объект в софтине, в случае с айпадом например.
Кстати до сих пор не нашел удобного инструмента для коллективной работы с прототипами — комментарии, история изменения, права доступа, прогресс. Может подскажете?
Никто не встречал элементы интерфейса Android 4 в svg?
wireframesketcher.com/mockups/android-ice-cream-sandwich.html — Android ICS, там рядом есть иконки, а также iPhone, iPad, WP.
mockupbuilder.com/ очень клевая софтина, всегда ей пользовался. К сожалению, стала платной. Хотя десктопная версия вроде по-прежнему бесплатна, надо посмотреть.
pencil.evolus.vn/Downloads.html вполне тоже ничего — мультиплатформенная, бесплатная, есть разные шаблоны. Бедненько, но чистенько.
А как же делать прототипы ios приложений в интерфейс билдере? Это наиболее точный и гибкий инструмент, и при наличии нормальных навыков у дизайнера, даже быстрый.
beta.appinventor.mit.edu/
Не совсем для дизайна, больше заточен под функционал. Но и в нем можно делать прототипы с картинками и перемещением между экранами:
Не совсем для дизайна, больше заточен под функционал. Но и в нем можно делать прототипы с картинками и перемещением между экранами:
Аналогично, MS Visio!
Инструментом пользуюсь уже более 10 лет (еще в универе чертил в нем абсолютно все).
Вся фишка в его простоте в освоении, помноженной на невероятную универсальность. Ведь в нем не только скетчи экранов, screens-flow и стуктурные схемы архитектур решений можно чертить, но и вообще все что угодно!
Автор, добавьте MS Visio в голосовалку плиз.
Инструментом пользуюсь уже более 10 лет (еще в универе чертил в нем абсолютно все).
Вся фишка в его простоте в освоении, помноженной на невероятную универсальность. Ведь в нем не только скетчи экранов, screens-flow и стуктурные схемы архитектур решений можно чертить, но и вообще все что угодно!
Автор, добавьте MS Visio в голосовалку плиз.
Для меня прототип — это обязательно нечто интерактивное, так что эскизы на бумажках, хоть и полезны, но реального прототипа никогда не заменят. Для прототипирования своих идей я использую Xcode или веб-сервер на node.js. Дизайнерам, которым сложно что-то запрограммировать, рекомендую прочитать статью про протипирование с помощью сторибордов в Xcode:
blog.mengto.com/prototype-xcode-storyboard/
А для быстрого рисования скетчей я использую блокнот, InDesign и Sketch App.
blog.mengto.com/prototype-xcode-storyboard/
А для быстрого рисования скетчей я использую блокнот, InDesign и Sketch App.
Спасибо за статью. Есть еще WireframeSketcher. Умеет переходы между экранами делать, подходит для прототипирования не только мобильных приложений, не перегружен функциями, но все основное есть. Opensource, однако не бесплатен.
Для небольших набросков использую Balsamiq Mockups. Только не десктоп, а веб версию — builds.balsamiq.com/b/mockups-web-demo/
Из минусов — каждые 10 минут нужно жать «ок» на информационном окне и сохранение не в один клик.
Из минусов — каждые 10 минут нужно жать «ок» на информационном окне и сохранение не в один клик.
Очень рекомендую popapp.in
А я посоветую глянуть NinjaMock. Довольно молодой сервис, который хорошо развивается и полностью бесплатный (пока?). Выбрал его среди многих за простоту освоения и лаконичность. Результатом более чем доволен.
Спасибо за ссылку. Наконец то нормальный сервис с поддержкой Windows Phone.
www.fluidui.com
здесь тоже есть WP
здесь тоже есть WP
Когда уже есть результат работы дизайнера (набор экранов) можно использовать appdemostore.com чтобы пройти по всем экранам и предварительно оценить логику переходов в приложении.
Никто не встречал инструментов прототипирования для iOS с возможностью подключения камеры?
Спасибо, прекрасная статья!
Особенно понравилось работать с POP, очень просто и быстро делает из набросков полноценный динамический прототип.
Особенно понравилось работать с POP, очень просто и быстро делает из набросков полноценный динамический прототип.
В justinmind есть поворот экрана при просмотре, но как задать элементам ширину в процентах и расставить элементы так, чтобы при горизонтальном расположении они занимали соответствующие места?
В статье есть, а в голосовании нет — balsamiq.
Еще добавил бы Sketch 3. Особенно удобно, когда вся команда от проектировщика и дизайнера до верстальщика и программиста пользуются одной программой
Еще добавил бы Sketch 3. Особенно удобно, когда вся команда от проектировщика и дизайнера до верстальщика и программиста пользуются одной программой
Есть еще неплохой и достаточно мощный инструмент для прототипирования Indigo Studio http://www.infragistics.com/products/indigo-studio
Sign up to leave a comment.
Создаем быстрый прототип мобильного приложения