Mockup, bir tasarımın gerçek ürün üzerinde nasıl görüneceğini gösteren temsili görseldir. Tişört, kupa, poster ya da telefon kılıfı henüz üretilmeden tasarım dijital olarak ürünün fotoğrafına veya 3D modeline yerleştirilir; ortaya çıkan görsel, ürün basılmış gibi görünür. Türkçede "ürün önizlemesi", "maket görsel" ya da okunduğu gibi "mokap" diye de geçer. Print on demand (POD) satıcıları için mockup, ürün fotoğrafının yerini tutar: ürün siz satış yapana kadar üretilmediği için alıcının gördüğü ilk ve çoğu zaman tek görsel mockup'tır.

Mockup ne işe yarar?

  • Ürün fotoğrafının yerine geçer: Stoksuz çalışan bir satıcı her tasarımı basıp fotoğraflamak zorunda kalmaz. Yüzlerce tasarımı, her biri için ayrı numune üretmeden listeleyebilir.
  • Tasarımı baskıdan önce test ettirir: Baskı alanına göre büyüklük, göğüs ortasına göre konum, koyu ve açık kumaşta renk kontrastı mockup üzerinde hemen görülür.
  • Sunum aracıdır: Bir müşteriye logo ya da tasarım onaylatırken düz bir PNG yerine ürün üzerindeki hâlini göstermek kararı hızlandırır.
  • Pazarlama görseli üretir: Aynı mockup sosyal medya gönderisinde, reklamda ve mağaza bannerında yeniden kullanılabilir.

Mockup, wireframe ve prototip farkı

"Mockup" kelimesi farklı sektörlerde farklı anlamlarda kullanılır; arama yaparken karışıklık buradan çıkar.

TerimNe gösterir?Nerede kullanılır?
WireframeBir ekranın düşük detaylı iskeleti: kutular, çizgiler, yerleşimWeb ve uygulama tasarımı
MockupTasarımın son hâline yakın, gerçekçi ama durağan görüntüsüÜrün görseli, arayüz sunumu, ambalaj
PrototipTıklanabilen ya da fiziksel olarak çalışan örnekKullanıcı testi, üretim öncesi deneme

Bu yazı e-ticaretteki ürün mockup'ını anlatıyor: tasarımın tişört, kupa, poster gibi bir ürün üzerinde gösterilmesi.

Mockup türleri

  • Düz (flat lay) mockup: Ürün düz bir zemin üzerinde, üstten çekilmiş gibi görünür. Tasarım net okunur; Etsy'de ilk görsel olarak sık kullanılır.
  • Model / manken mockup: Ürün bir kişinin üzerinde gösterilir. Kalıbı, bedeni ve tasarımın vücuttaki büyüklüğünü anlatır.
  • Yaşam tarzı (lifestyle) mockup: Kupa bir masada, poster bir duvarda, kılıf bir elde. Alıcının ürünü kendi hayatında hayal etmesini sağlar.
  • 3D render mockup: Ürünün bilgisayarda oluşturulmuş modeli. Açı ve ışık serbestçe değiştirilebilir, farklı renk varyantları hızla üretilir.
  • Detay (yakın çekim) mockup: Baskı dokusunu, kumaşı ya da yazının okunurluğunu gösteren yakın görünüm.

Etsy ilanlarına fotoğrafın yanında video da eklenebildiği için bazı satıcılar mockup'ı kısa bir döndürme ya da yakınlaştırma videosuna da çevirir.

Mockup nasıl hazırlanır?

  1. Tasarımı hazırlayın: Yüksek çözünürlüklü ve arka planı şeffaf (PNG) bir dosya en temiz sonucu verir.
  2. Doğru şablonu seçin: Sattığınız ürün tipine ve renk varyantına uyan bir mockup şablonu kullanın. Beyaz tişört şablonuna koyduğunuz tasarım siyah tişörtte aynı görünmez.
  3. Ölçek ve konumu ayarlayın: Tasarımı gerçekte basılacağı büyüklükte ve yerde gösterin. Göğüs ortası, sol göğüs, sırt gibi konumlar farklı izlenim bırakır.
  4. Gerçekçiliği koruyun: İyi bir şablon, kumaş kıvrımlarını ve ışığı tasarıma da yansıtır; tasarım ürünün üstüne yapıştırılmış gibi durmamalıdır.
  5. Seti tamamlayın: Tek görsel yerine ilk görsel, renk seçenekleri, model üzerinde görünüm ve ölçü tablosundan oluşan bir set hazırlayın.

