Yapay zeka web sitesi mockup oluşturucu

Siteyi her cihazda sunun. Masaüstü, tablet ve telefon bir arada.

Her görsel modeli

Tek çalışma alanı

Kurabileceğiniz web sitesi görselleri

Üç adımda web sitesi mockup'ı kurun

  1. 01

    Morphic'i açın

    Kaydolun ve özgürce akan, sınırsız görsel bir tuval üzerinde oluşturmaya başlayın.

  2. 02

    Ekranlarınızı yükleyin

    Masaüstü, tablet ve telefon görüntülerini bırakın, cihaz setini ve sahneyi anlatın.

  3. 03

    Üretin ve dışa aktarın

    Her ekran, yumuşak ışıklı tek bir sahnede kendi cihazına oturur. Birkaç düzen daha deneyin, sonra dışa aktarın.

Kullanım alanları

Web tasarım sunumları

Müşteriye düz bir taslak yerine bitmiş görünen bir site verin. Tasarımı masaüstü, tablet ve telefon seti olarak tek karede gösterin, site her ekranda nasıl uyum sağlıyor görsünler. Teklif taslak değil, kurulmuş bir iş gibi görünür. Onayı çoğu zaman hızlandıran da budur.

Web tasarım sunumları

Freelance portfolyo ve vaka çalışmaları

Geçmiş işlerinizi fotoğraflanmış ürün çekimleri gibi sunun. Vaka çalışması kapağı için masaüstü monitör kadrajını, sitenin her ekranda çalıştığını göstermek için responsive dizilimi kullanın. Projeler boyunca aynı cihaz seti, portfolyonuzu tek elden çıkmış, düzenli bir bütün gibi gösterir.

Freelance portfolyo ve vaka çalışmaları

Ajans sunumları ve teklif dosyaları

Teklif dosyasını işinizi satan ana görsellerle doldurun. Yumuşak bir gradyan üzerinde yüzen tarayıcı penceresi temiz bir kapak slaytı olur. Laptop ve telefon çifti ise tek sayfada cihazlar arası bir hikaye anlatır. Tasarım revizyondan geçtikçe ekranları değiştirip yeniden çalıştırın.

Ajans sunumları ve teklif dosyaları

Responsive tasarım gösterimleri

Bir düzenin geniş monitörden telefona kadar dayandığını gösterin. Üst üste dizilmiş bir çekim aynı sayfayı üç genişlikte sıralar, paydaş kırılma noktalarını geliştirici araçlarını açmadan görür. Her cihaza kendi ekran görüntüsünü verin, set gerçek uyum davranışını yansıtsın.

Responsive tasarım gösterimleri

Prompt örnekleri

Web sitesi stüdyo yüzeyinde masaüstü, tablet ve telefon seti olarak

Tam responsive set

E-ticaret sitemi masaüstü monitör, tablet ve telefon seti olarak temiz bir stüdyo yüzeyinde göster, yumuşak ve dengeli ışık

Edit prompt
Masaüstü ekran, derli toplu bir masadaki ince monitörde tam karşıdan

Masaüstü monitör kadrajı

Masaüstü ekranımı derli toplu bir masadaki ince bir monitöre yerleştir, tam karşıdan, yumuşak gün ışığı, hafif bir parıltı

Edit prompt
Web sayfası açık renk gradyan üzerinde yüzen bir tarayıcı penceresinde

Yüzen tarayıcı penceresi

Bir müşterimin kurumsal site sayfasını açık renk bir gradyanın üzerinde yumuşak gölgeli yüzen bir tarayıcı penceresinde göster, temiz bir açılış sayfası kadrajı

Edit prompt
Masada masaüstü ve mobil görünümü gösteren laptop ve telefon yan yana

Laptop ve telefon çifti

Masaüstü ekranımı bir laptopa, mobil görünümü yanındaki telefona yerleştir, masa düzeni, sıcak ışık

Edit prompt
Responsive düzeni gösteren üst üste binen masaüstü, tablet ve telefon ekranları

Üst üste responsive set

Masaüstü, tablet ve telefon ekranlarımı yumuşak bir yüzeyde üst üste bindirerek responsive düzeni göster

Edit prompt
Web sayfası gösteren, iki elde hafif eğik tutulan tablet

Elde tablet

Tablet görünümümü iki elde, hafif eğik tut, arkada bulanık bir oda, yumuşak pencere ışığı

Edit prompt

Hepsi Morphic'te

Web mockup'ı için eksiksiz set

Basit fiyatlandırma

Bugün ücretsiz başlayın, istediğiniz zaman yükseltme veya iptal etme seçeneğiyle.

Basic

$19/ ay
şu şekilde faturalandırılır $228 yıl başına

2400 aylık kredi

