Crea un prototipo UI Lo-fi in 60 secondi

Creiamo un prototipo Lo Fi, in sessanta secondi, utilizzando il kit UI di MadKit Sketch di Themeforest!

Guarda lo Screencast

 

Come è fatto

In un duplicato del file di Sketch di MadKit (interfaccia utente Lo-Fi) crea una nuova pagina. Vai a Inserisci> Simboli> Base> Forme> Finestra per creare una finestra del browser per il nostro mockup. 

Forme> finestra

Anche sotto forme prendi l'header del browser e poi dai un nome al tuo prototipo.

Il contenuto è re

Ora assembleremo il contenuto del nostro prototipo usando i simboli che possono essere trovati sotto categorie (inizia con una copertina di sfondo del video). Successivamente aggiungeremo un elenco di prodotti, un dispositivo di scorrimento per testimonianze, dopo di che mostreremo gli ultimi post del blog, aggiungeremo alcune informazioni sulle persone della società, quindi concluderemo con alcuni dettagli di contatto.

Stree-etch

Allunga il tuo oggetto finestra in modo che si adatti al tuo contenuto:

Allunga la forma della finestra

Ora seleziona tutti e sei i contenuti, fai clic con il tasto destro nel menu dei livelli e seleziona Stacca dal simbolo. Nel Video BG oggetto nascondi il Base / Forme / finestra e impostare il Sfondo videoil raggio di 0.

Ora nascondiamo la forma della finestra per ogni secondo pezzo di contenuto, quindi per i pezzi rimanenti nascondiamo i bordi e impostiamo il raggio su 0.

Infine, prendi la finestra del browser e i simboli dell'intestazione e trascinali fino in cima allo stack.

Sono stati fatti

È così che crei un prototipo UI lo-fi in sessanta secondi! Assicurati di controllare più di ciò che è in offerta per la prototipazione in Sketch on Themeforest:

Wireframing Disegna modelli di app su Themeforest