Online Mockup Oluşturma Aracı
MockupStack, web sitesi ve uygulama ekran görüntülerini telefon, tablet, dizüstü bilgisayar ve tarayıcı çerçevelerine yerleştirerek tanıtım görsellerine dönüştüren bir online mockup oluşturma aracıdır. Tarayıcıda çalışır, kurulum gerektirmez.
Web sitenizin adresini yazın, beş cihazda nasıl göründüğünü saniyeler içinde görün
Bir sitenin monitör, dizüstü, tablet, telefon ve saatte nasıl göründüğünü göstermek için normalde her cihaz için ayrı ekran görüntüsü alır, sonra bunları bir tasarım programında çerçevelere tek tek oturtup köşelerini hizalarsınız. Bu iş saatler sürer.
MockupStack’e web sitenizin adresini yazmanız yeterli. Masaüstü, tablet ve mobil görünüm aynı anda çekilir ve seçtiğiniz cihaz çerçevelerine kendiliğinden yerleşir.
Ekran görüntüsünden hazır tanıtım görseline
Web sitenizin adresini yazın ya da kendi görselinizi yükleyin. Şablonu seçin, arka planı ayarlayın ve dışa aktarın. Hepsi aynı editörde.
Ekran görüntüsünün ortasında çerez kutusu olmasın
Bir siteyi tanıtırken görüntünün ortasında “Çerezleri kabul et” kutusu çıkmasını kimse istemez. MockupStack çekim sırasında çerez bildirimlerini, GDPR pencerelerini ve bülten açılır pencerelerini sizin yerinize ortadan kaldırır.
- 6 kapılı çerez engelleme
- OneTrust, Cookiebot, Didomi, Usercentrics gibi 25'ten fazla çerez sağlayıcısı tanınır
- Engellenemeyen pencerelerde Türkçe dahil 9 dilde "Kabul et" düğmesine otomatik tıklanır
- Animasyon ve slider'lar için bekleme süresi ayarlanabilir
- Gelişmiş çekim ayarları ücretli planlarda açılır
Şifreli panelleri de tanıtın
Herkese açık olmayan bir yönetim paneli, script ya da web uygulaması mı tanıtacaksınız? Uygulamanızda bir demo kullanıcı oluşturun, kullanıcı adını ve şifreyi MockupStack’e girin.
Sistem giriş sayfasındaki alanları kendisi bulur, oturum açar ve içerideki ekranın görüntüsünü alır. Sizin ayrıca giriş yapıp ekran görüntüsü kesmeniz gerekmez.
- Kullanıcı adı ya da e-posta alanı otomatik tanınır
- Giriş sonrası sayfa yüklenince çekim yapılır
- Gerçek hesap yerine demo kullanıcı kullanmanızı öneririz
130 hazır şablon 11 kategori
50 telefon, 12 tablet, 10 dizüstü, 9 akıllı saat, 7 masaüstü ve 5 tarayıcı şablonunun yanında çoklu cihaz sahneleri, App Store tanıtım görselleri, baskı ve ev/ofis sahneleri hazır gelir.
- iPhone, Galaxy, Pixel, iPad ve MacBook modelleri
- Cihaz rengi ve kamera tipi: Dynamic Island, punch hole, çentik
- Ölçek, döndürme, konum ve gölge ayarları
Görselinizi kırpın, yerleştirin, yapıştırın
Yüklediğiniz ekran görüntüsünü sağ paneldeki Kırp seçeneğiyle cihazın ekranına tam oturtun. Görseli sürükleyerek konumlandırın, kaydırarak ya da iki parmakla yakınlaştırın.
Panoya kopyaladığınız bir görüntüyü Ctrl+V ile doğrudan seçili cihaza yapıştırabilirsiniz. Dosyayı kaydedip yeniden yüklemeniz gerekmez.
- Cover ve Fit seçenekleriyle tek tıkla hizalama
- Doldur, kırp ya da sığdır; üst, alt, sol, sağ hizalama
- PNG, JPG ve SVG desteği
Şeffaf arka plan ve telifsiz görseller
Arka planı tamamen şeffaf bırakırsanız mockup’ı PNG olarak indirip sitenizin, sunumunuzun ya da sosyal medya tasarımınızın üzerine doğrudan yerleştirebilirsiniz. Beyaz kutu ya da kenar kalmaz.
Bir fotoğraf arka planı istiyorsanız siteden çıkmanıza gerek yok. Unsplash ve Pexels’teki telifsiz fotoğraflar editörün içinden aranır, tek tıkla arka plana yerleşir.
- Düz renk; doğrusal, radyal ve yumuşak mesh gradyan
- Nokta, ızgara, dalga ve soyut desenler
- Bulanıklık, grain, yansıma ve vinyet efektleri
İndirin ya da tasarım programınıza gönderin
Görselleri PNG, WebP, JPEG, PDF ve SVG olarak 4x’e kadar çözünürlükte indirin. 4x çözünürlük ücretli planlarda açılır.
Figma’ya gönderdiğiniz tasarım tek bir resim olarak değil, katmanlarıyla birlikte gelir. Cihaz, ekran görüntüsü, metin ve arka plan ayrı katmanlarda durur; Figma’da düzenlemeye kaldığınız yerden devam edersiniz.
- Figma, Canva ve Google Drive'a gönderme
- Panoya kopyalama
- Dışa aktarma geçmişi
Android ve iOS uygulamaları için mağaza görselleri
Android ve iOS için uygulama geliştirenlerin sayısı son yıllarda hızla arttı. Mağaza sayfasında ilk izlenimi çoğu zaman ilk ekran görüntüleri belirliyor.
MockupStack’te App Store kategorisindeki şablonlar uygulamanızın ekran görüntüsünü başlık ve renkli arka planla birlikte hazır bir mağaza görseline dönüştürür. Ekran görüntünüzü cihaza yerleştirin, başlığı değiştirin ve dışa aktarın.
- Hazır App Store şablonları; başlık, cihaz çerçevesi ve arka plan bir arada
- Tuval ölçüsünü kendiniz belirleyebildiğiniz için Android mağaza ölçülerine de uyarlayabilirsiniz
- Başlık ve açıklama metni düzenlenebilir, arka plan değiştirilebilir
Mockup hazırlamayı anlatan rehberler ve ücretsiz şablonlar
MockupStack’in Kaynaklar sayfasında mockup, prototip ve wireframe farkını, Figma ile MockupStack karşılaştırmasını ve adım adım mockup hazırlamayı anlatan rehberler yer alır. Ücretsiz şablonlar da aynı sayfada ayrı bir sekmede.
Rehberler şu an İngilizce yayınlanıyor.
- Figma ile MockupStack karşılaştırması
- Prototype, wireframe ve mockup arasındaki fark
- Mockup oluşturma rehberi
Figma, Canva ve Google Drive ile çalışır
Hazırladığınız mockup’ı tek tıkla tasarım programınıza gönderin. Aktarım geçmişi kullanıcı panelinizde saklanır.
-
- Figma · katmanlar
-
- Figma · SVG ve pano
-
- Canva · hesabınızda
-
- Canva’ya gönderildi
-
- Google Drive’a gönderildi
-
- Figma · bağlı hesaplar
-
- Dışa aktarma geçmişi
-
- Kullanıcı paneli
