Glass ma unikalny styl, dlatego udostępniamy standardowe szablony kart, paletę kolorów, typologię i wskazówki do pisania, których możesz przestrzegać, gdy tylko jest to możliwe.
Zanim zaprojektujesz niestandardowe układy, użyj dostępnych CardBuilderLayouts dostępnych w GDK, aby zapewnić użytkownikom spójne wrażenia. Jeśli żaden z tych układów nie spełnia wymagań, postępuj zgodnie z wytycznymi poniżej.
Wskaźniki i siatki
Interfejs Google Glass ma standardowe układy i marginesy przeznaczone do różnych typów kart osi czasu. Poniżej znajdziesz ogólne informacje o regionach, które przygotowaliśmy. Oto kilka wytycznych, których możesz przestrzegać w przypadku ogólnych zestawów kart.
Regiony kart
Glass definiuje wymiary zestawu najczęściej używanych regionów, aby ułatwić spójne projektowanie i wyświetlanie różnych kart.
| Treść główna Główna treść tekstowa karty jest w Roboto Light o minimalnym rozmiarze 32 pikseli i jest ograniczona dopełnieniem. Tekst o rozmiarze 64 pikseli i większym korzysta z Robota Cienki. Obraz z pełnym spadkiem Obrazy sprawdzają się najlepiej, gdy są wypełniane spadami i nie wymagają dopełnienia tekstu o szerokości 40 pikseli. Dopełnienie Karty osi czasu mają 40 pikseli dopełnienia po każdej stronie tekstu. Dzięki temu większość osób będzie mogła wyraźnie zobaczyć Twoje treści. |
Stopka Stopka zawiera dodatkowe informacje o karcie, takie jak źródło karty lub sygnatura czasowa. Tekst stopki to 24 piksele, zwykły Roboto i biały (#{8/}). Obraz lub kolumna po lewej stronie Obraz lub kolumny po lewej stronie wymagają zmiany wypełnienia i treści tekstowej. |
Szablony układów
GDK udostępnia różne Układy CardBuilder, których możesz użyć.
Kolor
Google Glass wyświetla większość tekstu na biało i wybiera te kolory w standardowych kolorach. W przypadku kart osi czasu możesz też używać tych kolorów:
| Klasa CSS | Wartość RGB |
|---|---|
white |
#ffffff |
gray |
#808080 |
blue |
#34a7ff |
red |
#cc3333 |
green |
#99cc33 |
yellow |
#ddbb11 |
W poniższym przykładzie użyto kolorów, aby oznaczać ważne informacje o liniach kolejowych i ich stanie.
Typografia
W zależności od rozmiaru czcionki Glass wyświetla cały tekst systemowy w Roboto Light, Roboto Regular lub Roboto Thin. Jeśli tworzysz karty na żywo lub immersje, możesz użyć innych typografii, aby przekazać swoją markę.
Roboto Light
Google Glass wyświetla większość tekstu w tej czcionce.
ABCDEFGHIJKLMN
OPQRSTUVWXYZa
bcdefghijklmnopqr
stuvwxyz1234567
890!?/+-=()[]#@$
%^&*<>:;”
Roboto zwykły
Glass wyświetla tekst przypisu w tej czcionce.
ABCDEFGHIJKLMNOPQRST
UVWXYZabcdefghijklmnopq
rstuvwxyz1234567890!?/+-=
()[#@$%^&*<>:;”
Roboto cienka
Glass wyświetla większy tekst (64 piks. i więcej) przy użyciu tej czcionki.
ABCDEFGHIJKLMNOPQ RSTUVWXYZabcdefghij klmnopqrstuvwxyz1234 567890!?/+-=()[]#@$%^ &*<>:;”
Dynamiczne zmienianie rozmiaru tekstu
Gdy używasz układów CardBuilder.TEXT i CardBuilder.COLUMNS, Google Glass używa największego możliwego rozmiaru czcionki na podstawie ilości treści.
Na kolejnych kartach znajdziesz przykłady typograficznego tekstu dostępnego w zależności od ilości tekstu.
Pisarstwo
Tekst na ekranie jest ograniczony, dlatego przestrzegaj tych wytycznych.
Zachowaj zwięzłość. Zadbaj o zwięzłość, prostotę i precyzję. Szukaj alternatywnych rozwiązań, takich jak czytanie treści na głos, wyświetlanie obrazów lub filmów czy usuwanie funkcji.
Prostota przede wszystkim. Wyobraź sobie, że rozmawiasz z kimś mądrym i kompetentnym, ale nie znam żargonu technicznego i prawdopodobnie nie znasz dobrze języka angielskiego. Używaj krótkich słów, aktywnych czasowników i popularnych rzeczowników.
Zadbaj o dobre wrażenia. Użyj skurczów. Rozmawiaj bezpośrednio z czytnikiem, używając drugiej osoby („Ty”). Jeśli tekst nie jest odczytany w ten sam sposób, w swobodnej rozmowie to prawdopodobnie nie powinien tak być.
Najważniejsze są najważniejsze informacje. Pierwsze dwa słowa (około 11 znaków razem ze spacjami) powinny zawierać przynajmniej najmniejszy smak smakołyków najważniejszych informacji w ciągu znaków. Jeśli nie, zacznij od początku. Opisz tylko niezbędne informacje. Nie próbuj wyjaśniać subtelnych różnic. Utracą oni większość użytkowników.
Unikaj powtórzeń. Jeśli na ekranie lub w bloku tekstu powtarza się znaczące hasło, znajdź sposób na użycie go tylko raz.