Typografie

Voorbeeld van typografie in HoloLens

Tekst is een belangrijk element voor het leveren van informatie in uw app-ervaring. Net als typografie op 2D-schermen is het doel om duidelijk en leesbaar te zijn. Met het driedimensionale aspect van mixed reality is er een mogelijkheid om de tekst en de algehele gebruikerservaring op een nog grotere manier te beïnvloeden.

Als we het hebben over type in 3D, denken we vaak aan geëxtrudeerde, volumetrische 3D-tekst. Met uitzondering van sommige logotypeontwerpen en een paar andere beperkte toepassingen, heeft geëxtrudeerde tekst de neiging om de leesbaarheid van de tekst te verminderen. Hoewel we ervaringen voor 3D ontwerpen, gebruiken we 2D voor het type omdat het beter leesbaar en gemakkelijker te lezen is.

In HoloLens wordt het type samengesteld met hologrammen met behulp van licht op basis van het additieve kleurensysteem. Net als andere hologrammen kan het type in de werkelijke omgeving worden geplaatst, waar het kan worden vergrendeld en vanuit elke hoek kan worden bekeken. Het parallax-effect tussen het type en de omgeving voegt ook diepte toe aan de ervaring.

Typografie in mixed reality

Typografische regels in mixed reality verschillen niet van elders. Tekst in zowel de fysieke wereld als de virtuele wereld moet leesbaar en leesbaar zijn. Tekst kan zich op een muur of boven op een fysiek object bevindt. Het kan samen met een digitale gebruikersinterface zweven. Wat de context ook is, we passen dezelfde typografische regels toe voor lezen en herkennen.

Een duidelijke hiërarchie maken

Bouw contrast en hiërarchie op met behulp van verschillende typegrootten en gewichten. Als u een typehelling definieert en deze gedurende de app-ervaring volgt, krijgt u een geweldige gebruikerservaring met een consistente informatiehiërarchie.

Voorbeelden van typehelling
Definieer uw type ramp en volg deze tijdens de app-ervaring

Uw lettertypen beperken

Vermijd het gebruik van meer dan twee verschillende lettertypefamilies in één context. Te veel lettertypen breken de harmonie en consistentie van uw ervaring en maken het moeilijker om informatie te gebruiken. Omdat de informatie in HoloLens boven op de fysieke omgeving wordt gelegd, wordt de ervaring verslechterd door te veel lettertypestijlen te gebruiken. Segoe UI is het lettertype voor alle digitale ontwerpen van Microsoft. Het wordt consistent gebruikt in de Windows Mixed Reality shell. U kunt het lettertypebestand voor de Segoe-gebruikersinterface downloaden op de pagina van de Windows-ontwerptoolkit.

Meer informatie over het lettertype van de Segoe-gebruikersinterface

Dunne tekengewichten vermijden

Vermijd het gebruik van lichte of semi-lichte lettertypegewichten voor tekstgrootten van minder dan 42 pt, omdat dunne verticale streken trillen en de leesbaarheid afnemen. Moderne lettertypen met voldoende lijndikte werken goed. Helvetica en Arial zijn bijvoorbeeld leesbaar in HoloLens met normale of vetgedrukte gewichten.

Kleur

Omdat de hologrammen in HoloLens zijn gemaakt met een additief lichtsysteem, is witte tekst zeer goed leesbaar. Voorbeelden van witte tekst vindt u in het Startmenu en de app-balk. Hoewel witte tekst goed werkt zonder een achterplaat op HoloLens, kan een complexe fysieke achtergrond ervoor zorgen dat het type moeilijk te lezen is. We raden u aan witte tekst te gebruiken op een donkere of gekleurde achterplaat om de focus van de gebruiker te verbeteren en de afleiding van een fysieke achtergrond te minimaliseren.


U wordt aangeraden witte tekst te gebruiken op een donkere of gekleurde achterplaat.Voorbeelden van witte tekst op een donkere of gekleurde achterplaat.

Als u donkere tekst wilt gebruiken, moet u een heldere achterplaat gebruiken om deze leesbaar te maken. In additieve kleursystemen wordt zwart weergegeven als transparant. Dit betekent dat u de zwarte tekst niet ziet zonder een gekleurde achterplaat.

Voorbeelden van wit op zwart en zwart op witte tekst
Voorbeelden van wit op zwart en zwart op witte tekst

Voorbeelden van zwarte tekst in de systeem-apps - Store en Instellingen
Voorbeelden van zwarte tekst in de systeem-apps - Store en Instellingen



Zoals u kunt verwachten, zien de typegrootten die we op een pc of tablet gebruiken (meestal tussen 12 en 32pt) er op een afstand van 2 meter klein uit. Het hangt af van de kenmerken van elk lettertype, maar in het algemeen liggen de aanbevolen minimale kijkhoek en de tekenhoogte voor de leesbaarheid rond de 0,35°-0,4°/12,21-13,97 mm op basis van onze gebruikersonderzoeken. Het is ongeveer 35-40 pt met de schaalfactor die is geïntroduceerd in Tekst op de Unity-pagina .

Voor de bijna-interactie bij 0,45 m (45 cm) zijn de minimaal leesbare kijkhoek van het lettertype en de hoogte 0,4°-0,5° / 3,14–3,9 mm. Het is ongeveer 9-12 pt met de schaalfactor die is geïntroduceerd in Text in Unity.

Nabije en verre interactiebereikInhoud op interactiebereik dichtbij en ver

De minimale leesbare tekengrootte

Afstand Kijkhoek Teksthoogte Tekengrootte**
45 cm (directe manipulatieafstand) 0.4°-0.5° 3,14–3,9 mm 8.9–11.13pt
2 m 0.35°-0.4° 12,21–13,97 mm 34,63-39,58 pt

De comfortabel leesbare tekengrootte

Afstand Kijkhoek Teksthoogte Tekengrootte**
45 cm (directe manipulatieafstand) 0.65°-0.8° 5,1-6,3 mm 14,47-17,8 pt
2 m 0.6°-0.75° 20,9-26,2 mm 59,4-74,2 pt

Segoe UI (het standaardlettertype voor Windows) werkt in de meeste gevallen goed. Vermijd het gebruik van lichte of semi-lichte lettertypefamilies in kleine grootte, omdat dunne verticale streken trillen en de leesbaarheid afnemen. Moderne lettertypen met voldoende lijndikte werken goed. Helvetica en Arial zien er bijvoorbeeld prachtig uit en zijn leesbaar in HoloLens met normale of vetgedrukte gewichten.

Raadpleeg Tekst in Unity voor meer informatie over de berekening van de tekstgrootte in Unity

Weergavehoek Weergaveafstand, hoek en teksthoogte



Resources

Segoe-lettertypen

(Zip-bestand)

HoloLens-lettertype

(Zip-bestand)

Afbeelding: het lettertype HoloLens bevat de symbooltekentekens die worden gebruikt in Windows Mixed Reality.

Het lettertype HoloLens bevat de symbooltekentekens die worden gebruikt in Windows Mixed Reality



Zie ook