Bu öğrenme içeriğinde, Styling panelinde yer alan Text ve Fill alanlarında bulunan renk paletiyle nasıl çalışabileceğimizi keşfedeceğiz.
Öncelikle, Text bölümünde bulunan color alanı ile başlayalım. Burada, Label ve Icon elementlerinin metin renklerini değiştirebilirsiniz. Aynı şekilde, Button ve Input elementleri için de metin rengini bu bölüm üzerinden ayarlayabiliriz.
Şimdi dikkatimizi Fill bölümüne çevirelim. Burada, elementlere arka plan rengi ekleyebilir veya ekranın genel arka plan rengini güncelleyebiliriz. Bu süreçte, size önceden tanımlanmış stillerden yararlanma imkanı da sunuluyor.
Bir ikon elementini ekrana sürükleyip bıraktığımızda, nasıl renk değişiklikleri yapabileceğimizi görelim. İkonun rengini değiştirmek istediğinizde, bir label'ın metin rengini değiştirir gibi, Text alanını kullanabilirsiniz. Ve eğer ikonunuza bir arka plan rengi eklemek istiyorsanız, Fill bölümündeki Color alanı tam da ihtiyacınız olan yer.
Renklerle çalışmanın temellerini inceledik. Peki, kullandığımız bu renk paleti hangi özelliklere sahip?
İlk olarak, Saturation yani doygunluk ve Brightness yani parlaklık ile karşılaşıyoruz. Doygunluk, renklerin yoğunluğunu; parlaklık ise ne kadar açık veya koyu olduklarını belirler. Doygunluk arttıkça renk daha canlı, parlaklık arttıkça renk tonu değişir.
Hemen ardından Hue yani renk tonu ile tanışıyoruz. Renk tonu, farklı dalga boylarındaki ışığın yarattığı renkleri ifade eder. Bu özellik, üzerinde oynadığınızda renk tonunun nasıl değiştiğini görebileceğiniz bir araçtır.
Üçüncü sırada Alfa Channel bulunuyor. Bu, bir rengin veya görüntünün şeffaflık derecesini belirler. Alfa değerini düşürdüğünüzde, saydamlık artar.
Sonra, renklerimizi temsil etmek için kullandığımız Hex kodu, RGB ve Alfa channel value değerlerine değinelim. Hex kodları ve RGB modeli, renklerin elektronik cihazlarda nasıl oluşturulduğunu anlamamızı sağlar. Alfa Channel değeri ise rengin saydamlık seviyesini ayarlar.
Beşinci olarak, Kuika'nın sunduğu 16 farklı renk seçeneği üzerine konuşalım. Bu renk seçenekleri hazır olarak sunulur ve renk seçimlerinizi kolaylaştırır.
Ve son olarak, eklediğiniz renkleri kaydedebileceğiniz bir alanımız var. Bu, projenizde tekrar tekrar kullanmak üzere renkleri hızlıca bulmanıza olanak tanır. Burada, kaydettiğiniz renkleri liste veya grid olarak görüntüleyebilirsiniz.
Renklerle çalışmanın temellerini öğrendiniz. Artık Kuika ile renkli ve canlı ekran tasarımları yapmaya hazırsınız!
Bu öğrenme içeriğinde, Styling panelinde yer alan Text ve Fill alanlarında bulunan renk paletiyle nasıl çalışabileceğimizi keşfedeceğiz.
Öncelikle, Text bölümünde bulunan color alanı ile başlayalım. Burada, Label ve Icon elementlerinin metin renklerini değiştirebilirsiniz. Aynı şekilde, Button ve Input elementleri için de metin rengini bu bölüm üzerinden ayarlayabiliriz.
Şimdi dikkatimizi Fill bölümüne çevirelim. Burada, elementlere arka plan rengi ekleyebilir veya ekranın genel arka plan rengini güncelleyebiliriz. Bu süreçte, size önceden tanımlanmış stillerden yararlanma imkanı da sunuluyor.
Bir ikon elementini ekrana sürükleyip bıraktığımızda, nasıl renk değişiklikleri yapabileceğimizi görelim. İkonun rengini değiştirmek istediğinizde, bir label'ın metin rengini değiştirir gibi, Text alanını kullanabilirsiniz. Ve eğer ikonunuza bir arka plan rengi eklemek istiyorsanız, Fill bölümündeki Color alanı tam da ihtiyacınız olan yer.
Renklerle çalışmanın temellerini inceledik. Peki, kullandığımız bu renk paleti hangi özelliklere sahip?
İlk olarak, Saturation yani doygunluk ve Brightness yani parlaklık ile karşılaşıyoruz. Doygunluk, renklerin yoğunluğunu; parlaklık ise ne kadar açık veya koyu olduklarını belirler. Doygunluk arttıkça renk daha canlı, parlaklık arttıkça renk tonu değişir.
Hemen ardından Hue yani renk tonu ile tanışıyoruz. Renk tonu, farklı dalga boylarındaki ışığın yarattığı renkleri ifade eder. Bu özellik, üzerinde oynadığınızda renk tonunun nasıl değiştiğini görebileceğiniz bir araçtır.
Üçüncü sırada Alfa Channel bulunuyor. Bu, bir rengin veya görüntünün şeffaflık derecesini belirler. Alfa değerini düşürdüğünüzde, saydamlık artar.
Sonra, renklerimizi temsil etmek için kullandığımız Hex kodu, RGB ve Alfa channel value değerlerine değinelim. Hex kodları ve RGB modeli, renklerin elektronik cihazlarda nasıl oluşturulduğunu anlamamızı sağlar. Alfa Channel değeri ise rengin saydamlık seviyesini ayarlar.
Beşinci olarak, Kuika'nın sunduğu 16 farklı renk seçeneği üzerine konuşalım. Bu renk seçenekleri hazır olarak sunulur ve renk seçimlerinizi kolaylaştırır.
Ve son olarak, eklediğiniz renkleri kaydedebileceğiniz bir alanımız var. Bu, projenizde tekrar tekrar kullanmak üzere renkleri hızlıca bulmanıza olanak tanır. Burada, kaydettiğiniz renkleri liste veya grid olarak görüntüleyebilirsiniz.
Renklerle çalışmanın temellerini öğrendiniz. Artık Kuika ile renkli ve canlı ekran tasarımları yapmaya hazırsınız!
