Čím se liší wireframe od mockupu?

Wireframe a mockup jsou různé fáze vizuálního návrhu rozhraní:

• Wireframe je schematické, zjednodušené zobrazení struktury stránky nebo obrazovky. Ukazuje uspořádání hlavních prvků, jejich vztahy a funkční bloky bez podrobného návrhu. Wireframe pomáhá rychle dohodnout logiku a strukturu.

• Mockup je podrobnější a vizuálně blíže konečnému designu. V mockupu jsou již zohledněny barvy, písma, ikony a další prvky stylu. Je to mezistupeň mezi wireframe a prototypem.

Příklad: nejdříve vytvoří wireframe, aby určili, kde bude menu, tlačítka a obsah, a poté vytvoří mockup, aby ukázali, jak to bude vypadat z pohledu designu.