Каква е разликата между wireframe и mockup?

Wireframe и mockup — това са различни етапи на визуалното проектиране на интерфейса:

• Wireframe е схематично, опростено изображение на структурата на страница или екран. Той показва разположението на основните елементи, техните връзки и функционални блокове без детайлно оформление. Wireframe помага бързо да се съгласува логиката и структурата.

• Mockup е по-подробно и визуално близко до крайния дизайн изображение. В mockup вече се вземат предвид цветовете, шрифтовете, иконите и други елементи на стил. Това е междинен етап между wireframe и прототип.

Пример: първо се създава wireframe, за да се определи къде ще бъде менюто, бутоните и съдържанието, а след това се прави mockup, за да се покаже как ще изглежда от гледна точка на дизайна.