Papaskink apie UI standartus, susijusius su Material Design.

Material Design – tai vizualinio dizaino sistema, sukurta Google. Ji apima standartus tipografijai, tinkleliui, spalvai, interaktyviems elementams, erdvei ir judesiui:

Pagrindiniai principai:

• Medžiaga — metafora. Naudoja realias fizines savybes, kad imituotų objektų elgesį (pakėlimas, šešėlis).
• Ryškus, grafiškas, tikslingas — dėmesys tipografijai, spalvų paletei ir vaizdams, kuriant hierarchiją ir prasmę.
• Judėjimas — prasmingas. Perėjimai ir animacijos padeda vartotojui orientuotis ir suprasti, kas įvyko.

Pagrindiniai komponentai ir taisyklės:

• Spalva: naudojama pagrindinė paletė (pirminė, antrinė spalvos) ir pagalbinės (surface, background, error, status bar). Spalvų schemos nuoseklumas.
• Tipografija: nustatyti šriftai (pvz., Roboto, Open Sans), dydžiai ir stiliai (headline, title, body, caption) skirtingiems teksto hierarchijos lygiams.
• Piktogramos: vienodas stilius, dydis, forma ir linijų storis. Vektoriniai vaizdai.
• Struktūra ir navigacija: naudojami standartiniai elementai: App bar, Navigation drawer, Bottom navigation bar.
• Erdvė: laikomasi standartinių atstumų, laukų, elementų dydžių (pvz., žingsniai 4dp arba 8dp).
• Šešėlis ir aukštis: naudojami šešėliai, kuriantys gilumą ir išskiriantys interaktyvius elementus (pvz., mygtukus). Didelis aukštis = ryškesnis šešėlis.
• Formos: taikomi apvalinti kampai, formos mygtukams, kortelėms ir kitiems elementams.
• Būsenos: aiškus vizualinis būsenų (įjungtas, išjungtas, sutelktas, paspaustas) atvaizdavimas.
• Duomenų įvedimas: standartinės įvesties sritys (Text fields) su užuominom ir klaidų indikatoriais.
• Dialogai ir pranešimai: naudojami standartiniai dialogo langai ir Snackbar pranešimams.

UI standartai Material Design siekia sukurti intuityvią, vienodą ir malonią naudotojo patirtį skirtinguose įrenginiuose ir platformose.