1 yalnızca kullanıcı

Tüm modeller

Workflows

Standard

$24/ ay
şu şekilde faturalandırılır $288 yıl başına

3625 aylık kredi

1 yalnızca kullanıcı

Tüm modeller

Workflows

Pro

$45/ ay
şu şekilde faturalandırılır $540 yıl başına

6350 paylaşılan aylık kredi

1 kullanıcı

+ en fazla 4 ek ücret karşılığında daha fazlası

Tüm modeller

Workflows

Max

$170/ ay
şu şekilde faturalandırılır $2040 yıl başına

24650 paylaşılan aylık kredi

1 kullanıcı

+ en fazla 9 ek ücret karşılığında daha fazlası

Tüm modeller

Workflows

Enterprise

Daha yüksek limitler için

Özel

fiyatlandırma ve faturalandırma koşulları

Yüksek hacimli krediler
Özel koltuk limitleri
Tüm modeller
Workflows
Pricing Gradient

Free

Denemek için

$0

kalıcı olarak ücretsiz

En fazla 20 kredi
Yalnızca 1 kullanıcı
Sınırlı modeller
Workflows

SSS

Web sitesi mockup oluşturucu nasıl çalışır?
Sitenizin ekran görüntülerini yükler, istediğiniz cihaz setini anlatırsınız. Model ekranları kurar: masaüstü monitör, laptop, tablet, telefon ya da bunların karışımı olabilir. Her görüntüyü doğru cihaza, doğru açıyla yerleştirir. Sahne, yüzey ve ışık setin çevresinde üretilir. Böylece responsive bir dizilim düz çerçeveler gibi değil, fotoğraflanmış bir ürün çekimi gibi görünür.
Tasarım programı olmadan ücretsiz web sitesi mockup'ı hazırlayabilir miyim?
Evet. Hizalayacağınız bir cihaz şablonu ve elle değiştireceğiniz katmanlar yok. Ekranları yükleyin, seti ve sahneyi anlatın, sonucu tarayıcıda Morphic üzerinden dışa aktarın. Yeni hesaplar kredilerle gelir, böylece birkaç düzeni önce deneyebilirsiniz.
Masaüstü, tablet ve telefonu birlikte gösterebilir miyim?
Evet, asıl çekim bu. Bir masaüstü, bir tablet ve bir mobil görünüm yükleyin. Model bunları tek bir responsive set olarak dizer, izleyen kişi sitenin ekranlar arasında nasıl uyum sağladığını bir bakışta görür. Tek cihaz hikayeyi yeterince anlatıyorsa yalnızca masaüstü kadrajı ya da laptop ve telefon çifti de isteyebilirsiniz.
Hangi sahneleri ve kadrajları kullanabilirim?
Portfolyo kapağı için temiz bir stüdyo yüzeyi, daha sıcak bir his için derli toplu bir masa, açılış sayfası kadrajı için yumuşak bir gradyanın üzerinde yüzen tarayıcı penceresi olabilir. Düzeni ve ışığı yazın, sahne ekranlarınızın çevresinde kurulur. Ajans sunumuyla freelance vaka çalışması, kendi işine uyan farklı bir görünüm alır.
Ekran görüntümdeki Türkçe karakterler ve küçük yazılar net kalır mı?
Her yükleme tam netlikte yerleştirilir ve cihazın ekranına oturacak biçimde eğilir. Masaüstü görüntü monitörü doldurur, mobil görüntü telefona gerilmeden sığar. Yine de çıktıyı yakınlaştırıp ş, ğ, ı, İ gibi harfleri ve küçük yazıları kontrol edin. Doğru orantıda ekran görüntüsünü doğru cihaza verirseniz düzen sadık kalır. Bir yansıma ekranın bir kısmını örtüyorsa daha yumuşak ışıkla yeniden çalıştırın.
Müşteriye sunum ve teklif dosyası için kullanabilir miyim?
Evet, en sık kullanım bu. Müşteriye düz bir tasarım yerine bitmiş görünen bir site gösterin. Masaüstü, tablet ve telefon aynı karede olduğunda sitenin her ekrandaki hali tek bakışta anlaşılır. Revizyondan sonra ekranları değiştirip yeniden çalıştırmanız yeter.
Hazır bir web sitesi mockup şablonundan farkı ne?
Şablon sizi tek bir arka planda tek bir cihaz düzenine bağlar. Burada set, yüzey ve ışık her çekim için ayrıca üretilir. Aynı ekranlar dosya değiştirmeden tam bir responsive dizilim, masaüstü kadrajı ya da laptop ve telefon çifti olarak çıkabilir. Sabit kalan tek şey yüklediğiniz ekranlardır.

Şunları da beğenebilirsiniz