# Design Mode (/tr/docs/verdent-cloud/create/design-mode)

> Önce bir metin özeti kullanarak görsel bir yön seçin, ardından onaylanan bu yönden çalışan bir uygulama oluşturun.



Design Mode, Verdent Cloud'in görünür arayüze sahip yeni uygulamalar için tasarım öncelikli oluşturma yoludur. Kelimelerle ifade edilmiş bir fikriniz olduğunda, ancak henüz bitmiş bir tasarımınız, ekran görüntünüz, stil kılavuzunuz veya tam sayfa planınız olmadığında kullanın.

Doğrudan koda geçmek yerine, Design Mode önce ürünün nasıl görünmesi ve hissettirmesi gerektiğine karar vermenize yardımcı olur, ardından onaylanan yönü çalışan bir uygulamaya dönüştürür.

## Design Mode ne zaman kullanılır [#design-mode-ne-zaman-kullanılır]

Design Mode ürününü, bir metin özetinden yeni bir ürün arayüzü oluşturmak istediğinizde kullanın, örneğin:

* tam yığın bir uygulama
* bir web ön ucu veya açılış sayfası
* bir mobil uygulama
* çok ekranlı bir oyun veya etkileşimli deneyim
* görsel yönün henüz belirlenmediği, sıfırdan bire bir ürün fikri

## Ne zaman atlanır [#ne-zaman-atlanır]

Design Mode şu durumlarda atlayın:

* proje, basit bir form veya çok küçük bir oyuncak uygulama gibi önemsiz, tek ekranlı bir yardımcı araçsa
* somut bir stil yönü, palet, yazı tipi sistemi ve sayfa veya ekran listesi içeren eksiksiz bir tasarım özetiniz zaten varsa
* doğrudan takip edilmesi gereken tasarım dosyalarınız, mockuplarınız, ekran görüntülerınız veya bir stil kılavuzunuz zaten varsa
* tasarımı atlayıp doğrudan koda geçmek istediğinizi açıkça belirtiyorsanız

<Note>
  Özetiniz zaten yeterince spesifikse, Verdent Cloud bunu seçilen yön olarak kullanabilir ve doğrudan sayfa planlamasına ve oluşturma işlerine geçebilir.
</Note>

## Design Mode nasıl çalışır [#design-mode-nasıl-çalışır]

<Steps>
  <Step title="Ürünü açıklayın">
    Sade bir dille bir özetle başlayın: ne oluşturmak istediğiniz, kimin için olduğu, ne yapması gerektiği ve sahip olduğunuz herhangi bir ruh hali veya stil referansı.
  </Step>

  <Step title="Görsel bir yön seçin">
    Verdent Cloud, farklı tasarım yönlerini keşfeder; böylece kod yazılmadan önce görünümü ve hissi seçebilirsiniz.
  </Step>

  <Step title="Sayfaları veya ekranları planlayın">
    Çok sayfalı, tam yığın veya daha karmaşık ürünler için Verdent Cloud, seçilen yönü bir sayfa veya ekran planına ve sade dilde bir ürün spesifikasyonuna dönüştürür.
  </Step>

  <Step title="Onaylanan yönden oluşturun">
    Yön netleştikten sonra Verdent Cloud, tasarımı çalışan bir uygulamaya geri yükler ve sonraki kararları onaylanan tasarıma ve spesifikasyona bağlı tutar.
  </Step>

  <Step title="Önizleyin ve devam edin">
    Uygulamayı önizlemede inceleyin, ardından gerektiğinde arka uç çalışması, test, analiz veya dağıtım ile devam edin.
  </Step>
</Steps>

## Verdent Cloud'da Design Mode nasıl kullanılır [#verdent-cloudda-design-mode-nasıl-kullanılır]

Cloud oluşturma akışından, bir şablon seçmek yerine oluşturmak istediğiniz uygulamayı açıklayın. Henüz somut bir tasarım yönünüz yoksa, Verdent Cloud, oluşturmadan önce bir yön seçmenize yardımcı olmak için Design Mode'u kullanabilir.

Özeti basit tutabilirsiniz, ancak tasarım kararlarına rehberlik edecek kadar spesifik yapın:

* ürünün ne olduğu
* kimin kullanacağı
* onlara yardımcı olması gereken ana iş
* halihazırda ihtiyacınız olduğunu bildiğiniz sayfalar, ekranlar veya durumlar
* editöryel, eğlenceli, işlevsel, premium, minimalist veya cesur gibi herhangi bir ton veya stil referansı
* jenerik gradyanlar, stok görünümlü görseller veya belirli bir görsel stil gibi istemediğiniz herhangi bir şey

## Örnek özetler [#örnek-özetler]

<CardGroup cols="2">
  <Card title="Açılış sayfası">
    Serbest çalışanlar için bir kişisel finans uygulamasına yönelik bir açılış sayfası oluşturun. Sakin, güvenilir ve editöryel hissettirmeli; bir hero, özellik bölümleri, fiyatlandırma ve SSS içermeli.
  </Card>

  <Card title="Çok ekranlı uygulama">
    Tükenmişlikten kurtulan kişiler için mobil öncelikli bir alışkanlık takibi oluşturun. Nazik ve dokunsal hissettirmeli; katılım, günlük giriş, ilerleme görünümü ve ayarlar içermeli.
  </Card>
</CardGroup>

## Daha iyi sonuçlar için ipuçları [#daha-iyi-sonuçlar-için-ipuçları]

* Ürünün kimin için olduğunu söyleyin.
* Yalnızca özellik listesini değil, istediğiniz hissi açıklayın.
* Varsa bilinen sayfaları veya ekranları belirtin.
* Önemliyse referansları veya kısıtlamaları erkenden paylaşın.
* Neyin yanlış hissettireceğini zaten biliyorsanız, nelerden kaçınılacağını söyleyin.
* Karmaşık ürünler için, tam oluşturma devam etmeden önce sayfa listesini ve ürün spesifikasyonunu onaylamayı bekleyin.