UI Design
/
Arayüz stilleri ile çalışın

Fill (Dolgu)

Fill (Dolgu)

Kuika'nın Fill (Dolgu) özelliği, tasarımınızdaki elementlerin gövde renklerini veya arka planlarını özelleştirmenize olanak tanıyan güçlü bir araçtır. Bu özellik sayesinde elementlerin iç yüzeylerini düz renklerle doldurabilir, dolgu olarak resimler veya desenler kullanabilir ve cihazınızdan görüntü dosyaları ekleyebilirsiniz. Dolgu özelliğinin esnek yapısı, hem görsel açıdan zengin hem de kullanıcı deneyimini iyileştiren tasarımlar oluşturmanıza yardımcı olur. Bu eğitim içeriğinde, renk ile dolgu yapmayı, harici resimler kullanarak arka plan oluşturmayı, desen ve dokularla dolguları zenginleştirmeyi ve kendi görsellerinizi tasarımlarınıza entegre etmeyi öğreneceksiniz.

Fill Özellikleri

1. Color 

Elementin gövdesini belirli bir renk ile doldurabilirsiniz. Bunun için:

  • Element Seçimi: Renk eklemek istediğiniz elementi seçin.
  • Color Picker Kullanımı: Fill (Dolgu) bölümündeki Color Picker aracılığıyla rengin tonunu ve parlaklığını seçebilirsiniz.
  • Renk Kodları:
    • HEX: Örneğin, #FF5733 gibi altı haneli kodlar kullanabilirsiniz.
    • RGB veya RGBA: Örneğin, rgb(255, 87, 51) veya şeffaflık eklemek için rgba(255, 87, 51, 0.5) kullanabilirsiniz.

2. Style

Sık kullanılan renk tonlarını farklı elementlerde tekrar kullanmak için bir stil şablonu oluşturabilirsiniz:

  • Yeni Stil Oluştur: Renk tonlarınızı kaydedip farklı elementlerde kullanarak zamandan tasarruf edebilirsiniz.
  • Stil Yükleme: Kaydettiğiniz stilleri kolayca yükleyerek tasarım tutarlılığını sağlayabilirsiniz.

3. Image Library

Elementlerin arka planına resimler ekleyebilirsiniz. Image Library şu formatları destekler:

  • JPG, PNG, SVG, XML.
    Eklenen arka plan resmini daha etkili bir şekilde kullanmak için konum ve tekrarlama seçeneklerinden faydalanabilirsiniz.

4. Fill’de Image Library With AI 

Kuika'nın yapay zeka asistanı ile ekranların veya elementlerin arka planına özel resimler oluşturabilirsiniz.

  • Generate With AI: Bu butona tıklayın ve açılan Prompt Giriş kutusuna ihtiyacınız olan resimle ilgili detaylı bilgiler yazın.
  • Öneri Listesi: Yapay zeka, verdiğiniz bilgiler doğrultusunda resim önerileri sunar. Beğendiğiniz resimleri bulut ikonuna tıklayarak resim kütüphanenize ekleyebilirsiniz.

5. Repeat 

Eklediğiniz arka plan resminin boyutuna bağlı olarak, ekranın genişliğine veya yüksekliğine göre resmin tekrar tekrar görüntülenmesini sağlayabilirsiniz.

  • Resim, ekrandaki tarayıcı genişliğine bağlı olarak yatay veya dikey yönde tekrar eder.
  • Özellikle desenli veya dokulu arka planlar için bu özellik oldukça kullanışlıdır.

6. Position 

Eklediğiniz resmin pozisyonunu ayarlayabilirsiniz. Position (Konum) ayarları:

  • Center (Orta): Resim ekranın tam ortasında konumlandırılır.
  • Right (Sağ): Resim ekranın sağ tarafına yerleştirilir.
  • Left (Sol): Resim ekranın sol tarafına yerleştirilir.
  • Top (Üst): Resim ekranın üst kısmına yerleştirilir.
  • Bottom (Alt): Resim ekranın alt kısmına yerleştirilir.

Resmin konumlandırılması, ekran veya tarayıcı boyutuna bağlı olarak değişiklik gösterebilir. Örneğin, Position → Center seçildiğinde resim, tarayıcı genişliğine bağlı olarak orta alanda kalır.

Fill Özelliklerinin Avantajları

  • Esneklik: Renkler ve arka plan resimleri arasında geçiş yaparak tasarım özgürlüğünüzü artırabilirsiniz.
  • Tutarlılık: Kaydedilen renk ve stil şablonları ile uygulama genelinde tasarım bütünlüğü sağlayabilirsiniz.
  • Yapay Zeka Desteği: AI ile arka plan resimleri üreterek zaman kazanabilir ve özgün tasarımlar oluşturabilirsiniz.
  • Dinamik Kullanım: Tekrarlama ve konumlandırma seçenekleri ile arka plan tasarımlarını ihtiyacınıza göre şekillendirebilirsiniz.

Kuika'nın Fill (Dolgu) özelliği, kullanıcı dostu arayüzü ve güçlü araçları ile tasarımlarınızın görsel etkisini artırırken, kullanım kolaylığı sağlar.

İlişkili diğer içerikler

Sözlük

No items found.

Alt Başlıklar