Fill (Dolgu)
Elementlere Fill (Dolgu) ekleyin.
Elementlerin gövde/dolgu renklerini ekleyebilir, düzenleyebilir veya dolgu olarak tanımlı image'leri kullanabilir, cihazınızdan image ekleyebilirsiniz.
Color (Renk)
Gövde rengi ile doldurmak istediğiniz elementi seçtikten sonra, fill (dolgu) bölümünde yer alan Color Picker ile Hue üzerindeki rengi ve tonu seçebilir, HEX veya RGB(A) kodu ile istediğiniz rengi ekleyebilirsiniz.
Style (Stil)
Yeni bir stil oluştur ile bir stil şablonu oluşturarak aynı renk tonunu farklı elementlerde tekrar tekrar kullanabilirsiniz.
Image Library (Image Kütüphane)
Elementin arka planına bir resim ekleyebilirsiniz. Image Library, JPG, PNG, SVG ve XML gibi formatları destekler. Eklenen arka plan resmini konum seçenekleriyle ayarlayabilirsiniz.
Fill’de Image Library With AI
Yapay zeka asistanı ile ekranların ve elementlerin arka planına kolay ve hızlı bir şekilde resimleri üretebilir ve ekleyebilirsiniz. Generate With AI butonuna tıklayın. Açılan Prompt girme kutusuna ihtiyaç duyduğunuz resim ile ilgili gerekli bilgileri giriniz.
Yapay zeka asistanı, tanımlanan bilgiler doğrultusunda resim önerileri sunar. Sunulan resim önerilerini bulut ikonuna tıklayarak resim kütüphanesine ekleyebilirsiniz.
Repeat (Tekrarlayıcı)
Eklenen arka plan resminin boyutuna bağlı olarak, ekran/tarayıcı genişliğine göre art arda görüntülenmesini sağlayabilirsiniz.
Position (Konum)
Center (Orta), right (sağ), left (sol),top (üst) ve bottom (alt) seçeneklerinden ihtiyacınıza göre eklemiş olduğunuz resmin pozisyonunu belirleyebilirsiniz. Burada görselin orijinal boyutuna bağlı olarak görüntülenmesi ekran/browser değişikliğine göre farklılık gösterecektir. Ekleyeceğiniz görselin position ⟶center seçerseniz görseliniz orta alanda konumlandırılacaktır. Position ⟶ right seçerseniz görseliniz sağ tarafta konumlandırılacaktır.
Elementlerde Fill (Dolgu) Ayarları Yapma
UI Design görünümünde, Fill (Dolgu) ayarlarını yapmak istediğiniz elementi seçin.
Fill alanı içerisinde yer alan Styles yanındaki üç nokta ikonuna tıklayınca gelen Add New Style’a tıklayarak farklı elementlerde ya da yerlerde kullanmak üzere Fill stillerinizi kaydedebilirsiniz.
Styles alanında yer alan Search Box içerisinde Load Style’a tıklayınca gelen hazır stillerden de seçim yapabilirsin.
Renk seçmek için Custom Style alanı içerisinden, Color seçeneğini kullanabilirsiniz. Renk seçici aracını kullanarak istediğiniz rengi belirleyebilirsiniz. HEX veya RGB(A) kodu kullanarak da istediğiniz rengi belirtebilirsiniz.
Background Image ile elementlerin dolgu rengine görseller ekleyebilirsiniz. Add ile cihazınızdan görsel seçebileceğiniz gibi Generate with AI ile yapay zeka tarafından görsel oluşturup elementin dolgusunu bu görsellerle ayarlayabilirsiniz.
Fill (Dolgu) ayarlarını yaptıktan sonra, elementin dolgu rengi otomatik olarak güncellenecektir.
Fill (Dolgu) içerisinde yer alan stiller elementlere göre değişmektedir. Bazı elementlerde Fill içerisinde yer alan bütün özellikleri kullanabilirken bazı elementlerde ise sınırlı özellikler kullanılmaktadır.
Last updated
