İçeriğe geç

Tasarım ve temalar

30 hazır tema, canlı renk, yazı tipi ve köşe düzenleme ya da kendi tasarım sistemin ile uygulamanın görünümünü değiştir.

Kuika AI'ın kurduğu her uygulamanın görünümü tek bir yerde durur: renkler, yazı tipleri, köşe stilleri, yazı boyutları ve hareket. Bir kez değiştirirsin, uygulamanın tamamı ona uyar. Sohbette AI'a söyleyebilir, 30 hazır temadan birinden başlayabilir ya da kendi tasarım sistemini kurup birçok uygulamada kullanabilirsin.

Görünümü sohbetten değiştir

En hızlı yol ne istediğini yazmak.

PromptBu fikirle başla
Ana renk koyu yeşil olsun ve uygulamanın tamamı koyu temada çalışsın

Kuika AI ekranları tek tek boyamaz, uygulamanın tasarım ayarlarını değiştirir. Yeni renk butonlarda, grafiklerde, rozetlerde ve bütün ekranlarda aynı anda görünür. Bir yer eski renkte kalırsa hangi ekran olduğunu söyle, AI düzeltir.

Tasarım sistemleri

Tasarım sistemi; renkleri, yazı tiplerini, köşe stillerini, gölgeleri ve hareketi bir arada tutan, tekrar kullanabileceğin kayıtlı bir settir. Kendi sistemlerini görmek için sol kenar çubuğunda Tasarım Sistemi'ni aç.

Hazır bir temadan başla

  1. Tasarım Sistemi'ni aç ve Yeni design system'e bas.
  2. Template’ten başla'yı seç ve 30 hazır temadan birini seç. Her birinde açık ya da koyu varsayılanı ve köşe stili görünür.
  3. Bir ad ver ve Oluştur'a bas.

Kendi düzenlenebilir kopyan oluşur. Üzerinde yaptığın değişiklik orijinal temayı etkilemez.

Sıfırdan başla ya da tarif et

  • Sıfırdan başla sana boş sayfa değil, düzenlemeye hazır bir taban verir.
  • AI ile üretmek için istediğin görünümü anlat, örneğin finans uygulaması için sakin bir lacivert-turkuaz tarz. Sonucu incele, taslak olarak kaydet ya da yeniden ürettir.
  • Tasarım asistanına "ana rengi biraz koyulaştır" ya da "köşeler daha yuvarlak olsun" gibi kısa isteklerle devam edebilirsin.

Renk, yazı tipi ve köşeleri canlı düzenle

Düzenleyicide görünümün her parçası için bir bölüm var: Renkler, Tipografi, Boşluk, Yerleşim, Köşe yarıçapı, Kenarlıklar, Gölgeler, Hareket, İkonlar ve Bileşenler. Bir ayarı seç, değerini değiştir; önizleme anında güncellenir. Açık ve koyu mod için ayrı değerler verebilir, önizlemeyi Açık ile Koyu arasında değiştirebilirsin.

Çalışmanı tutmak için Taslağı kaydet'e bas. Uygulamalarda kullanılmaya hazır olunca Yayınla'ya bas. Yayınlanan sistemler v2 gibi bir sürüm numarası alır.

Bir uygulamada tasarım sistemi kullan

Ana sayfada prompt kutusunun altında Tasarım sistemi seçeneği var. Prompt'unu göndermeden önce kendi sistemlerinden ya da bir template'ten birini seç. Yok'u seçersen AI o uygulamaya özel bir görünüm tasarlar.

Tasarım sistemi uygulanamazsa Kuika AI bunu sohbette söyler ve uygulama kendi renklerini kullanır. Kendi tasarım ayarları olan bir uygulama onları korur.

Var olan bir uygulamada önizlemenin yanındaki tasarım aracını da açabilirsin. Yan panelde uygulamayı izlerken değerleri düzenlersin; önizleme için açık/koyu anahtarı da var.

Web ve mobil aynı değerleri kullanır

Aynı tasarım sistemiyle bir mobil uygulama kurarsan o da aynı renkleri, açık ve koyu modda kullanır. Tek marka görünümü, iki tür uygulama.

İpuçları

  • Önce ana rengini seç. Ana buton, bağlantılar ve odak çizgileri onu kullanır.
  • Modu sabitlemek istersen açık ya da koyu iste.
  • Yazı tipleri Google Fonts'tan gelir. Bir yazı tipini adıyla ya da havasıyla iste, örneğin "yuvarlak, samimi başlıklar".
  • Kuika AI yazıların okunur kalmasına bakar. Okunması zor bir renk çifti olursa düzeltir.

Güncellendi:

Kuika AI’da dene.

Hemen başla