Sobes.tech
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.