Typografia

Przykład typografii w urządzeniu HoloLens

Tekst jest ważnym elementem dostarczania informacji w środowisku aplikacji. Podobnie jak typografia na ekranach 2D, celem jest jasne i czytelne. W przypadku trójwymiarowego aspektu rzeczywistości mieszanej istnieje możliwość wpływania na tekst i ogólne środowisko użytkownika w jeszcze większy sposób.

Kiedy mówimy o typie 3D, mamy tendencję do myślenia wytłaczanego, woluminowego tekstu 3D. Z wyjątkiem niektórych projektów logo i kilku innych ograniczonych zastosowań, wytłaczany tekst ma tendencję do obniżenia czytelności tekstu. Mimo że projektujemy środowiska 3D, używamy 2D dla typu, ponieważ jest bardziej czytelne i łatwiejsze do odczytania.

W urządzeniu HoloLens typ jest skonstruowany z hologramami przy użyciu światła opartego na systemie kolorów addytywnego. Podobnie jak inne hologramy, typ można umieścić w rzeczywistym środowisku, w którym może być zablokowany i obserwowany z dowolnego kąta. Efekt parallax między typem a środowiskiem dodaje również głębię środowiska.

Typografia w rzeczywistości mieszanej

Reguły typograficzne w rzeczywistości mieszanej nie różnią się od innych. Tekst w świecie fizycznym i świecie wirtualnym musi być czytelny i czytelny. Tekst może znajdować się na ścianie lub nakładać na obiekt fizyczny. Może to być pływające wraz z cyfrowym interfejsem użytkownika. Niezależnie od kontekstu stosujemy te same reguły typograficzne do odczytywania i rozpoznawania.

Tworzenie jasnej hierarchii

Skompiluj kontrast i hierarchię przy użyciu różnych rozmiarów typów i wag. Zdefiniowanie rampy typu i obserwowanie jej w całej aplikacji zapewni doskonałe środowisko użytkownika ze spójną hierarchią informacji.

Przykłady ramp typów
Definiowanie rampy typów i obserwowanie jej w całym środowisku aplikacji

Ogranicz czcionki

Unikaj używania więcej niż dwóch różnych rodzin czcionek w jednym kontekście. Zbyt wiele czcionek spowoduje przerwanie harmonii i spójności środowiska i utrudni korzystanie z informacji. W urządzeniu HoloLens, ponieważ informacje są nakładane na środowisko fizyczne, użycie zbyt wielu stylów czcionek zmniejszy wydajność środowiska. Segoe UI to czcionka dla wszystkich projektów cyfrowych firmy Microsoft. Jest ona używana spójnie w powłoce Windows Mixed Reality. Plik czcionki interfejsu użytkownika Segoe można pobrać ze strony zestawu narzędzi do projektowania systemu Windows.

Więcej informacji na temat czcionki interfejsu użytkownika Segoe

Unikaj cienkich wag czcionek

Unikaj używania lekkich lub półświetlych wag czcionek dla rozmiarów typów poniżej 42 pkt, ponieważ cienkie pociągnięcia pionowe będą wibrować i obniżać czytelność. Nowoczesne czcionki o wystarczającej grubości pociągnięcia działają dobrze. Na przykład Helvetica i Arial są czytelne w holoLens przy użyciu zwykłych lub pogrubionych wag.

Kolor

W urządzeniu HoloLens, ponieważ hologramy są konstruowane z systemem światła addytywnego, biały tekst jest wysoce czytelny. Przykłady białego tekstu można znaleźć w menu Start i pasku aplikacji. Mimo że biały tekst działa dobrze bez tylnej płyty na urządzeniu HoloLens, złożone tło fizyczne może utrudnić odczytywanie typu. Zalecamy używanie białego tekstu na ciemnej lub kolorowej tylnej płytce, aby poprawić fokus użytkownika i zminimalizować rozproszenie uwagi od tła fizycznego.


Zalecamy używanie białego tekstu na ciemnej lub kolorowej tylnej płytce.Przykłady białego tekstu na ciemnej lub kolorowej tylnej płytce.

Aby użyć ciemnego tekstu, należy użyć jasnej płyty tylnej, aby była czytelna. W systemach kolorów addytywnej czarny jest wyświetlany jako przezroczysty. Oznacza to, że czarny tekst nie będzie widoczny bez kolorowej płyty tylnej.

Przykłady białej na czarno-czarnej na białym tekście
Przykłady białej na czarno-czarnej na białym tekście

Przykłady czarnego tekstu w aplikacjach systemowych — Sklep i ustawienia
Przykłady czarnego tekstu w aplikacjach systemowych — Sklep i ustawienia



Jak można się spodziewać, rozmiary typów używane na komputerze lub tablecie (zazwyczaj od 12 do 32 pkt) wyglądają na niewielką odległość od 2 metrów. Zależy to od cech każdej czcionki, ale ogólnie zalecany minimalny kąt widzenia i wysokość czcionki pod kątem czytelności to około 0,35°-0,4°/12,21-13,97 mm na podstawie naszych badań nad użytkownikami. Jest to około 35-40 pkt ze współczynnikiem skalowania wprowadzonym na stronie Tekst w środowisku Unity .

W przypadku bliskiej interakcji na poziomie 0,45 m (45 cm) minimalna czytelna czcionka kąt widzenia i wysokość to 0,4°0,5° / 3,14–3,9mm. Jest to około 9–12 pkt ze współczynnikiem skalowania wprowadzonym w tekście w środowisku Unity.

Zawartość bliskiego i dalekiegozakresu interakcji w zasięgu zbliżonym do i dalekiego zakresu interakcji

Minimalny czytelny rozmiar czcionki

Odległość Kąt Wysokość tekstu Rozmiar czcionki**
45 cm (bezpośrednia odległość manipulowania) 0.4°-0.5° 3.14–3.9mm 8.9–11.13 pkt
2 m 0.35°-0.4° 12.21–13.97mm 34.63-39.58 pkt

Wygodnie czytelny rozmiar czcionki

Odległość Kąt Wysokość tekstu Rozmiar czcionki**
45 cm (bezpośrednia odległość manipulowania) 0.65°-0.8° 5,1–6,3 mm 14.47-17.8 pkt
2 m 0.6°-0.75° 20,9–26,2 mm 59.4-74.2 pkt

Interfejs użytkownika Segoe (czcionka domyślna dla systemu Windows) działa dobrze w większości przypadków. Unikaj używania lekkich lub półświetlych rodzin czcionek o małym rozmiarze, ponieważ cienkie pociągnięcia pionowe będą wibrować i obniży czytelność. Nowoczesne czcionki o wystarczającej grubości pociągnięcia działają dobrze. Na przykład Helvetica i Arial wyglądają wspaniale i są czytelne w HoloLens z regularnymi lub odważnymi wagami.

Aby uzyskać bardziej szczegółowe informacje na temat obliczania rozmiaru tekstu w środowisku Unity, zapoznaj się z artykułem Text in Unity (Tekst w środowisku Unity)

Wyświetlanieodległości, kąta i wysokości tekstu



Zasoby

Czcionki Segoe

(Plik zip)

Czcionka urządzenia HoloLens

(Plik zip)

Obraz: Czcionka HoloLens udostępnia symbole używane w Windows Mixed Reality.

Czcionka holoLens udostępnia symbole używane w Windows Mixed Reality



Zobacz też