Kuo skiriasi wireframe nuo mockup?

Wireframe ir mockup yra skirtingos vizualinio dizaino etapai:

• Wireframe yra schematinis, supaprastintas puslapio ar ekrano struktūros vaizdas. Jame rodomas pagrindinių elementų išdėstymas, jų tarpusavio ryšiai ir funkcionalūs blokai be detalaus dizaino. Wireframe padeda greitai suderinti logiką ir struktūrą.

• Mockup yra detalesnis ir vizualiai artimesnis galutiniam dizainui vaizdas. Mockup'e jau atsižvelgiama į spalvas, šriftus, piktogramas ir kitus stiliaus elementus. Tai tarpinis žingsnis tarp wireframe ir prototipo.

Pavyzdžiui: pirmiausia sukuriamas wireframe, kad būtų nustatyta, kur bus meniu, mygtukai ir turinys, o tada kuriamas mockup, kad parodytų, kaip tai atrodys iš dizaino perspektyvos.