Care este diferența dintre un wireframe și un mockup?

Wireframe și mockup sunt etape diferite ale proiectării vizuale a interfeței:

• Wireframe este o reprezentare schematică și simplificată a structurii unei pagini sau ecran. Arată poziționarea elementelor principale, relațiile lor și blocurile funcționale fără detalii de design. Wireframe ajută la rapidă acordare a logicii și structurii.

• Mockup este o imagine mai detaliată și vizual apropiată de designul final. În mockup se iau în considerare culorile, fonturile, pictogramele și alte elemente de stil. Este un pas intermediar între wireframe și prototip.

Exemplu: mai întâi se creează un wireframe pentru a determina unde va fi meniul, butoanele și conținutul, apoi se face un mockup pentru a arăta cum va arăta din punct de vedere al designului.