Stil

Widget'ların stilini etkili bir şekilde belirlemek, görsel olarak çekici ve tutarlı bir kullanıcı deneyimi sağlamak için çok önemlidir. Bu bölümde, en yararlı ve ilgi çekici Android widget'larını oluşturmak için rengi ve tipografiyi tanımlamaya yönelik temel kavramlar ve teknikler açıklanmaktadır.

Renk

Stili ifade etmek ve anlamı aktarmak için renklerden yararlanın. Widget renkleriniz için uygun renkleri ayarlamak okunabilirlik, kişiselleştirme ve tabii ki uygulamanızın marka kimliğini ifade etme açısından çok önemlidir.

Erişilebilirlik kontrastı yönergelerine uymak ve kullanıcı tarafından oluşturulan renk ile koyu veya açık temalar gibi dinamik renk özelliklerini desteklemek için Malzeme renk rollerini ve jetonlarını kullanın.

Daha fazla bilgi için Materyal Tasarım Renk kılavuzuna bakın.

Dinamik temalar

Android 12'den itibaren widget'lar düğmeler, arka planlar ve diğer bileşenler için cihaz tema renklerini kullanabilir. Bu şekilde farklı widget'lar, ana ekran simgeleri ve duvar kağıtları arasında görsel tutarlılık sağlanır ve Android kullanıcılarına daha tutarlı bir kullanıcı deneyimi sunulur. Sağlanan renk jetonlarını kullanmak, widget'ınızın farklı cihaz üreticileri tarafından sağlanan cihaz temalarında ve kullanıcı tarafından ayarlanan dinamik temalarda entegre edilmiş görünmesini sağlar.

Şekil 1: Renk belirteçlerinin gösterildiği bir widget resmi.

Açık ve koyu mod

Koyu mod, cihaz kullanıcı arayüzünün düşük ışıkta gösterilen ve çoğunlukla koyu yüzey renklerini gösteren bir sürümüdür. Daha iyi pil ömrü ve göz konforu için kullanıcılar koyu moda giderek daha geçiş yapıyor. Widget'ınız koyu moda uyum sağlamazsa yerinde görünmez ve kullanıcıları rahatsız edebilir.

Şekil 2: Sol ekranda açık modda, sağ tarafta koyu renkli bir widget.

Yazı biçimi

Tipografi, yazıların okunaklı ve güzel olmasını sağlar. Kullanıcıların dikkatini en önemli öğelere yönlendirerek net bir hiyerarşi oluşturmak için yazı tipi boyutlarını ve ağırlıklarını kullanın. Özellikle bir widget'ın kısıtlı alanında daha küçük metin görünümleri söz konusu olduğunda okunabilirliği artırmak için satır aralığına ve harf aralıklarına (aralık aralığı) dikkat edin.

Hiyerarşi

Hiyerarşi; yazı tipi kalınlığı, boyutu, satır yüksekliği ve harf aralıklarındaki farklılıklarla iletilir. Güncellenen tür ölçeği, metin stillerini, kullanım amaçlarını açıklayacak şekilde adlandırılmış beş rol halinde düzenler. Beş metin stili; görüntü, 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 uygulamaya olanak tanır.

Şekil 3: Farklı ölçek türlerinin kullanımını gösteren bir widget.