Sobes.tech
Middle

Materialize istifadəçi interfeysi standartları haqqında danış.

sobes.tech Süni İntellekt

AI-dan cavab

Materialize, Google tərəfindən ilhamlanan Material Design-ə əsaslanan ön tərəf çərçivəsidir. O, istifadə üçün hazır olan istifadəçi interfeysi komponentləri təqdim edir; düymələr, formalar, naviqasiya, kartlar, modal pəncərələr və daha çox, Material Design standartlarına uyğun.

Materialize-in həyata keçirdiyi əsas standartlar:

  • Şəbəkə (Grid): Elastik 12 sütunlu şəbəkə, çevik düzənlər qurmaq üçün.
  • Rənglər: Material Design-in əvvəlcədən təyin olunmuş rəng palitrası və tətbiq üçün siniflər.
  • Tipografiya: Material Design rəhbərliklərinə uyğun şriftlər, ölçülər və üslublar.
  • Dərinlik: Elementlərin vizual hierarxiyasını yaratmaq üçün kölgə effekti.
  • Animasiya: Yumuşaq və mənalı keçidlər və animasiyalar.
  • Komponentlər: Material Design-ə uyğun hazırlanmış geniş UI komponentləri.

Materialize-də əsas komponentlər və onların xüsusiyyətləri:

Komponent Xüsusiyyətlər
Düymələr (Buttons) Müxtəlif üslublar (səthi, yüksəlmiş, üzən), ikonlar.
Formlar (Forms) Giriş sahələrinin, seçimlərin, yoxlama qutularının və radiobuttonların üslublanması.
Navigasiya (Navbar) Uyğunlaşa bilən naviqasiya paneli, açılan menyular ilə.
Kartlar (Cards) Məzmunu təşkil etmək üçün konteynerlər, kölgə və yuvarlaq künclərlə.
Modal pəncərələr (Modals) Əhəmiyyətli məlumatlar və ya əməliyyatlar üçün dialoq pəncərələri.
Tablar (Tabs) Məzmun bölmələri arasında keçid.
Toplu (Collections) Elementlərin stilizə olunmuş siyahıları.
Yükləyicilər (Preloaders) Yükləmə göstəriciləri.

Materialize-də düymənin nümunəsi:

<!-- Sadə düymə -->
<a class="waves-effect waves-light btn">button</a>

<!-- İkonlu düymə -->
<a class="btn-floating btn-large waves-effect waves-light red"><i class="material-icons">add</i></a>

Materialize, Material Design prinsiplərinə uyğun olaraq, vahid və intuitiv istifadəçi interfeysi yaratmağa kömək edir. Bu standartların bilinməsi və istifadəsi keyfiyyətli UI təmin etmək üçün vacibdir.