Opowiedz o standardach UI związanych z Material Design.

Material Design to system wizualnego projektowania opracowany przez Google. Zawiera standardy dla typografii, siatki, koloru, elementów interaktywnych, wykorzystania przestrzeni i ruchu.

Podstawowe zasady:

• Materiał — metafora. Używa rzeczywistych właściwości fizycznych do naśladowania zachowania obiektów (podniesienie, cień).
• Odważny, graficzny, celowy — nacisk na typografię, paletę kolorów i obrazy w celu tworzenia hierarchii i znaczenia.
• Ruch — z sensem. Przejścia i animacje pomagają użytkownikowi się orientować i zrozumieć, co się wydarzyło.

Kluczowe komponenty i zasady:

• Kolor: Użycie głównej palety (kolory podstawowe, drugorzędne) i pomocniczych (powierzchnia, tło, błąd, pasek stanu). Spójność schematu kolorów.
• Typografia: Określone czcionki (np. Roboto, Open Sans), rozmiary i style (nagłówek, tytuł, ciało, podpis) dla różnych poziomów hierarchii tekstu.
• Ikony: Jednolity styl, rozmiar, kształt i grubość linii. Grafika wektorowa.
• Struktura i nawigacja: Użycie standardowych elementów: pasek aplikacji, szuflada nawigacyjna, dolny pasek nawigacji.
• Przestrzeń: Przestrzeganie standardowych wartości marginesów, pól, rozmiarów elementów (np. kroki w 4dp lub 8dp).
• Cień i wysokość: Użycie cieni do tworzenia głębi i wyróżniania elementów interaktywnych (np. przycisków). Większa wysokość = mocniejszy cień.
• Formy: Zaokrąglone rogi, kształty dla przycisków, kart i innych elementów.
• Stany: Wyraźne wizualne przedstawienie stanów elementów (włączony, wyłączony, skupiony, naciśnięty).
• Wprowadzanie danych: Standaryzowane pola wprowadzania (pola tekstowe) z podpowiedziami i wskaźnikami błędów.
• Dialogi i komunikaty: Użycie standardowych okien dialogowych i Snackbarów do powiadomień.

Standardy UI w Material Design mają na celu tworzenie intuicyjnego, spójnego i przyjemnego doświadczenia użytkownika na różnych urządzeniach i platformach.