Come realizzare screenshot di mockup senza VB [chiuso]

Question

Sto cercando un programma con cui realizzare screenshot di simulazione. Ho scoperto per la prima volta che potevo farlo con Visual Basic (nomi più brutti che devo ancora ascoltare un linguaggio di programmazione) da joelonsoftware.com . Non voglio iniziare ad imparare VB ora, soprattutto perché sto ancora imparando Java. Ho quindi trovato mockupscreens.com , con la stringa di ricerca " come realizzare screenshot di mockup " ;. Ma visto che userò questo programma abbastanza raramente, non penso che ne valga la pena pagare $ 80 perché

I modelli che vorrei fare sarebbero principalmente per Windows XP (forse anche per GNOME, KDE e Mac OSX, ma questi non sono prioritari).

Modifica: si suggerisce Balsamiq, ma si tratta anche di un programma non gratuito.

Answer 1

Balsamiq

Answer 2

Visio funziona bene, se ce l'hai.

Personalmente, mi piacciono la carta e la penna. Quindi non riesco a impantanarmi nel LOOK e andare oltre per l'usabilità e la funzione. Lo stesso vale per i siti Web.

Una volta che hai il modulo di fronte a un cliente, non hai spazio per spostarti: se non lo fornisci pixel perfetto, si arrabbiano ..... :)

Answer 3

Non è necessario imparare la lingua per utilizzare il designer di moduli visivi di Visual Studio per creare modelli. Inoltre, la Express Edition di Visual Studio è disponibile gratuitamente in diverse lingue, ovvero VB, C # e C ++ . Fai la tua scelta. Tutti vengono forniti con lo stesso designer di moduli che genera codice back-end in una delle lingue. Ma se hai solo bisogno del designer, il codice potrebbe non essere pertinente per te.

Answer 4

Microsoft Visio utilizzava un modello contenente elementi dell'interfaccia utente di Windows comuni a questo scopo. Non so se lo fa ancora.

Answer 5

Jeff Attwood ha pubblicato questo post su CodingHorror - dove menziona Prototipazione di PowerPoint

Answer 6

carta e penna o, se possibile, lavagna. Una volta che hai qualcosa che ritieni possa funzionare personalmente, sceglierei un modello computerizzato approssimativo che puoi in modo da non perdere tempo a concordare la dimensione del carattere prima che il flusso di lavoro, ecc. Lo strumento che ho usato qui è il mio visual designer di Visual Studio (non sembra troppo bello con gli screenshot, ma abbastanza buono da trasmettere ciò che vorresti costruire).

Answer 7

Pencil (funziona all'interno di Firefox)

Answer 8

Come suggerito, C # Express andrebbe bene per questo, come VB, ha un designer GUI, ma è anche sintatticamente simile a Java, quindi - dato quello che stai cercando di imparare e fare con questo, potrebbe essere una bella misura.

Answer 9

C'è un elenco piuttosto esauriente qui: http://c2.com/cgi/wiki?GuiPrototypingTools

Il punto importante è se lo strumento ha "bianco" e "bianco" (o "disegnata a mano") per i tuoi modelli, come già commentato da altri. Molti degli strumenti (incluso il mio, MockupScreens) lo fanno.

Answer 10

Anche wxGlade funzionerebbe, oltre al suo software gratuito.

Answer 11

http://balsamiq.com/ è già stato menzionato, ma voglio spiegare perché mi piace. Ti permetterà di disegnare uno screenshot e sembra ancora una versione di carta e penna o una discussione sulla lavagna.

Se arrivi ai dettagli dello screenshot, il cliente pensa che tu abbia "quotato"; e non capisco cosa ti sta impiegando così tanto a terminare il progetto. Quindi questo "abbozzato" serve come un altro livello di astrazione.

Answer 12

MockupUI è un altro, ma i suoi modelli non sembrano disegnati a mano. Sembrano la cosa reale e con dati reali. Ti consente di disegnare wireframe e widget nativi che ereditano il loro aspetto dalla configurazione del tuo sistema operativo (aka stile visivo di Windows).

Informazioni sui modelli ad alta fedeltà: il rischio che un cliente ritenga che sia "già fatto" è minimo fintanto che esegui i mockup durante la fase delle specifiche di progettazione del tuo progetto (prima di iniziare a programmare). Al contrario, uno schizzo potrebbe essere troppo astratto per essere digerito dal cliente, a meno che non sia anche un progettista di software. Gli schizzi sono per sviluppatori e non per clienti.

Wireframe (o schizzi) e modelli non sono la stessa cosa e hanno usi diversi. Uno è spiegare la funzionalità, l'altro è una rappresentazione di come sarà il prodotto. Dai un'occhiata al post di Yisela sulla la differenza tra wireframe e mockup .

La tua domanda riguardava il software di screenshot mockup, ma alla fine hai acquistato un software di wireframing piuttosto potente.