https://www.storyboardthat.com/it/crea/mockup-wireframe-vs

Wireframe vs Mockup


Inizia il tuo design

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.

Crea un Design  


Prezzi

Solo al mese per utente!

/mese

fatturati ogni anno

Vedi la Pagina Completa dei Prezzi



Non Posso Disegnare!

What if I can't draw?

  • Non preoccuparti, neanche noi.
  • Abbiamo oltre 1200 scene e personaggi prefabbricati che puoi usare!
  • Tutte le nostre scene e personaggi sono personalizzabili e facili da modificare!

Non ho Tempo!

What if I have No Time?

  • Lo sappiamo! Anche noi siamo super impegnati!
  • Creare con la nostra piattaforma è facile e veloce con la nostra grafica drag and drop.
  • Quando ti registri per un account, puoi salvare il tuo lavoro e tornare indietro e modificarlo in qualsiasi momento.

Mi Piace Mangiare i Pastelli!

I Like to eat crayons!

  • Non preoccuparti, i pastelli non sono tossici!
  • Se hai trovato questo scherzo, almeno sappiamo che stai leggendo questo ...
  • Il che significa che vorrai sicuramente una prova gratuita di due settimane


Crea un Design  

Aiuto Storyboard That!


Alla Ricerca di Più?

Controlla il resto dei nostri articoli di affari e risorse!

Tutte le risorse aziendali | Risorse per la strategia aziendale | Risorse di marketing | Risorse per la progettazione grafica | Risorse per lo sviluppo del prodotto | Formazione e risorse umane | Risorse del film | Risorse di marketing video


Edizioni speciali


BusinessSviluppo del prodottoPersonasMappe di viaggio del clienteWireframeInfograficaVideo marketingFilmFumetti

Start My Prova Gratuita
Start My Prova Gratuita
https://www.storyboardthat.com/it/crea/mockup-wireframe-vs
© 2019 - Clever Prototypes, LLC - Tutti i diritti riservati.
Esplora Nostri Articoli ed Esempi

Risorse cinematografiche

Risorse cinematograficheVideo marketing

Guide illustrate

AffariIstruzione
Prova gli Altri Nostri Siti Web!

Photos for Class - Cerca scuola-Safe, Creative Commons le foto! (E 'anche Cites per voi!)
Quick Rubric - facilmente creare e condividere grande ricerca Rubriche!
Preferisco una lingua diversa?

•   (English) Wireframes vs. Mockups   •   (Español) Wireframes vs Maquetas   •   (Français) Wireframes vs. Mockups   •   (Deutsch) Wireframes vs. Mockups   •   (Italiana) Wireframe vs. Mockup   •   (Nederlands) Wireframes Versus Mockups   •   (Português) Wireframes vs. Mockups   •   (עברית) Wireframes לעומת Mockups   •   (العَرَبِيَّة) Wireframes مقابل نماذج بالحجم الطبيعي   •   (हिन्दी) वायरफ्रेम बनाम मॉकअप   •   (ру́сский язы́к) Каркасы Против Макетов   •   (Dansk) Wireframes vs Mockups   •   (Svenska) Wireframes vs Mockups   •   (Suomi) Wireframes vs. Mockups   •   (Norsk) Wireframes vs Mockups   •   (Türkçe) Wireframe'ler ve Maketler   •   (Polski) Modele Szkieletowe a Makiety   •   (Româna) Wireframe vs. Mockups   •   (Ceština) Drátové Modely vs Mockups   •   (Slovenský) Drôtové Modely vs Mockups   •   (Magyar) Wireframes vs. Mockups   •   (Hrvatski) Wireframes vs Mockups   •   (български) Wireframes Срещу Mockups   •   (Lietuvos) Wireframes vs Mockups   •   (Slovenščina) Wireframes vs Mockups   •   (Latvijas) Wireframes vs Mockups   •   (eesti) Wireframes vs Mockups