Typografie
Text ist ein wichtiges Element für die Bereitstellung von Informationen in Ihrer App-Benutzeroberflä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 die Möglichkeit, den Text und die allgemeine Benutzererfahrung noch stärker zu beeinflussen.
Wenn wir über Typ in 3D sprechen, neigen wir dazu, extrudierten, volumetrischen 3D-Text zu denken. Abgesehen von einigen Logotypdesigns und einigen anderen eingeschränkten Anwendungen beeinträchtigt extrudierter Text tendenziell die Lesbarkeit des Texts. Obwohl wir Erfahrungen für 3D entwerfen, verwenden wir 2D für den Typ, da er lesbarer und einfacher zu lesen ist.
In HoloLens wird der Typ mit Hologrammen unter Verwendung von Licht basierend auf dem additiven Farbsystem erstellt. Genau wie andere Hologramme kann der Typ in der tatsächlichen Umgebung platziert werden, wo er weltgesperrt und aus jedem Winkel beobachtet werden kann. Der Parallaxeneffekt zwischen dem Typ und der Umgebung verleiht dem Erlebnis ebenfalls Tiefe.
Typografie in Mixed Reality
Typografische Regeln in Mixed Reality unterscheiden sich nicht von anderen. Text muss sowohl in der physischen als auch in der virtuellen Welt lesbar und lesbar sein. Text kann sich an einer Wand oder einem physischen Objekt überlagern. Es könnte zusammen mit einer digitalen Benutzeroberfläche schwebend sein. Unabhängig vom Kontext wenden wir dieselben typografischen Regeln für Lesen und Erkennen an.
Erstellen einer klaren Hierarchie
Erstellen Sie Kontrast und Hierarchie, indem Sie unterschiedliche Typgrößen und Gewichtungen verwenden. Wenn Sie eine Typrampe definieren und sie während der gesamten App-Benutzeroberfläche verfolgen, erhalten Sie eine hervorragende Benutzeroberfläche mit konsistenter Informationshierarchie.
Definieren Sie Ihre Typrampe, und befolgen Sie sie während der gesamten App-Benutzeroberfläche.
Einschränken ihrer Schriftarten
Vermeiden Sie die Verwendung von mehr als zwei verschiedenen Schriftfamilien in einem Kontext. Zu viele Schriftarten brechen die Harmonie und Konsistenz Ihrer Erfahrung und erschweren die Nutzung von Informationen. Da die Informationen in HoloLens in der physischen Umgebung überlagert werden, beeinträchtigt die Verwendung zu vieler Schriftarten die Erfahrung. Segoe UI ist die Schriftart für alle digitalen Microsoft-Designs. Es wird konsistent in der Windows Mixed Reality Shell verwendet. Sie können die Schriftdatei der Segoe-Benutzeroberfläche von der Seite des Windows-Design-Toolkits herunterladen.
Weitere Informationen zur Segoe-Benutzeroberfläche
Vermeiden von dünnen Schriftgraden
Vermeiden Sie leichte oder semileichte Schriftgewichte für Typgrößen unter 42 Pt, da dünne vertikale Striche vibrieren und die Lesbarkeit beeinträchtigen. Moderne Schriftarten mit ausreichender Strichstärke funktionieren gut. Beispielsweise sind Helvetica und Arial in HoloLens mit regulären oder fetten Gewichtungen lesbar.
Color
Da die Hologramme in HoloLens mit einem additiven Lichtsystem konstruiert werden, ist weißer Text sehr gut lesbar. Beispiele für Weißtext finden Sie im Startmenü und in der App-Leiste. Auch wenn weißer Text ohne Rückplatte auf HoloLens gut funktioniert, könnte ein komplexer physischer Hintergrund den Typ schwer lesbar machen. Es wird empfohlen, 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.
Beispiele für weißen Text auf einer dunklen oder farbigen Rückseite.
Um dunklen Text zu verwenden, sollten Sie eine helle Rückplatte verwenden, um ihn lesbar zu machen. In additiven Farbsystemen wird Schwarz als transparent angezeigt. Dies bedeutet, dass der schwarze Text ohne farbige Rückplatte nicht angezeigt wird.
Beispiele für weiß auf schwarz und schwarz auf weißem Text
Beispiele für schwarzen Text in den System-Apps – Store und Einstellungen
Empfohlene Schriftgröße
Wie Sie erwarten können, sehen Typengrößen, die wir auf einem PC oder einem Tablet-Gerät verwenden (in der Regel zwischen 12 und 32pt) in einer Entfernung von 2 Metern klein aus. Es hängt von den Eigenschaften der einzelnen Schriftarten ab, aber im Allgemeinen liegen der empfohlene minimale Betrachtungswinkel und die Schrifthöhe für die Lesbarkeit bei rund 0,35°-0,4°/12,21-13,97 mm, basierend auf unseren Benutzerforschungsstudien. Es ist etwa 35-40 Pt mit dem Skalierungsfaktor, der in der Seite Text in Unity eingeführt wurde.
Für die nahe Interaktion bei 0,45 m(45 cm) beträgt der Sichtwinkel der minimal lesbare Schriftart und die Höhe 0,4°-0,5° / 3,14–3,9 mm. Es handelt sich um 9-12 Pt mit dem Skalierungsfaktor, der in Text in Unity eingeführt wurde.
Inhalte im nahen und fernen Interaktionsbereich
Der minimale lesbare Schriftgrad
| Distance | Betrachtungswinkel | Texthöhe | Schriftgrad** |
|---|---|---|---|
| 45 cm (direkter Bearbeitungsabstand) | 0.4°-0.5° | 3,14–3,9 mm | 8,9–11,13 p |
| 2 m | 0.35°-0.4° | 12,21–13,97 mm | 34,63-39,58 Pt |
Der bequem lesbare Schriftgrad
| Distance | Betrachtungswinkel | Texthöhe | Schriftgrad** |
|---|---|---|---|
| 45 cm (direkter Bearbeitungsabstand) | 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 |
Die Segoe-Benutzeroberfläche (die Standardschriftart für Windows) funktioniert in den meisten Fällen gut. Vermeiden Sie die Verwendung von hellen oder halbleichten Schriftfamilien in kleiner Größe, da dünne vertikale Striche vibrieren und die Lesbarkeit beeinträchtigen. Moderne Schriftarten mit ausreichender Strichstärke funktionieren gut. Helvetica und Arial sehen beispielsweise 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.
Betrachtungsabstand, Winkel und Texthöhe
Ressourcen
Segoe-Schriftarten
(ZIP-Datei)
HoloLens-Schriftart
(ZIP-Datei)
Abbildung: Die HoloLens-Schriftart gibt Ihnen die Symbolglyphen, die in Windows Mixed Reality verwendet werden.
