Sobes.tech
Middle

Material Design ile ilgili UI standartlarından bahseder misiniz?

sobes.tech yapay zeka

AI'dan gelen yanıt

Material Design, Google tarafından geliştirilen görsel tasarım sistemidir. Tipografi, ızgara, renk, etkileşimli öğeler, alan kullanımı ve hareket için standartlar içerir.

Temel ilkeler:

  • Materyal — mecaz. Nesnelerin davranışını taklit etmek için gerçek fiziksel özellikler kullanır (kaldırma, gölge).
  • Cesur, grafik, kasıtlı — tipografi, renk paleti ve görseller üzerinde vurgu yaparak hiyerarşi ve anlam oluşturur.
  • Hareket — anlamlı. Geçişler ve animasyonlar, kullanıcının yönlendirilmesine ve ne olduğunu anlamasına yardımcı olur.

Ana bileşenler ve kurallar:

  • Renk: Ana palet (birincil, ikincil renkler) ve yardımcı renkler (yüzey, arka plan, hata, durum çubuğu) kullanımı. Renk şemasında tutarlılık.
  • Tipografi: Belirli yazı tipleri (örneğin, Roboto, Open Sans), boyutlar ve stiller (başlık, alt başlık, gövde, açıklama) farklı metin hiyerarşileri için.
  • İkonlar: Tek tip stil, boyut, şekil ve çizgi kalınlığı. Vektör görseller.
  • Yapı ve gezinme: Standart öğelerin kullanımı: Uygulama çubuğu, gezinme çekmecesi, alt gezinme çubuğu.
  • Alan: Standart boşluk, kenar boşlukları ve öğe boyutlarına uyum (örneğin, 4dp veya 8dp adımlarla).
  • Gölge ve yükseklik: Gölge kullanımı, derinlik yaratmak ve etkileşimli öğeleri vurgulamak için (örneğin, düğmeler). Daha yüksek = daha belirgin gölge.
  • Şekiller: Yuvarlatılmış köşeler, düğmeler, kartlar ve diğer öğeler için şekiller.
  • Durumlar: Öğelerin durumlarının net görsel gösterimi (etkin, devre dışı, odaklanmış, basılmış).
  • Veri girişi: Standartlaştırılmış giriş alanları (Metin alanları) ve hata göstergeleri ile.
  • Diyaloglar ve mesajlar: Standart diyalog pencereleri ve Snackbar kullanımı.

Material Design'daki UI standartları, farklı cihazlar ve platformlarda sezgisel, tutarlı ve hoş bir kullanıcı deneyimi yaratmayı amaçlar.