Sobes.tech
Middle

Material Design ilə əlaqəli UI standartları haqqında danış.

sobes.tech Süni İntellekt

AI-dan cavab

Material Design — Google tərəfindən hazırlanmış vizual dizayn sistemidir. Tipografiya, şəbəkə, rəng, qarşılıqlı elementlər, məkanın istifadəsi və hərəkət üçün standartları əhatə edir.

Əsas prinsiplər:

  • Material — metafora. Ob'ektlərin davranışını təqlid etmək üçün real fiziki xüsusiyyətlərdən istifadə edir (qaldırma, kölgə).
  • Cəsarətli, qrafik, məqsədyönlü — tipografiya, rəng palitrası və şəkillərə vurğu edərək hierarxiya və mənanı yaradır.
  • Hərəkət — mənalı. Keçidlər və animasiyalar istifadəçiyə istiqamət verməyə və baş verəni anlamasına kömək edir.

Əsas komponentlər və qaydalar:

  • Rəng: Əsas palitranın (əsas, ikinci rənglər) və köməkçi (səth, fon, səhv, vəziyyət çubuğu) istifadəsi. Rəng sxemində ardıcıllıq.
  • Tipografiya: Müəyyən edilmiş şriftlər (məsələn, Roboto, Open Sans), ölçülər və üslublar (başlıq, alt başlıq, mətn, şərh) müxtəlif mətn hierarxiyaları üçün.
  • İkonlar: Birləşmiş üslub, ölçü, forma və xətlərin qalınlığı. Vektor şəkillər.
  • Struktur və naviqasiya: Standart elementlərin istifadəsi: tətbiq çubuğu, naviqasiya çəkməyi, aşağı naviqasiya çubuğu.
  • Məkan: Standart boşluqlar, kənar boşluqlar və elementlərin ölçülərinə riayət etmək (məsələn, 4dp və ya 8dp addımlar ilə).
  • Gölge və hündürlük: Gölgələrdən istifadə edərək dərinlik yaratmaq və qarşılıqlı elementləri vurğulamaq (məsələn, düymələr). Daha çox hündürlük = daha güclü kölgə.
  • Formalar: Yumru künclər, düymələr, kartlar və digər elementlər üçün formalar.
  • Vəziyyətlər: Elementlərin vəziyyətlərinin aydın vizual nümayişi (aktiv, deaktiv, fokuslanmış, basılmış).
  • Məlumat daxil etmə: Standartlaşdırılmış giriş sahələri (mətn sahələri) və səhv göstəriciləri ilə.
  • Dialoqlar və mesajlar: Standart dialoq pəncərələri və Snackbar istifadə etmək.

Material Design UI standartları müxtəlif cihazlar və platformalarda intuitiv, ardıcıl və xoş istifadəçi təcrübəsi yaratmağa yönəlib.