aneuryzm

Хороший инструмент для визуального проектирования графических пользовательских интерфейсов для устройств iOS?


Программное обеспечение рекомендации Инструменты Интерфейс-дизайн Дизайн

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

В настоящее время я использую Adobe Illustrator с этим хорошим комплектом: http://blogs.adobe.com/jnack/2010/12/illustrator-ipad-sketch-elements.html

Но Illustrator не так просто использовать. Это слишком много работы, чтобы перетаскивать элементы, захватывать их в другие элементы, изменять их размер и т. Д. Мне это не очень удобно.

Кроме того, я видел Blueprint для iPad ( http://itunes.apple.com/us/app/blueprint ), который кажется именно тем, что я хочу, но мне не нравятся по двум причинам:

  1. Я не могу экспортировать интерфейс в любом формате в формате PDF, поэтому работать с дизайнерами (pdf или ai) сложно.

  2. Я бы предпочел иметь приложение mac, я думаю, что я могу быть более продуктивным, перетаскивая элементы мышью и клавиатурой.

Ответы


Roberto De Vivo

Я могу указать вам на Balsamiq Mockups, который является отличным инструментом для разработки отрывочных макетов, и у них много доступных элементов интерфейса iphone / ipad.

Однако только для макета вы можете использовать его в качестве основы для реального дизайна или пользовательского интерфейса, но это не является реалистичным. Это приложение Adobe AIR IIRC и работает на нескольких платформах, включая Mac.

Экспорт доступен в формате PDF и PNG, но не намного больше, так что это может быть негативным для вас.

aneuryzm
Грацие Роберто. Это выглядит круто. Я попытаюсь использовать его, если вы знаете, что подобные приложения сообщают мне.

aneuryzm
Кстати, могу ли я импортировать новые макеты в библиотеку? Я нашел эти работы: mockupstogo.net, но кажется невозможным добавить их в библиотеку (так что я могу наглядно выбрать хороший), но только открыть их в новый проект из файловой системы

sirtimbly

Возможно, вы захотите проверить «MockingPad» на iPad. Это то, что я сказал использовать для wireframing. Я люблю Photoshop, поэтому я использую http://www.teehanlax.com/blog/ipad-gui-psd-version-2/ Также я должен упомянуть использование LiveView Screencaster для предварительного просмотра вашей работы с самим устройством.

jhocking
LiveView Screencaster - это потрясающе, спасибо

Peter Severin

WireframeSketcher поставляется со специальными трафаретами для iPad-приложений. Вы можете использовать ссылки для простой интерактивности. Вы даже можете протестировать свой прототип на iPad, экспортировав его в HTML, который вы можете разместить онлайн через Dropbox.


Anonymous

Просто используйте Photoshop с разрешением 72dpi и получите размеры для вашего устройства. Это то, что все дизайнеры используют в любом случае, и вы можете сделать проекты такими же простыми или сложными, как вам нравится.


Alan Gilbertson

Там есть хороший (хорошо, довольно блестящий) набор действий для Photoshop, который будет нарисовать iPad на разных взглядах, на ваших глазах. Вы можете скачать их здесь на 36pix.com. Хотя это может быть не совсем то, что вы ищете, это, безусловно, поможет визуализировать ваше приложение в iThing и показать его потенциальным клиентам / спонсорам / венчурным капиталистам, которые ищут-для-следующего-Angry-Birds.

Чтобы процитировать сайт 36pix.com: «Проще говоря, эти действия Photoshop позволят любому дизайнеру UX / UI или разработчику приложения быстро создавать великолепный рендеринг своего приложения, как это было бы на iPad Apple. Все, что требуется на вашем конце это ваши окончательные проекты (и, конечно, копия Photoshop) ».

Серьезно, эти действия - огромная помощь в проектировании для «Pad».

Смотри также