Resurse Wireframe pentru proiectele tale

Resurse Wireframe pe care sa le aplici in proiectele pe care le dezvolti.

Ce este un wireframe?

Un wireframe este un prototip pentru interfața unui website. Acesta stabilește cum folosim spațiul și cum organizăm conținutul în pagină (fie că vorbim de versiunea pentru desktop sau versiunea pentru mobil).

Wireframe-ul are rolul de a ne ajuta sa organizam informatia pe care vrem sa o transmitem vizitatorilor site-ului astfel incat sa fie indeplinite cateva obiective esentiale:

Sa fie relevanta pentru vizitatori (Cine ar trebui sa viziteze site-ul si ce interese are – customer persona. Cum prioritizam informatia?)
Sa transmita informatia relevanta pentru noi (ce dorim sa comunicam?)
Sa convinga si sa indemne la actiune (ce obiectii ar putea avea vizitatorul si cum am vrea sa actioneze in urma vizitei pe site?)

Ce informatii includ modulele de tip wireframe?

Carcasele de tip Wireframe pot fi la fel de simple ca schitele facute cu creionul pe hartiei sau la fel de complexe precum mediile interactive web realizate pe deplin. Dar, indiferent de cat de detaliate sunt, toate ofera aceleasi informatii:

1. numarul estimat de pagini
2. modul in care fiecare pagina este legata una de cealalta
3. formularul functional
4. elemente de navigatie
5. unde va duce continutul
6. orice alte considerente functionale de care un anumit site are nevoie

Este important sa retineti ca scheleturile de tip wireframe trebuie sa fie destul de goale in comparatie cu ceea ce va este livrat la sfarsitul proiectului, fara nici un fel de fler vizual, cum ar fi imaginile, tipografia sau chiar culoarea.

Website-uri cu resurse consistente

ui8.net

webdesign.gdn

uihut.com

wireframy.com

figma-ui-kits

uplabs.com

figmaui4free.com

captain-design.com

uistore.design

Alte resurse

Free Wireframes Design Resources

 

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Alte articole Populare