Widget'ları etkili bir şekilde stilize etmek, görsel olarak çekici ve tutarlı bir kullanıcı deneyimi elde etmek için çok önemlidir. Bu bölümde, en faydalı ve ilgi çekici Android widget'larını oluşturmak için renk ve tipografiyi tanımlamaya yönelik temel kavramlar ve teknikler ele alınmaktadır.
Renk
Stili ifade etmek ve anlamı iletmek için renkleri kullanın. Widget renkleriniz için uygun renkler ayarlamak; okunabilirlik, kişiselleştirme ve elbette uygulamanızın marka kimliğini ifade etme açısından çok önemlidir.
Erişilebilirlik kontrastı yönergelerini karşılamak ve kullanıcı tarafından oluşturulan renkler ile koyu veya açık temalar gibi dinamik renk özelliklerini desteklemek için Material renk rollerini ve jetonlarını kullanın.
Öğelerde canlı bir kontrast oluşturmak için vurgu rollerini kullanarak görsel hiyerarşiyi keşfedin veya markanızı ifade eden daha eğlenceli bir özel tema keşfedin.
Renk rolleri hakkında daha fazla bilgi edinmek için Materyal Tasarım'da Renk yönergeleri bölümüne bakın.
Şekil
Widget'ınızın şekli, widget'ınızın ruh halini belirler. Dikdörtgen widget'lar için sistemin köşe yarıçapı özelliğini kullanın. Bu özellik, farklı cihazlarda tutarlılık sağlar ve widget içeriğinin kırpılmasını önlemeye yardımcı olur.
Widget'ınızda fotoğraf, hava durumu veya mevcut şarkı çalma gibi minimum düzeyde veri içeriği gösteriliyorsa widget'ınızın tamamını etkileyici bir şekil haline getirerek kullanıcınızın ana ekranına heyecan verici bir enerji katmayı deneyin. Daha karmaşık düzenleriniz ve verileriniz varsa görsel hiyerarşi için, yeni içeriği veya harekete geçirici mesajı vurgulamak amacıyla ifade edici şekiller kullanabilirsiniz.
Daha fazla bilgi edinmek için Yuvarlak köşeleri uygulama başlıklı makaleyi inceleyin.
Dinamik temalar
Android 12'den itibaren widget'lar düğmeler, arka planlar ve diğer bileşenler için cihaz teması renklerini kullanabilir. Bu sayede farklı widget'lar, ana ekran simgeleri ve duvar kağıtları arasında görsel tutarlılık sağlanır. Böylece Android kullanıcılarına daha uyumlu bir kullanıcı deneyimi sunulur. Sağlanan renk jetonlarını kullanmak, widget'ınızın farklı cihaz üreticileri tarafından sağlanan cihaz temaları ve kullanıcı tarafından ayarlanan dinamik temalar genelinde entegre görünmesine yardımcı olur.
Açık ve koyu tema
Koyu tema, cihaz kullanıcı arayüzünün düşük ışıkta kullanılan ve çoğunlukla koyu yüzey renklerinin gösterildiği bir sürümüdür. Kullanıcılar, daha iyi pil ömrü ve göz konforu için giderek daha fazla koyu temaya geçiyor. Widget'ınız koyu temaya uyum sağlamazsa uygunsuz görünür ve kullanıcıları rahatsız edebilir.
Yazı biçimi
Tipografi, yazının okunabilir ve güzel görünmesine yardımcı olur. Kullanıcının gözünü en önemli öğelere yönlendirmek için net bir hiyerarşi oluşturmak üzere yazı tipi boyutlarını ve ağırlıklarını kullanın. Okunabilirliği artırmak için satır aralığına ve harf aralığına (karakter aralığı) dikkat edin. Bu özellikle bir widget'ın sınırlı alanındaki daha küçük metin gösterimleri için önemlidir.
Hiyerarşi
Hiyerarşi, yazı tipi ağırlığı, boyutu, satır yüksekliği ve harf aralığındaki farklılıklarla iletilir. Güncellenen tür ölçeği, metin stillerini amaçlarını açıklayan adlara sahip beş role ayırır. Beş metin stili vardır: gösterim, başlık, başlık, alt başlık ve gövde. Yeni roller cihazdan bağımsızdır ve çeşitli kullanım alanlarında daha kolay uygulanabilir.
Widget'lar sistem yazı tiplerini kullansa da etkileyici ayrıntılar eklemek için dramatik ölçekler kullanabilirsiniz: Başlıklar, etiketler ve verilerle daha cesur olun.
