Como você esboça os designs e idéias do aplicativo para iPhone? [fechado

Question

Como você esboça os designs e idéias do aplicativo para iPhone? Atualmente, estou prestes a iniciar meu próximo projeto e quero encontrar uma maneira de obter minhas idéias na tela em vez de um bom papel à moda antiga.

Answer 1

Balsamiq Possui uma excelente ferramenta para fazer maquetes de designs de interface. Eles também têm alguns componentes do iPhone. Há uma demonstração on -line que comecei a usar (depois de ver a resposta para outra pergunta) e realmente gostei da experiência até agora.

Answer 2

Para a primeira etapa, nada vai bater em papel. Qualquer ferramenta que você usar será (espero) mais precisa, com certeza. Mas você está negociando tempo para essa precisão e, no estágio inicial do design da interface do usuário, você precisa de velocidade mais do que precisão.

Eu faço meus designs com alguns lápis diferentes em cartões de índice. Quando estou satisfeito, estou indo na direção certa, prendi o cartão em uma régua e uso a câmera do meu iMac para tirar uma foto delas. Em seguida, converti -o para B&W e faço um simples brilho/contraste para tentar fazer com que eles tenham o mais bom possível, e tenho algo razoável para armazenar digitalmente.

O melhor disso é que eu posso desenhar um cartão aproximado em pouco mais tempo do que o SAVE para abrir se o seu Time Machine Drive tiver dormido. :) Eu posso fazer um legais cartão em um pouco mais de tempo. E se eu quiser algo melhor, posso editar a digitalização ou usá -lo como rastreador em algum outro programa.

(E eu jogo os cartões em sacos de ziplock por projeto.)

Answer 3

MockApp parece ótimo!

Answer 4

Omnigraffle. ( http://www.omnigroup.com/products/omnigraffle/ ) Quando combinado com vários estênceis para iPhone como: ( http://graffletopia.com/SSTONCHS/413 e http://graffletopia.com/search/iphone ), O omnigraffle é um ótimo conjunto de ferramentas.

Answer 5

Obrigado a todos por suas respostas rápidas!

Depois de testar o Balsamiq e o MockApp, cheguei à conclusão de que o MockApp me dá exatamente o tipo que eu quero para projetar meus aplicativos, pois você pode ver exatamente como será e o tipo de espaço que cada elemento da interface do usuário ocupará. Além disso, com o uso de keynote ou PowerPoint, você pode subir ainda mais e vincular todos os botões para criar uma apresentação de demonstração eficaz de suas idéias, se você precisar apresentar uma coisa dessas, embora isso seja um pouco mais demorado e, para mim, eu Não exija isso, mas é bom saber que está lá!

Balsamiq é uma ferramenta um pouco mais rápida e fácil de usar, mas tem menos componentes da interface do usuário e dá uma aparência superficial ao design que parece legal se você quiser criar imagens rápidas do seu aplicativo, mas para o design real que o MockApp cria um muito mais realista Aparência que acredito ser melhor. Além disso, a Balsamiq custa US $ 79 se você quiser mais do que apenas a demonstração.

A razão pela qual eu escolheria o MockApp em vez de todas as outras soluções é que eu presumo que a maioria já possui o PowerPoint ou a palestra em seu computador em comparação com o Photoshop ou fogos de artifício, embora eu tenha certeza use isso. O MockApp também é gratuito / tweet-ware, consulte o site MockApp para obter mais detalhes.

Espero que isto ajude

Dan

PS ainda tenho que experimentar o omnigrafle, isso é o próximo na minha lista!

Answer 6

Estou desenvolvendo Wireframesketcher Ferramenta de Wireframing que permite criar maquetes para iPhone usando um estêncil externo. Você também pode vincular telas para simular a interatividade.

Answer 7

Eu uso esses modelos de photoshop de Teehan e LAX ...

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

Ou para toda uma lista de estênceis para iPhone e iPad: http://emilychang.com/2010/03/ipad-templates-and-stacks/

_{(fonte: emilychang.com)}

Answer 8

Acabei de criar meus designs em fogos de artifício da Adobe usando este kit de ferramentas de maquete: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

Answer 9

Omnigraffle funciona bem

Answer 10

Também crio meus designs em fogos de artifício da Adobe usando kits de ferramentas de maquete que você pode encontrar em todos os lugares. Se você é um fã de fogos de artifício, realmente deve dar uma olhada em uma extensão muito boa de fogos de artifício, que permite visualizar seu aplicativo projetado em um simulador de iPhone, que é baseado em ar. Os efeitos de transição que são a marca registrada do dispositivo móvel também são construídos na extensão e podem ser aplicados aos projetos.

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

Se você já está familiarizado com maquetes de fogos de artifício, você vai adorar essa extensão.

melhor

Answer 11

Rob Rhyne's Cuecas é ótimo para zombar da experiência do usuário. Você pode reproduzir suas cuecas no telefone.

Answer 12

O software é atraente, mas você acaba gastando mais tempo brincando com cores e movendo coisas do que abaixar o design/funcionalidade. O que você precisa é de velocidade. Com velocidade, você pode passar para a programação mais cedo ou mais tarde. Admito se você quer compartilhar o design com outra pessoa MockApp é provavelmente uma boa escolha.

Aqui está o que você precisa: (em ordem de preferência)

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

ou

http://appsketchbook.com/

ou

http://thenextweb.com/2009/05/21/designing-iphone-Software-plyncish-wooden-forms-in-brush/

Answer 13

O software é útil e pode ser mais eficiente, mas às vezes fugir da tela é uma boa maneira de aumentar a concentração no design, e não na implementação. E nada atrai tantos "legais!" Comentários como meu estêncil de iPhone de aço inoxidável:

Comissão de Design Modelo de UI de Aço Anterior

Não uso a imagem de impressão que eles fornecem, mas fiz o meu próprio com uma captura de tela de alfa reduzida do simulador.

Answer 14

Eu teria que dizer MockApp ou Omnigraffle no momento.

Answer 15

Não perca este por menos código: http://lemcode.co.nz/Interface

Ele permite que você projete diretamente no iPhone com os componentes nativos do iOS.