Come creare screenshot di mockup senza VB

Question

Sto cercando un programma per creare schermate di mockup con. Ho scoperto per la prima volta che potevo farlo con Visual Basic (nomi più brutti che non ho ancora sentito chiamare un linguaggio di programmazione) da joelonsoftware.com. Non voglio iniziare a imparare VB ora, soprattutto perché sono ancora in fase di apprendimento di Java. Ho quindi trovato mockupscreens.com, con la stringa di ricerca "come creare screenshot di mockup". Ma visto che userò questo programma abbastanza raramente, non penso pagando $ 80 perché ne vale la pena.

I mockup che mi piacerebbe fare sarebbero principalmente per Windows XP (forse anche per GNOME, KDE e Mac OSX, ma questi non sono priorità assoluta).

Modifica: è consigliato Balsamiq, ma questo è anche un programma non libero.

Answer 1

Balsamiq

Answer 2

Microsoft Visio veniva fornito con un modello contenente elementi di interfaccia utente di Windows comuni a questo scopo. Non so se lo fa ancora.

Answer 3

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

Answer 4

Visio funziona bene, se ce l'hai.

Personalmente, mi piace la carta e una penna. Quindi non posso impantanarmi nel LOOK di esso, e andare più per l'usabilità e la funzione. Lo stesso con i siti web.

Una volta che hai il modulo di fronte a un cliente, hai zero spazio da spostare - non lo si consegna pixel-perfetto, ottengono ..... arrabbiato. :)

Answer 5

Come suggerito, C# Express andrebbe bene per questo, come VB, ha un progettista 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 6

wxGlade funzionerebbe bene, in più è software libero.

Answer 7

Jeff Attwood posted about this on CodingHorror - dove si menziona Powerpoint prototyping

Answer 8

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

Answer 9

Pencil (corre all'interno di Firefox)

Answer 10

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

Se riesci a dettagliare sul tuo screenshot, il cliente pensa che tu sia "fatto" e non capisce che cosa ti sta portando così tanto tempo a finire il progetto. Quindi questo "abbozzo" serve come un altro strato di astrazione.

Answer 11

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

punto importante è se l'utensile ha "black white &" pelle (o "disegnato a mano") per i vostri prototipi, come già commentato da altri. Molti degli strumenti (incluso il mio, MockupScreens) lo fanno.

Answer 12

MockupUI è un altro, ma i suoi prototipi 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 (noto anche come stile di visualizzazione di Windows).

Informazioni su mockup ad alta fedeltà: il rischio che un cliente ritenga che sia "già fatto" è minimo finché si eseguono i mockup durante la fase di definizione del progetto del progetto (prima di iniziare a codificare). Al contrario, uno schizzo può essere troppo astratto per il cliente da digerire, a meno che non sia anche un progettista di software. Gli schizzi sono per gli sviluppatori e non per i clienti.

I wireframe (o schizzi) e i prototipi non sono la stessa cosa e hanno usi diversi. Uno è quello di spiegare la funzionalità, l'altro è una rappresentazione di come sarà il prodotto. Controlla il post di Yisela su the difference between wireframes and mockups.

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