Kā atšķiras wireframe no mockup?

Wireframe un mockup ir dažādi vizuālā dizaina posmi:

• Wireframe ir schematisks, vienkāršots attēlojums lapas vai ekrāna struktūrai. Tas rāda galveno elementu izvietojumu, to savstarpējās attiecības un funkcionālos blokus bez detalizēta dizaina. Wireframe palīdz ātri vienoties par loģiku un struktūru.

• Mockup ir detalizētāks un vizuāli tuvāks galīgajam dizainam. Mockup jau ņem vērā krāsas, fontus, ikonas un citus stila elementus. Tas ir starpposms starp wireframe un prototipu.

Piemērs: vispirms tiek izveidots wireframe, lai noteiktu, kur būs izvēlne, pogas un saturs, un pēc tam tiek izveidots mockup, lai parādītu, kā tas izskatīsies no dizaina skatpunkta.