Ekosystem Wear OS składa się z urządzeń o różnych rozmiarach ekranów. Stosowanie zasad interfejsu adaptacyjnego ma kluczowe znaczenie dla zapewnienia wszystkim użytkownikom najwyższej jakości.
Czym jest interfejs adaptacyjny?
Adaptacyjne interfejsy są rozciągane i zmieniają się tak, aby jak najlepiej wykorzystać całą dostępną przestrzeń na ekranie, niezależnie od rozmiaru ekranu, na którym są renderowane.
Adaptacyjny interfejs użytkownika zmienia się elastycznie, korzystając z komponentów i metod wbudowanych w logikę układu. Układy te wykorzystują też punkty przerwania rozmiaru ekranu – dostosowując różne układy do różnych rozmiarów ekranu – aby zapewnić użytkownikom jeszcze lepsze wrażenia.
Kluczowe rozmiary ekranów
Dowiedz się więcej o rozmiarach plików referencyjnych, o których należy pamiętać podczas projektowania nowych rozwiązań
Typy układów
Projektując układy adaptacyjne na okrągłym ekranie, należy pamiętać, że przewijanie i widok bez przewijania ma unikalne wymagania dotyczące skalowania elementów interfejsu oraz zachowania zrównoważonego układu i kompozycji.
Wszystkie marginesy górny, dolny i boczny powinny być określone procentowo, aby uniknąć przycięcia i zapewnić proporcjonalne skalowanie elementów.
Wszystkie marginesy powinny być określone procentowo, a ograniczenia pionowe powinny być tak zdefiniowane, aby główna treść środkowa mogła się rozciągać, aby wypełnić dostępny obszar.
Zwiększ wartość dzięki adaptacyjnym układom i metodom projektowania
Projektując układy adaptacyjne na okrągłym ekranie, należy pamiętać, że przewijanie i widok bez przewijania ma unikalne wymagania dotyczące skalowania elementów interfejsu oraz zachowania zrównoważonego układu i kompozycji.
Poniższe obrazy są obszernymi sugestiami. Przykłady mają charakter wyłącznie ilustracyjny. Obejrzyj poszczególne komponenty lub stronę platformy, aby uzyskać szczegółowe, kontekstowe i elastyczne wskazówki.
Układy elastyczne pozwalają na użycie większej liczby elementów, kart, większej liczby wierszy tekstu i większej liczby przycisków, które mieszczą się na jednym ekranie.
Użyj nowych układów stosowanych w punktach przerwania o określonym rozmiarze ekranu, aby w miarę możliwości wprowadzać nowe treści i zapewniać użytkownikom dodatkową wartość na urządzeniach o większych rozmiarach.
Użyj dodatkowego miejsca na ekranie, aby wyświetlić większe kontenery, większy tekst, grubsze pierścienie i bardziej szczegółowe wizualizacje danych, co zapewni użytkownikom lepszy rzut oka.
Zwiększ ilość miejsca na ekranie, aby zwiększyć elementy dotykowe, poprawić wizualną hierarchię i dodatkowy odstęp między elementami treści, co ułatwi korzystanie z interfejsów i wygodę korzystania z nich.
Wykorzystaj nasze zaktualizowane komponenty i szablony, aby zapewnić lepszy wygląd i styl interfejsów użytkownika na ekranach wszystkich rozmiarów.
Jakość aplikacji
Nasze wskazówki dotyczące jakości są podzielone na 3 poziomy. Zapewnij użytkownikom maksymalną wygodę dzięki przestrzeganiu wytycznych dotyczących wszystkich 3 poziomów.
|
Gotowe na wszystkie rozmiary ekranów |
Elastyczne i zoptymalizowane |
Adaptacyjne i zróżnicowane |
Wykorzystuj gotowe układy kanoniczne
Używaj gotowych układów kanonicznych, by interfejs użytkownika płynnie dostosowywał się do różnych rozmiarów urządzeń.
Nasze układy kanoniczne zostały tak przemyślane, aby zapewniać wysoką jakość na wszystkich ekranach.