https://sbt-test.azurewebsites.net/it/crea/mockup-wireframe-vs

Wireframe vs Mockup

Quando si progetta una nuova pagina Web o si aggiunge una nuova funzionalità al prodotto, è importante creare sia wireframe che mockup, ma qual è la differenza? In breve, un wireframe è un approccio minimalista e minimalista a un concetto di design. Si concentra sul layout principale e presenta una nuova pagina, ma lascia tutto il flash sul mockup. I mockup sono più fedeli e includono colori, linguaggio reale e icone reali. Un wireframe decide come apparirà un mockup e un mockup dovrebbe essere una rappresentazione accurata e statica del prodotto finale.


wireframes


Crea un Design*

Mockups


Crea un Design*


3 differenze tra wireframe e mockup

  1. Colore

    La prima grande differenza tra wireframe e mockup è la visualizzazione del colore. Quando si esegue il wireframing, è meglio intenzionalmente offuscarsi con la combinazione di colori, o meglio ancora tenerlo interamente in bianco e nero. Lasciare il colore fuori dai wireframe aiuta a evitare distrazioni quando si pianifica e si concentra sull'impaginazione e sulla progettazione generali della pagina. Per i prototipi, fai il contrario. Gioca con diverse combinazioni di colori e trova quello che vuoi usare con il tuo prodotto finale. I colori di simulazione dovrebbero apparire e attirare l'utente.

  2. Stile

    La prossima grande differenza è lo stile generale. I wireframe tendono ad essere molto orientati alla griglia, con la maggior parte degli oggetti che hanno le stesse dimensioni o sono proporzionali l'uno all'altro. Mentre è ancora buono seguire l'approccio generale della griglia durante la creazione di un mockup, va bene allentare un po 'le regole. Fidati dei tuoi occhi e quello che pensi sembra migliore. Nel complesso, i wireframe devono attenersi a linee guida di stile rigorose, mentre i prototipi possono avere più indulgenza per ciò che il progettista ritiene sia la soluzione migliore.

  3. linguaggio

    Infine, una delle principali differenze tra wireframe e mockup è la lingua utilizzata. Quando si utilizza il wireframing, è preferibile utilizzare un linguaggio falso o segnaposto come Lorum Ipsum . Di nuovo, la ragione per fare ciò è che il team di sviluppo del prodotto non sia distratto dalla copia della pagina Web e si concentri invece sulla progettazione generale. Per i prototipi, includere la copia reale che si desidera visualizzare sulla pagina. Includendo la copia reale in mockup, dai a te stesso e al team di sviluppo un'idea di come il testo dovrebbe effettivamente essere visualizzato sul prodotto finale e di quanto spazio occupa.

Prezzi

Solo al mese per utente!

/mese

fatturati ogni anno

Invia il mio Preventivo via Email
Acquista ora!
*(Avvia una prova gratuita di 2 settimane senza bisogno di carta di credito)
Visualizza altri modelli di Wireframe!
Visualizza Tutte le Risorse Aziendali
https://sbt-test.azurewebsites.net/it/crea/mockup-wireframe-vs
© 2020 - Clever Prototypes, LLC - Tutti i diritti riservati.
Oltre 14 milioni di storyboard creati
Storyboard That Family