Karty

Karty mogą zawierać różne informacje, takie jak tekst, ikony, obrazy, odpowiedzi Gemini lub działania.

Zasady

Spójność: karty grupują powiązane informacje i działania w jedną, łatwą do przyswojenia całość.

Przejrzystość: prezentują treści w przejrzysty i uporządkowany sposób, co ułatwia ich przeglądanie.

Wszechstronność: karty mogą dostosowywać się do wyświetlania szerokiego zakresu treści, od krótkich opisów tekstowych po bardziej złożone podsumowania z wieloma elementami.

Modułowy: zaprojektowany jako modułowy i wielokrotnego użytku w różnych częściach interfejsu Jetpack Compose Glimmer na okulary.

Użycie i umieszczenie

Karty mogą zawierać różne informacje, takie jak tekst, ikony, obrazy, działania lub odpowiedzi Gemini.

Używaj szablonów kart Glimmer Jetpack Compose, ponieważ są dostępne w wielu odmianach i od razu zoptymalizowane pod kątem zasad projektowania okularów.

check_circle

Tak

Treści powinny być zwięzłe i zgodne ze sprawdzonymi metodami dotyczącymi stylu, np. użycia kolorów.

cancel

Nie

przesyłać użytkownikom zbyt dużo treści na kartach lub rezygnować z wytycznych dotyczących stylu;

Użyj grupy przycisków z kartą, aby wyświetlić więcej niż 1 działanie.

check_circle

Tak

Umieść na karcie dokładnie 1 zagnieżdżony przycisk, aby zapewnić większą przejrzystość.

cancel

Nie

mieć kilka przycisków na karcie, Kart nie należy traktować jako okien dialogowych na urządzeniach mobilnych.

Anatomia

Karty są tworzone przy użyciu gotowych szablonów miejsc.

1. Nagłówek: górna sekcja karty przeznaczona na obraz. 

2. Tytuł i podtytuł: te pola tekstowe zawierają główne i dodatkowe etykiety karty. 

3. Ikona początkowa: opcjonalna ikona, która pojawia się na początku obszaru treści karty.

4. Ikona na końcu: opcjonalna ikona, która pojawia się na końcu obszaru treści karty.

5. Działanie: miejsce na główny element interaktywny, np. przycisk. Dzięki temu użytkownicy mogą wykonywać działania bezpośrednio z karty. Jeśli karta zawiera działanie, powinna zawierać tylko jedno działanie.

6. Główna treść: główna część karty, w której umieszczasz tekst lub inne treści.

Koncentracja

W przypadku kart, których głównym celem jest umieszczenie konkretnego elementu interaktywnego (np. przycisku w działaniu), fokus powinien być kierowany bezpośrednio na ten element, a nie na kontener karty. Karta staje się elementem, na którym można ustawić fokus, gdy reprezentuje pojedynczy element, po którym można się poruszać, np. wpis na liście. Zapewnia to bardziej bezpośrednie i dostępne środowisko użytkownika.

Karta, która jest zaznaczona jako element listy.

 Przycisk na karcie jest aktywnym elementem.

Dostosowywanie