Bir arayüz bugün açık ve karanlık temayla, büyük yazı tercihleriyle ve bazen birden çok markayla çalışmak zorundadır. Bu modül temanın ne olduğunu, tasarım belirteçleriyle tema kurmayı, iki temada kontrastı korumayı ve kullanıcının cihaz tercihlerine uymayı anlatır.
Bu modülün sonunda
- Bir arayüzün renklerini anlamsal belirteçlerle tanımlar ve iki tema üretir.
- Bir arayüzü büyük yazı ve yüksek kontrast tercihleriyle sınar.
Dersler
- M07-D01Tema nedirProgramda
Bir temanın hangi kararları (renk, yazı, köşe, gölge) değiştirdiğini ve hangilerini sabit bıraktığını açıklar.
Dayanak: Arayüz tema sistemleri (kaynak yazımda seçilir)
- M07-D02Belirteçlerle temaProgramda
Renkleri ham değer yerine anlamsal adlarla tanımlamanın tema değiştirmeyi nasıl kolaylaştırdığını gösterir; sistem tarafı için Tasarım Sistemleri akademisini gösterir.
Dayanak: Meslek kaynağı: W3C Design Tokens Community Group biçim taslağı (sürüm yazımda doğrulanır); Tasarım Sistemleri akademisine bağlantı
- M07-D03İki temada kontrastProgramda
Açık ve karanlık temada bütün renk çiftlerinin kontrastını ayrı ayrı ölçmeyi gösterir.
Dayanak: Standart: W3C, WCAG 2.2 (2023)
- M07-D04Kullanıcı tercihleriProgramda
Cihazın yazı boyutu, yüksek kontrast ve renk şeması tercihlerine arayüzün uymasını açıklar.
Dayanak: Standart: W3C, WCAG 2.2 (2023), metni yeniden boyutlandırma ölçütü; W3C, Media Queries Level 5 (kullanıcı tercihleri)