Mis vahe on wireframe ja mockup vahel?

Wireframe ja mockup on erinevad visuaalse disaini etapid:

• Wireframe on skeemiline, lihtsustatud pildi lehe või ekraani struktuurist. Näitab põhielementide asukohta, nende suhteid ja funktsionaalseid plokke ilma detailse kujunduseta. Wireframe aitab kiiresti kooskõlastada loogikat ja struktuuri.

• Mockup on detailsem ja visuaalselt lähem lõplikule disainile. Mockupis arvestatakse juba värve, fonte, ikoone ja teisi stiilielemente. See on vahepealne samm wireframe'i ja prototüübi vahel.

Näide: kõigepealt luuakse wireframe, et määrata, kus asuvad menüü, nupud ja sisu, ning seejärel tehakse mockup, et näidata, kuidas see disaini vaatenurgast välja näeb.