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.