文字体裁

HoloLens のタイポグラフィのHoloLens

テキストは、アプリ エクスペリエンスで情報を配信するために重要な要素です。 2D 画面の文字体裁と同じように、明確で読みやすくすることを目指します。 Mixed Reality の 3 次元の側面により、テキストと全体的なユーザー エクスペリエンスにさらに大きな影響を与える機会があります。

3D での型について話す場合、押し出されたボリューム型の 3D テキストと考える傾向があります。 一部のロゴタイプ設計や、その他の限られたアプリケーションを除き、押し出されたテキストはテキストの読みやすさを低下させる傾向があります。 3D のエクスペリエンスを設計している場合でも、読みやすく読みやすくなっているので、型には 2D を使用します。

このHoloLensは、加法配色システムに基づく光を使用してホログラムで型が構築されます。 他のホログラムと同様に、型は、世界をロックして任意の角度から観察できる実際の環境に配置できます。 型 と環境の 間の視差効果によって、エクスペリエンスにも深さが追加されます。

Mixed Reality でのタイポグラフィ

Mixed Reality のタイポグラフィ ルールは、他の場所と変則的なルールとは異なります。 物理世界と仮想世界の両方のテキストは、読み取り可能で読み取り可能である必要があります。 テキストは、壁に重ね合わせたり、物理オブジェクトに重ね合わせたりすることができます。 デジタル ユーザー インターフェイスと共にフローティングしている可能性があります。 どのようなコンテキストでも、読み取りおよび認識に同じタイポグラフィルールを適用します。

明確な階層を作成する

さまざまな種類のサイズと重みを使用して、コントラストと階層を構築します。 種類の傾斜を定義し、アプリ エクスペリエンス全体を通してそれを実行すると、一貫した情報階層を備え、ユーザー エクスペリエンスが向上します。

タイプ の傾斜傾斜の例
種類の傾斜を定義し、アプリ エクスペリエンス全体を通してそれに従う

フォントを制限する

1 つのコンテキストで複数の異なるフォント ファミリを使用しないようにします。 フォントが多すぎると、エクスペリエンスの調和と一貫性が壊れ、情報の使用が困難になります。 このHoloLens情報は物理環境の上に重なっているので、使用するフォント スタイルが多すぎると、エクスペリエンスが低下します。 Segoe UIは、すべての Microsoft デジタルデザインのフォントです。 これは、シェル内で一貫Windows Mixed Realityされます。 このフォント ファイルはSegoe UIデザイン ツールキット ページからWindowsダウンロードできます

このタイプフェイスのSegoe UI詳細

細いフォントの太さ回避

42 pt 以下の型サイズでは、軽量または半軽量のフォントの太さは使用しないようにしてください。細い垂直ストロークは振動し、読み方が低下します。 ストロークの太さが十分な最新のフォントがうまく機能します。 たとえば、Helvetica と Arial は、通常または太字の重みをHoloLensで読み取り可能です。

Color

このHoloLensホログラムは加法光システムで構築されるので、白いテキストは非常に読み取り可能です。 アプリ バーとアプリ バーには、スタート メニューの例があります。 白いテキストは、背景にバック HoloLensなくてもうまく機能しますが、複雑な物理的背景により、型が読みにくくなる可能性があります。 ユーザーのフォーカスを向上し、物理的な背景からの注意を最小限に抑えるために、濃いまたは色のバック プレートに白いテキストを使用することをお勧めします。


濃いまたは色のバック プレートには白いテキストを使用することをお勧めします。 濃いまたは色のバック プレート上の白いテキストの例。

濃いテキストを使用するには、明るいバック プレートを使用して読み取り可能にする必要があります。 加法カラー システムでは、黒は透明として表示されます。 つまり、色付きバック プレートがない黒いテキストは表示されません。

白いテキストの黒と黒の白の例
白いテキストの黒と黒の白の例

システム アプリの黒いテキストの例 - ストアと設定
システム アプリの黒いテキストの例 - ストアと設定



ご期待のように、PC またはタブレット デバイスで使用する型のサイズ (通常は 12 ~ 32pt) は、2 メートルの距離で小さく見えます。 各フォントの特性によって異なりますが、一般に、ユーザー調査の調査に基づいて、推奨される最小表示角度と読み取り可能なフォントの高さは約 0.35°-0.4°/12.21-13.97 mm です。 Unity の Text ページで導入されたスケーリング係数は約 35 から 40 ポイント です。

0.45 m(45 cm) の近距離操作の場合、最小読み取り可能なフォントの表示角度と高さは 0.4°-0.5° / 3.14 – 3.9mm です。 Unity の Text で導入されたスケーリング係数は約 9 から 12 ポイントです

近距離および遠距離の相互作用 範囲 近距離および遠距離の相互作用範囲のコンテンツ

読み取り可能な最小フォント サイズ

距離 表示角度 テキストの高さ フォント サイズ**
45 cm (直接操作距離) 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

快適に読み取れるフォント サイズ

距離 表示角度 テキストの高さ フォント サイズ**
45 cm (直接操作距離) 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 (Windows の既定のフォント) は、ほとんどの場合に正常に機能します。 薄い垂直ストロークが振動し、読み方が低下するので、小さいサイズの軽量または半軽量のフォント ファミリは使用しないようにしてください。 ストロークの太さが十分な最新のフォントがうまく機能します。 たとえば、Helvetica と Arial の外観は、通常または太字の重HoloLensで読み取り可能です。

Unity でのテキスト サイズの計算の詳細については、Unity でのテキストに関 するページを参照してください。

角度の 表示距離、角度、テキストの高さ



リソース

Segoe フォント

(Zip ファイル)

HoloLensフォント

(Zip ファイル)

Image: フォントHoloLens、このフォントで使用されるシンボル グリフWindows Mixed Reality。

フォントHoloLens、このフォントで使用されるシンボル グリフWindows Mixed Reality



こちらもご覧ください