Typografie

Typography example in HoloLens

Text ist ein wichtiges Element zum Bereitstellen von Informationen in Ihrer App-Oberfläche. Genau wie bei Typografie auf 2D-Bildschirmen ist das Ziel, klar und lesbar zu sein. Mit dem dreidimensionalen Aspekt von Mixed Reality gibt es eine Möglichkeit, den Text und die allgemeine Benutzererfahrung auf noch größere Weise zu beeinflussen.

Wenn wir über den Typ in 3D sprechen, denken wir tendenziell an extrudierten, volumerischen 3D-Text. Außer bei einigen Logotypdesigns und einigen anderen eingeschränkten Anwendungen neigen extrudierte Texte dazu, die Lesbarkeit des Texts zu beeinträchtigen. Obwohl wir Erfahrungen für 3D entwerfen, verwenden wir 2D für den Typ, da es lesbarer und einfacher zu lesen ist.

In HoloLens wird der Typ mit Hologrammen basierend auf dem additiven Farbsystem erstellt. Genau wie andere Hologramme kann der Typ in der tatsächlichen Umgebung platziert werden, in der es weltgesperrt und aus jedem Winkel beobachtet werden kann. Der Parallax-Effekt zwischen dem Typ und der Umgebung fügt der Erfahrung auch Tiefe hinzu.

Typografie in Mixed Reality

Typografische Regeln in Mixed Reality unterscheiden sich nicht von einer anderen Stelle. Text in der physischen Welt und der virtuellen Welt muss lesbar und lesbar sein. Text könnte sich auf einer Wand befinden oder auf einem physischen Objekt überlagert werden. Es könnte zusammen mit einer digitalen Benutzeroberfläche schweben. Unabhängig vom Kontext wenden wir dieselben typografischen Regeln zum Lesen und Erkennen an.

Erstellen einer klaren Hierarchie

Erstellen Sie Kontrast und Hierarchie mit unterschiedlichen Typgrößen und Gewichtungen. Das Definieren einer Typrampe und das Folgen in der gesamten App-Oberfläche bieten eine hervorragende Benutzererfahrung mit konsistenter Informationshierarchie.

Type ramp examples
Definieren Sie die Typhierarchie, und folgen Sie sie in der gesamten App-Oberfläche.

Einschränken ihrer Schriftarten

Vermeiden Sie die Verwendung von mehr als zwei verschiedenen Schriftfamilien in einem einzigen Kontext. Zu viele Schriftarten brechen die Harmonie und Konsistenz Ihrer Erfahrung und machen es schwieriger, Informationen zu nutzen. In HoloLens, da die Informationen oben in der physischen Umgebung überlagert sind, wird die Verwendung zu vieler Schriftartformatvorlagen die Erfahrung beeinträchtigen. Segoe UI ist die Schriftart für alle digitalen Microsoft-Designs. Sie wird in der Windows Mixed Reality Shell konsistent verwendet. Sie können die Schriftartdatei "Segoe UI" auf der Seite Windows Design-Toolkit herunterladen.

Weitere Informationen zur Segoe UI-Schriftart

Vermeiden von dünnen Schriftgewichten

Vermeiden Sie die Verwendung von Hellen oder Semilight-Schriftgewichten für Typgrößen unter 42 Pt., da dünne vertikale Striche schwingen und die Lesbarkeit beeinträchtigen. Moderne Schriftarten mit ausreichender Strichstärke funktionieren gut. Beispielsweise sind Helvetica und Arial in HoloLens mit regelmäßigen oder fetten Gewichtungen lesbar.

Color

Da die Hologramme mit einem additiven Lichtsystem konstruiert werden, ist weißer Text in HoloLens sehr lesbar. Sie finden Beispiele für weißen Text auf der Startmenü und der App-Leiste. Auch wenn weißer Text gut funktioniert, ohne eine Rückplatte auf HoloLens, könnte ein komplexer physischer Hintergrund den Typ schwierig zu lesen machen. Wir empfehlen, weißen Text auf einer dunklen oder farbigen Rückseite zu verwenden, um den Fokus des Benutzers zu verbessern und die Ablenkung von einem physischen Hintergrund zu minimieren.


We recommend using white text on a dark or colored back plate.Beispiele für weißer Text auf einer dunklen oder farbigen Rückseite.

Um dunklen Text zu verwenden, sollten Sie eine helle Rückplatte verwenden, um sie lesbar zu machen. In additiven Farbsystemen wird Schwarz als transparent angezeigt. Dies bedeutet, dass der schwarze Text ohne farbige Rückseite nicht angezeigt wird.

Examples of white on black and black on white text
Beispiele für Weiß auf schwarz und schwarz auf weißem Text

Examples of black text in the system apps - Store and Settings
Beispiele für schwarzen Text in den System-Apps – Store und Einstellungen



Wie Sie erwarten können, sehen Die Typgrößen, die wir auf einem PC oder einem Tabletgerät verwenden (in der Regel zwischen 12 bis 32pt) klein auf einen Abstand von 2 Metern. Es hängt von den Merkmalen jeder Schriftart ab, aber im Allgemeinen sind die empfohlenen mindesten Anzeigewinkel und die Schrifthöhe für die Lesbarkeit rund 0,35°-0,4°/12.21-13,97 mm basierend auf unseren Benutzerforschungsstudien. Es ist etwa 35-40 Pt. mit dem Skalierungsfaktor, der auf der Seite "Text in Unity " eingeführt wurde.

Für die nahe Interaktion bei 0,45 m(45 cm) beträgt der Anzeigewinkel der minimal lesbaren Schriftart und die Höhe 0,4°-0,5° / 3,14 bis 3,9mm. Es ist etwa 9-12 Pt. mit dem Skalierungsfaktor, der in Text in Unity eingeführt wurde.

Near and far interaction rangeInhalte im Nah- und Ferninteraktionsbereich

Der minimal lesbare Schriftgrad

Distance Betrachtungswinkel Texthöhe Schriftgrad**
45 cm (direkter Manipulationsabstand) 0.4°-0.5° 3.14–3,9mm 8.9–11.13pt
2 m 0.35°-0.4° 12.21–13,97mm 34.63-39.58 Pt.

Der bequem lesbare Schriftgrad

Distance Betrachtungswinkel Texthöhe Schriftgrad**
45 cm (direkter Manipulationsabstand) 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 (die Standardschriftart für Windows) funktioniert in den meisten Fällen gut. Vermeiden Sie die Verwendung von Hell- oder Halblichtschriftartenfamilien in kleiner Größe, da dünne vertikale Striche vibrieren und die Lesbarkeit beeinträchtigt wird. Moderne Schriftarten mit ausreichender Strichstärke funktionieren gut. Helvetica und Arial sehen z. B. wunderschön aus und sind in HoloLens mit regelmäßigen oder fetten Gewichten lesbar.

Ausführlichere Informationen zur Berechnung der Textgröße in Unity finden Sie unter "Text in Unity"

Viewing AngleAbstand, Winkel und Texthöhe anzeigen



Ressourcen

Segoe-Schriftarten

(Zip-Datei)

schriftart HoloLens

(Zip-Datei)

Bild: Die schriftart HoloLens gibt Ihnen die symbolglyphen, die in Windows Mixed Reality verwendet werden.

The HoloLens font gives you the symbol glyphs used in Windows Mixed Reality



Siehe auch