Domanda

Come si fa a delineare i vostri disegni iPhone App e le idee? Attualmente sono in procinto di iniziare il mio prossimo progetto e vuole trovare un modo per ottenere le mie idee sullo schermo al posto di carta buona vecchio stile.

È stato utile?

Soluzione

Balsamiq ha un ottimo strumento per fare prototipi di progetti di interfaccia. Hanno anche alcuni componenti di iPhone. C'è una demo online che ho iniziato a utilizzare (dopo aver visto la risposta a un'altra domanda SO) e hanno davvero apprezzato l'esperienza finora.

Altri suggerimenti

Per la prima fase, nulla sta per battere la carta. Qualunque strumento utilizzato sarà (si spera) più accurato, sicuro. Ma si sta ora di negoziazione per che la precisione, e nella fase iniziale di progettazione dell'interfaccia utente è necessario accelerare più di precisione.

faccio i miei disegni con un paio di matite differenti su schede. Quando sono soddisfatti sto andando nella direzione giusta, mi Nastro della scheda ad un righello e utilizzare la fotocamera del mio iMac per scattare una foto di loro. Ho quindi convertirlo in B & W e fare un semplice luminosità / contrasto per cercare di farli guardare nel miglior modo possibile, e ho qualcosa ragionevole digitalmente negozio.

La cosa grandiosa di questo è che posso pescare una carta ruvida in non molto di più tempo di quello necessario Salva con nome per aprire se l'unità di Time Machine è andato a dormire. :) Posso fare un bella scheda in un po 'di tempo. E se mai voglio qualcosa di più bello che cercano, posso modificare la scansione o usarlo come tracciante in qualche altro programma.

(E io lancio le carte in sacchetti di chiusura lampo per progetto).

MockApp sembra grande!

OmniGraffle. ( http://www.omnigroup.com/products/OmniGraffle/ ) In combinazione con vari iPhone Stencil piace: ( http://graffletopia.com/stencils/413 e http://graffletopia.com/search/iphone ), OmniGraffle fa un grande set di strumenti.

Grazie a tutti per voi risposte rapide!

Dopo aver testato sia Balsamiq e MockApp sono giunto alla conclusione che MockApp mi dà esattamente la cosa tipo che voglio per la progettazione le mie applicazioni, come si può vedere esattamente come apparirà e il tipo di spazio che ogni utente Elemento assumerà. Anche con l'utilizzo di Keynote o PowerPoint si potrebbe andare un ulteriore passo avanti e collegare tutti i pulsanti fino a creare una presentazione demo efficace delle vostre idee se richiesto di presentare una cosa del genere, anche se questo è un po 'più di tempo e per me stesso non richiedono questo, ma bello sapere che è là!

Balsamiq è un po 'più semplice e veloce strumento da usare, ma ha meno componenti stock dell'interfaccia utente e dà uno sguardo abbozzato al disegno che appare bello se si voleva creare immagini rapide bordo storia della tua idea di app, ma per il design attuale MockApp crea un molto più realistico l'aspetto che credo sia meglio. Anche Balsamiq costa $ 79 se si desidera più quindi solo la demo.

Il motivo avrei scelto MockApp su tutte le altre soluzioni è che vorrei assumere la maggior parte già hanno o PowerPoint o Keynote sul proprio computer rispetto a Photoshop o Fireworks, anche se sono sicuro che se si dispone di queste applicazioni sul computer si può meglio usare quelli. Anche MockApp è libero / twittare-ware, consultare il sito web MockApp per maggiori dettagli.

Spero che questo aiuti

Dan

P.S. Devo ancora provare OmniGraffle, questo è accanto alla mia lista!

WireframeSketcher strumento wireframing che consente di creare prototipi iPhone utilizzando uno stencil esterna. È inoltre possibile collegare schermi insieme per simulare l'interattività.

iPhone Mockups

Io uso questi Photoshop modelli da Teehan e Lax ...

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

alt text

o per tutta una serie di iPhone e iPad stencil: http://emilychang.com/2010/03/ipad-templates-and-stencils/

alt text
(fonte: emilychang.com )

Ho appena creo i miei disegni in Adobe Fireworks utilizzando questo mockup toolkit: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

OmniGraffle funziona bene

Ho anche creare i miei disegni in Adobe Fireworks utilizzando mockup toolkit si possono trovare ovunque. Se sei un fan di Fireworks si dovrebbe davvero dare un'occhiata a una bella estensione Fireworks, che consente di visualizzare in anteprima la vostra applicazione progettata in un simulatore di iPhone che si basa AIR. Gli effetti di transizione che sono il marchio di fabbrica del dispositivo mobile sono anche costruiti in estensione e possono essere applicati ai disegni.

http: //www.adobe. com / cfusion / scambio / index.cfm? evento = extensionDetail & loc = it & extid = 1786031 #

se sei già familiarità con fuochi d'artificio mockup amerete questo estensione.

migliore

Slip è grande per beffardo l'esperienza dell'utente. È possibile riprodurre i slip al telefono.

Il software è attraente, ma si finirà per spendere più tempo a giocare con i colori e in movimento le cose che ottenere il disegno / funzionalità verso il basso. Quello che vi serve è la velocità. Con la velocità si può passare alla programmazione prima che poi. Ammetto se in ultima analisi, desidera condividere il progetto con qualcun altro MockApp è probabilmente una buona scelta.

Ecco quello che vi serve: (in ordine di preferenza)

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

o

http://appsketchbook.com/

o

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

Il software è utile e può essere più efficiente, ma a volte allontanarsi dallo schermo è un buon modo per aumentare la concentrazione sulla progettazione piuttosto che di attuazione. E nulla attira abbastanza come molti "cool!" commenti come il mio acciaio inossidabile stampino iPhone:

design Commissione in acciaio inox iPhone UI Template

Io non uso l'immagine di stampa che forniscono ma fatto il mio con uno schermo di cattura ridotta-alfa dal simulatore.

avrei dovuto dire mockapp o OmniGraffle al momento.

Non perdete questa uno per meno codice: http://lesscode.co.nz/interface

E 'consente di progettare direttamente sul iPhone con componenti nativi iOS.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top