Adım adım anlatım için mockup nasıl yapılır ve tişörte özel ayrıntılar için tişört mockup nasıl hazırlanır rehberlerine bakın.

Mockup hazırlamak için hangi araçlar kullanılır?

  • Photoshop: Akıllı nesne (smart object) içeren şablonlarla en fazla kontrolü verir; öğrenmesi zaman alır.
  • Canva ve benzeri tarayıcı araçları: Hızlıdır, hazır şablon sunar; ayrıntı kontrolü daha sınırlıdır.
  • Mockup generator siteleri: Tasarımı yükleyip hazır sahnelerde anında görsel üretir. Farkları için mockup generator nedir yazısına bakın.
  • Print on demand panelleri: Printmeet'te tasarımınızı ürün üzerinde canlı mockup ile görüp aynı panelden Etsy'ye ürün olarak gönderebilirsiniz; mockup, başlık ve etiketler tek akışta hazırlanır.

Etsy'de mockup kullanırken dikkat edilecekler

  • İlk görsel küçük görünür: Arama sonuçlarında ilk görsel küçük bir kare olarak gösterilir. Tasarım o boyutta da okunabiliyor mu, kontrol edin.
  • Her renk için ayrı görsel: Alıcı seçtiği rengin nasıl göründüğünü görmek ister; tek renkli mockup iade ve soru sebebidir.
  • Ürünü doğru temsil edin: Aşırı filtre, gerçekte olmayan parlaklık ya da yanlış baskı ölçüsü kısa vadede tıklama, uzun vadede kötü yorum getirir. En yaygın hatalar için mockup hataları yazısına bakın.
  • Şablon lisansını kontrol edin: İnternetten indirilen her mockup şablonu ticari kullanıma açık değildir. Satış görselinde kullanacağınız şablonun lisansını okuyun.
  • Tutarlı bir görsel dili seçin: Mağazadaki tüm ilanlarda benzer arka plan ve ışık kullanmak mağazayı daha profesyonel gösterir. Bkz. profesyonel mockup.

Mockup satışları etkiler mi?

Online alışverişte alıcı ürüne dokunamaz; görsel, ürün hakkındaki en güçlü bilgi kaynağıdır. Arama sonucunda tıklanıp tıklanmayacağınıza büyük ölçüde ilk görsel karar verir, ilan sayfasında satın alma kararını ise görsel setinin tamamı destekler. Bu yüzden POD'da mockup bir süs değil, ürünün kendisi gibi düşünülmelidir. İş modelinin genel mantığı için print on demand nedir yazısına bakabilirsiniz.

Sık sorulan sorular

Mockup ne demek?

Mockup, bir tasarımın tişört, kupa veya poster gibi gerçek bir ürün üzerinde nasıl görüneceğini gösteren dijital görseldir. Ürün üretilmeden önce satış ve sunum için kullanılır.

Mockup nasıl yapılır?

Tasarımı şeffaf arka planlı, yüksek çözünürlüklü bir PNG olarak hazırlayın, ürün tipine ve rengine uygun bir şablon seçin, tasarımı gerçekte basılacağı büyüklükte ve konumda yerleştirip görseli dışa aktarın. Bunu Photoshop şablonlarıyla, Canva gibi tarayıcı araçlarıyla ya da mockup generator'larla yapabilirsiniz; adımlar için mockup nasıl yapılır rehberine bakın.

Mockup ile ürün fotoğrafı arasındaki fark nedir?

Ürün fotoğrafı basılmış gerçek ürünün çekimidir; mockup ise tasarımın bir şablon üzerine dijital olarak yerleştirilmesiyle oluşur. Mockup numune üretmeden çok sayıda tasarım ve renk göstermeyi sağlar.

Etsy'de mockup kullanmak sorun olur mu?

Hayır, şartlarını sağladığınız sürece. Etsy'nin görsel kurallarına göre, özgün tasarımınızı bir üretim ortağına bastırdığınız ürünlerde (print on demand) son ürünü göstermek için mockup kullanabilirsiniz. Görsel, alıcıya gönderilecek ürünü renk, ölçü ve baskı konumu bakımından doğru temsil etmelidir. Ayrıntılar: Etsy ürün fotoğrafı ve görsel kuralları.

Mockup mu, mokap mı yazılır?

Doğru yazım İngilizceden gelen "mockup"tır (bazen "mock-up"). "Mokap" kelimenin okunuşuna göre yapılan yaygın bir yazımdır.