Wireframe ile mockup arasındaki fark nedir?

Wireframe ve mockup, arayüz tasarımının farklı aşamalarıdır:

• Wireframe, bir sayfa veya ekranın yapısının şematik ve basitleştirilmiş bir temsilidir. Ana öğelerin konumu, ilişkileri ve fonksiyonel bloklar gösterilir, tasarım detaylandırılmaz. Wireframe, mantık ve yapıyı hızlıca uzlaşmaya yardımcı olur.

• Mockup ise, son taslağa daha yakın ve daha detaylı görsel bir görüntüdür. Renkler, yazı tipleri, simgeler ve diğer stil öğeleri mockup'ta dikkate alınır. Bu, wireframe ile prototip arasında ara bir adımdır.

Örnek: önce menü, düğmeler ve içerik nerede olacak belirlemek için wireframe oluşturulur, ardından tasarım açısından nasıl görüneceğini göstermek için mockup yapılır.