Как вы рисуете дизайн и идеи приложений для iPhone?[закрыто]

Question

Как вы рисуете дизайн и идеи приложений для iPhone?В настоящее время я собираюсь начать свой следующий проект и хочу найти способ воплотить свои идеи на экране, а не на старой доброй бумаге.

Answer 1

Бальсамик имеет отличный инструмент для создания макетов интерфейсов.У них также есть некоторые компоненты для iPhone.Существует онлайн-демонстрация, которую я начал использовать (после того, как увидел ответ на другой вопрос SO), и до сих пор мне очень понравился этот опыт.

Answer 2

На первом этапе ничто не сравнится с бумагой.Какой бы инструмент вы ни использовали, он будет (надеюсь) более точным.Но вы жертвуете временем ради этой точности, а на начальном этапе проектирования пользовательского интерфейса вам нужна скорость больше, чем точность.

Я делаю свои рисунки несколькими разными карандашами на каталожных карточках.Когда я убеждаюсь, что иду в правильном направлении, я прикрепляю карточку к линейке и использую камеру iMac, чтобы сфотографировать их.Затем я конвертирую его в черно-белый и выполняю простую настройку яркости/контрастности, чтобы попытаться добиться как можно лучшего результата, и у меня есть что-то подходящее для хранения в цифровом виде.

Самое замечательное в этом то, что я могу нарисовать приблизительную карту не намного больше времени, чем требуется для открытия «Сохранить как», если ваш диск Time Machine перешел в спящий режим.:) Я могу сделать хороший карту через немного больше времени.И если мне когда-нибудь понадобится что-то более красивое, я смогу отредактировать скан или использовать его в качестве трассировщика в какой-нибудь другой программе.

(И я бросаю карточки в пакеты с застежкой-молнией по каждому проекту.)

Answer 3

Мокапп выглядит отлично!

Answer 4

ОмниГраффл.( http://www.omnigroup.com/products/OmniGraffle/ ) В сочетании с различными трафаретами для iPhone, например:( http://graffletopia.com/stencils/413 и http://graffletopia.com/search/iphone ), OmniGraffle представляет собой отличный набор инструментов.

Answer 5

Спасибо всем за быстрые ответы!

После тестирования Balsamiq и MockApp я пришел к выводу, что MockApp дает мне именно то, что я хочу для разработки моих приложений, поскольку вы можете точно видеть, как оно будет выглядеть и какое пространство будет занимать каждый элемент пользовательского интерфейса.Также, используя Keynote или Powerpoint, вы можете пойти еще дальше и связать все кнопки вместе, чтобы создать эффективную демонстрационную презентацию ваших идей, если вам нужно представить такую ​​вещь, хотя это требует немного больше времени, и для меня я это не требуется, но приятно знать, что оно есть!

Balsamiq — это немного более быстрый и простой в использовании инструмент, но он имеет меньше стандартных компонентов пользовательского интерфейса и придает дизайну схематичный вид, который выглядит круто, если вы хотите создать быстрые изображения раскадровки идеи вашего приложения, но для реального дизайна MockApp создает гораздо более реалистичный образ. внешний вид, который я считаю лучше.Также Balsamiq стоит 79 долларов, если вам нужно больше, чем просто демо-версия.

Причина, по которой я бы предпочел MockApp всем другим решениям, заключается в том, что у большинства из них на компьютере уже есть Powerpoint или Keynote по сравнению с Photoshop или Fireworks, хотя я уверен, что если у вас есть эти приложения на вашем компьютере, возможно, лучше использовать MockApp. используйте их.Кроме того, MockApp является бесплатным/программным обеспечением для твитов, более подробную информацию можно найти на веб-сайте MockApp.

Надеюсь это поможет

Дэн

P.S.Мне еще предстоит попробовать OmniGraffle, это следующее в моем списке!

Answer 6

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

Answer 7

Я использую эти шаблоны Photoshop от Тихана и Лакса...

http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/

или полный список трафаретов для iPhone и iPad: http://emilychang.com/2010/03/ipad-templates-and-stencils/

_{(источник: emilychang.com)}

Answer 8

Я просто создаю свои проекты в Adobe Fireworks, используя этот набор инструментов для создания макетов: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

Answer 9

Омниграффл работает хорошо

Answer 10

Я также создаю свои проекты в Adobe Fireworks, используя наборы инструментов для создания макетов, которые можно найти повсюду.Если вы поклонник Fireworks, вам действительно стоит взглянуть на очень хорошее расширение Fireworks, которое позволяет вам предварительно просмотреть созданное вами приложение в симуляторе iPhone, основанном на AIR.Эффекты перехода, являющиеся фирменным знаком мобильного устройства, также встроены в расширение и могут применяться к дизайнам.

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1786031#

Если вы уже знакомы с макетами фейерверков, вам понравится это расширение.

лучший

Answer 11

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

Answer 12

Программное обеспечение привлекательно, но в конечном итоге вы потратите больше времени, играя с цветами и перемещая объекты, чем ухудшая дизайн/функциональность.Что вам нужно, так это скорость.Благодаря скорости вы сможете перейти к программированию раньше, чем позже.Я признаю, если вы в конечном итоге захотите поделиться дизайном с кем-то еще. Мокапп вероятно, это хороший выбор.

Вот что вам нужно:(В порядке предпочтения)

http://technabob.com/blog/2009/09/28/notepod-paper-iphone-notepads/

или

http://appsketchbook.com/

или

http://thenextweb.com/2009/05/21/designing-iphone-software-pencil-wooden-forms-ink-brush/

Answer 13

Программное обеспечение полезно и может быть более эффективным, но иногда отвлечься от экрана - хороший способ повысить концентрацию на проектировании, а не на реализации.И ничто не привлекает столько комментариев типа "круто!", как мой трафарет для iPhone из нержавеющей стали.:

Шаблон пользовательского интерфейса iPhone из нержавеющей стали для Комиссии по дизайну

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

Answer 14

На данный момент я бы сказал «макап» или «омниграффл».

Answer 15

Не пропустите это от Less Code: http://lesscode.co.nz/interface

Он позволяет создавать дизайн прямо на iPhone с использованием собственных компонентов iOS.