Mesélj az UI szabványokról, amelyek a Material Designhoz kapcsolódnak.

A Material Design egy vizuális tervezési rendszer, amelyet a Google fejlesztett ki. Szabványokat tartalmaz a tipográfiára, rácsokra, színre, interaktív elemekre, a tér használatára és a mozgásra.

Alapelvek:

• Anyag — metafora. Valós fizikai tulajdonságokat használ az objektumok viselkedésének utánzására (emelés, árnyék).
• Merész, grafikus, szándékos — hangsúly a tipográfián, a színpalettán és a képeken, hierarchia és értelem kialakítása érdekében.
• Mozgás — értelmes. Átmenetek és animációk segítik a felhasználót tájékozódni és megérteni, mi történt.

Kulcsfontosságú komponensek és szabályok:

• Szín: A fő paletta (elsődleges, másodlagos színek) és segédpaletták (felület, háttér, hiba, állapotsáv) használata. Színskéma konzisztenciája.
• Tipográfia: Meghatározott betűtípusok (pl. Roboto, Open Sans), méretek és stílusok (címsor, cím, szöveg, felirat) különböző szinteken.
• Ikonok: Egységes stílus, méret, forma és vonalvastagság. Vektoros képek.
• Struktúra és navigáció: Szabványos elemek használata: alkalmazás sáv, navigációs fiók, alsó navigációs sáv.
• Tér: Szabványos értékek betartása margókra, kitöltésekre és elemek méreteire (pl. lépések 4dp vagy 8dp).
• Árnyék és magasság: Árnyékok használata mélység létrehozására és az interaktív elemek kiemelésére (pl. gombok). Nagyobb magasság = erősebb árnyék.
• Formák: Lekerekített sarkok, formák gombokhoz, kártyákhoz és más elemekhez.
• Állapotok: Az elemek állapotainak egyértelmű vizuális megjelenítése (engedélyezett, letiltott, fókuszált, megnyomott).
• Adatbevitel: Szabványosított bevitelmezők (szövegmezők) javaslatokkal és hibajelzőkkel.
• Párbeszédek és üzenetek: Szabványos párbeszédablakok és Snackbarok használata értesítésekhez.

A Material Design UI szabványai célja, hogy intuitív, egységes és kellemes felhasználói élményt nyújtsanak különböző eszközökön és platformokon.