Mockup Nedir?
Yayın: · Son güncelleme:
Mockup Nedir? Kısaca
Mockup, bir arayüz tasarımının renk, yazı tipi, görsel ve gerçekçi içerikle son hâline çok yakın biçimde hazırlanmış ancak tıklanamayan, statik görsel modelidir; tasarımın nasıl görüneceğini göstermek için kullanılır.
Mockup nedir?
Mockup, bir ekranın ya da ürünün nasıl görüneceğini gösteren yüksek ayrıntılı görsel taslaktır. Wireframe'de gri kutular olan alanlar mockup'ta gerçek renklere, yazı tiplerine, ikonlara ve fotoğraflara dönüşür. Ancak çoğu zaman tıklanamaz; durağan bir resimdir. Kısacası tasarımın fotoğrafıdır.
Arayüz tasarımında mockup'ın asıl işi, görsel kararların onaylanmasını sağlamaktır. Müşteri ya da yönetici, uygulamanın son görünümünü kod yazılmadan önce görür ve yorum yapar.
Wireframe ve prototipten farkı
Tasarım süreci genellikle üç adımla ilerler. Wireframe yerleşimi belirler, mockup görünümü belirler, prototip ise etkileşimi test eder. Mockup bu zincirin ortasındadır.
Örneğin bir kafe zinciri için sipariş uygulaması tasarlandığını düşünün. Wireframe'de menü listesinin üstte, sepetin altta olacağına karar verilir. Mockup'ta kafenin kurumsal kahverengi tonu, logo, ürün fotoğrafları ve gerçek fiyat örnekleri eklenir. Yönetim bu aşamada "butonlar daha belirgin olsun" der ve değişiklik kod yazılmadan yapılır.
Başka hangi anlamda kullanılır?
Grafik tasarımda mockup, bir tasarımın gerçek bir nesne üzerinde nasıl duracağını gösteren görsellerdir. Bir logonun tişört, kahve bardağı ya da kartvizit üzerine yerleştirilmiş hâli buna örnektir. E-ticaret ve sosyal medya tanıtımlarında da uygulama ekranları telefon görseli içine yerleştirilerek gösterilir.
Mockup hazırlamak için Figma, Sketch ve Adobe XD yaygın kullanılır. Hazır mockup şablonları kullanacaksanız lisans koşullarını okumak gerekir; bazı şablonlar yalnızca kişisel kullanıma izin verir.
Sıkça Sorulan Sorular
Mockup ne demek?
Mockup, maket ya da model anlamına gelir. Tasarımda bir ekranın ya da ürünün son görünümüne yakın, gerçekçi ama genellikle tıklanamayan görselini ifade eder.
Mockup ile prototip arasındaki fark nedir?
Mockup durağan bir görseldir ve tasarımın nasıl göründüğünü gösterir. Prototip ise tıklanabilir ve ekranlar arası geçiş yapılabilir; tasarımın nasıl çalıştığını test etmeye yarar.