Middle
Räägi mulle UI standarditest, mis on seotud Material Designiga.
sobes.tech AI
Vastus AI-lt
Material Design on Google'i välja töötatud visuaalse disaini süsteem. See hõlmab standardeid tüpograafia, võrgustiku, värvi, interaktiivsete elementide, ruumi ja liikumise jaoks:
Põhiprintsiibid:
- Materjal — metafoor. Kasutab reaalseid füüsikalisi omadusi objektide käitumise jäljendamiseks (tõstmine, vari).
- Julge, graafiline, eesmärgipärane — rõhk tüpograafiale, värvipaleti ja piltidele hierarhia ja tähenduse loomiseks.
- Liikumine — mõistlik. Üleminekud ja animatsioonid aitavad kasutajal orienteeruda ja mõista, mis juhtus.
Peamised komponendid ja reeglid:
- Värv: kasutab põhipaletti (peamised, sekundaarsed värvid) ja abivärve (pind, taust, viga, olekuliin). Värviskeemi järjepidevus.
- Tüpograafia: määratletud fondid (nt Roboto, Open Sans), suurused ja stiilid (pealkiri, pealkiri, keha, alapealkiri) erinevate hierarhiatasemete jaoks.
- Ikoonid: ühtne stiil, suurus, kuju ja joonte paksus. Vektorpildid.
- Struktuur ja navigatsioon: kasutatakse standardseid elemente: rakenduse riba, navigeerimiskast, alumine navigeerimisriba.
- Auk: järgib standardväärtusi vahede, väljade ja elementide suuruste osas (nt sammud 4dp või 8dp).
- Varjud ja kõrgus: kasutatakse varju, et luua sügavust ja esile tõsta interaktiivseid elemente (nt nupud). Suurem kõrgus = tugevam vari.
- Vormid: rakendatakse ümarate nurkadega vorme, nuppude, kaartide ja teiste elementide jaoks.
- Oleku: selge visuaalne olekute (toimib, mitte-toimib, keskendunud, vajutatud) kuvamine.
- Andmesisestus: standardiseeritud sisestusväljad (tekstiväljad) näidete ja vigade indikaatoritega.
- Dialoogid ja teated: kasutatakse standardseid dialoogaknaid ja Snackbar'eid teavitamiseks.
UI standardid Material Designis on suunatud intuitiivse, ühtse ja meeldiva kasutajakogemuse loomisele erinevatel seadmetel ja platvormidel.