Creați un prototype UI Lo-fi în 60 de secunde

Să creăm un prototype Lo Fi, în șaizeci de secunde, utilizând kitul de UI din MadKit Sketch din Themeforest!

Urmăriți ecranul

 

Cum se face

Într-un duplicat al fișierului MadKit Sketch (Lo-Fi UI) creați o pagină nouă. Mergi la Inserați> Simboluri> Baza> Forme> Fereastră pentru a crea o fereastră de browser pentru mockup-ul nostru. 

Forme> fereastră

De asemenea, sub forme apuca un antet de browser și apoi dă-i numele prototipului.

Conținutul este regele

Acum, vom asambla conținutul prototipului nostru folosind simbolurile care pot fi găsite în secțiunea Categorii (începeți cu o copertă de fundal video). Apoi vom adăuga o listă de produse, un slider pentru mărturii, după care vom arăta cele mai recente postări pe blog, vom adăuga câteva informații despre oamenii companiei, apoi vom încheia cu unele detalii de contact.

Stree-etch

Împingeți obiectul ferestrei astfel încât să se potrivească conținutului dvs.:

Strângeți forma ferestrei

Acum, selectați toate cele șase piese de conținut, faceți clic dreapta în meniul de niveluri și selectați Detașați din simbol. În Video BG obiect ascunde Baza / Forme / fereastră și setați Contextul videoraza lui 0.

Acum vom ascunde forma ferestrei pentru fiecare al doilea fragment, apoi pentru restul pieselor vom ascunde marginile și vom seta raza la 0.

În cele din urmă, apucați fereastra browserului și simbolurile antetului și trageți-le până la partea de sus a stivei.

Au fost efectuate

Așa creați un prototip IO lo-fi în șaizeci de secunde! Asigurați-vă că pentru a verifica mai mult de ceea ce este oferit pentru prototipuri în Sketch pe Themeforest:

Wireframing Sketch template-uri de aplicații pe Themeforest