Wireframe je šematski, pojednostavljeni prikaz strukture stranice ili ekrana. Prikazuje raspored glavnih elemenata, njihove odnose i funkcionalne blokove bez detaljnog dizajna. Wireframe pomaže brzo usaglašavanje logike i strukture.
Mockup je detaljniji i vizuelno bliži završnom dizajnu. U mockup-u se već uzimaju u obzir boje, fontovi, ikone i drugi elementi stila. To je međufaza između wireframe-a i prototipa.

Primer: prvo se kreira wireframe da se odredi gde će biti meni, dugmići i sadržaj, a zatim se pravi mockup da se pokaže kako će izgledati sa stanovišta dizajna.

Претходно Следеће