Designing Typography Insight for HoloLens

A designer’s journey into type in mixed reality

My Background

My doodles on robotic machines and company logo types

Typeface Explorer (2008)

Typeface Explorer (2008) — Made with Adobe Flash and Papervision3D

Typography Insight (2011)

Typography Insight for iOS (2011)
Typography Insight (2011) — iPad and iPhone

Bringing Typography Insight to Windows with Windows Bridge for iOS

Typography Insight on Windows 10 — Universal Windows Platform app made with Windows Bridge for iOS
Typography Insight on Microsoft Surface Pro

Designing Typography Insight for HoloLens

Microsoft HoloLens
Idea sketches for Type Playground
Idea sketches for Type Anatomy

Design Iterations

Design iterations

UX Elements — Toolbar UI

Floating Toolbar UI

UX Elements — Gestures

Gesture Input for manipulating type objects

UX Elements — Spatial Mapping

Spatial Mapping — Projecting types on the walls

UX Elements — Text Input

System keyboard for text Input

Publishing v1.0 to Windows Store

Typography Insight for HoloLens v1.0

Experiment at Bellevue Arts Museum

Holographic Type Sculpture at Bellevue Arts Museum
Early experiments and studies for Holographic Type Sculpture
Early experiments and studies for Holographic Type Sculpture

Historical Type Timeline and Color Picker

Distance indicator, Save & Load scene

Type size and distance information

Tips: Getting Beautiful Type for HoloLens in Unity

Type experiment to get proper scaling factor
Unity UI Text with different Dynamic Pixels Per Unit values
Unity 3D Text Mesh with different font sizes
UI Text and 3D Text size comparison

Update: Type in Space for HoloLens 2 (2019)

Update: Type in Space (2018)

Type in Space for HoloLens (2018)

Video: Watch my presentation at AltspaceVR

Text Prefabs and sample layout in HoloToolkit

Resources for HoloLens app design & development

Recommended articles on HoloLens app design & development by designers at Microsoft

Links

Read my other stories

Designer & Creative Technologist. UX Designer @Microsoft HoloLens. Creator of http://typeinsight.org Opinions are my own. http://dongyoonpark.com

Designer & Creative Technologist. UX Designer @Microsoft HoloLens. Creator of http://typeinsight.org Opinions are my own. http://dongyoonpark.com