Шрифтовое оформление

Пример оформления в HoloLens

Текст — важный элемент для доставки информации в приложении. Как и в случае с оформлением на двухмерных экранах, ваша цель — предоставить понятную и удобочитаемую информацию. С трехмерным аспектом смешанной реальности есть возможность повлиять на текст и общее взаимодействие с пользователем в большей степени.

Когда речь идет о типе в 3D, мы будем думать вытягивание, объемные трехмерный текст. За исключением некоторых Logotype и некоторых других ограниченных приложений, вытягивание текста, как правило, понизить удобочитаемость текста. Несмотря на то, что мы создаем опыт для трехмерной графики, мы используем 2D для типа, так как он более нагляден и проще в чтении.

в HoloLens тип создается с голограммами с использованием освещения на основе аддитивной цветовой системы. Как и другие голограммы, тип можно поместить в фактическую среду, где он может быть заблокирован и наблюдаться с любого угла. Воздействие фокусировки между типом и средой также увеличивает глубину работы.

Оформление в смешанной реальности

Типографские правила в смешанной реальности не отличаются от других мест. Текст как в физическом мире, так и в виртуальном мире должен быть читаемым и читаемым. Текст может находиться на стене или накладываться на физический объект. Он может быть плавающим и цифровым пользовательским интерфейсом. Независимо от контекста мы применяем те же типографские правила для чтения и распознавания.

Создать очистку иерархии

Контрастность и иерархия построения с использованием различных размеров и весов типов. Определение пандуса типа и его последующее применение в процессе работы приложения обеспечит удобство работы пользователя с согласованной иерархией информации.

Примеры пандуса типов
Определите шкалу типа и следуйте ей в процессе работы приложения.

Ограничение шрифтов

Старайтесь не использовать более двух различных семейств шрифтов в одном контексте. Слишком большое число шрифтов приведет к нарушению удобства и согласованности вашего опыта и значительно затрудняет использование информации. в HoloLens, поскольку сведения переводятся поверх физической среды, использование слишком большого количества стилей шрифта приведет к снижению производительности. Segoe UI — это шрифт для всех цифровых дизайнов Майкрософт. он постоянно используется в оболочке Windows Mixed Reality. файл шрифта Segoe UI можно загрузить на странице Windows конструктора.

Дополнительные сведения о гарнитуре Segoe UI

Избегайте тонких весов шрифтов

Избегайте использования плотности шрифтов светлого или Semilight для размеров типов в 42 пт, так как тонкие вертикальные штрихи будут вибрировало и ухудшить читаемость. Современные шрифты с достаточной толщиной обводки хорошо работают. например, Helvetica и Arial разборчиво выHoloLens с использованием обычных или полужирных весов.

Color

в HoloLens, поскольку голограммы создаются с применением аддитивной системы освещения, белый текст очень разборчиво. примеры белого текста можно найти на меню и на панели приложений. хотя белый текст прекрасно работает без резервной формы на HoloLens, сложный физический фон может усложнить чтение типа. Мы рекомендуем использовать белый текст на темной или цветной печатной панели, чтобы улучшить фокус пользователя и уменьшить вычитание из физического фона.


Мы рекомендуем использовать белый текст на темной или цветной печатной панели. Примеры белого текста на темной или цветной печатной панели.

Чтобы использовать темный текст, следует использовать ярко-печатную пластину, чтобы сделать ее доступной для чтения. В аддитивных цветовых системах черный отображается как прозрачный. Это означает, что черный текст не будет отображаться без цветной печатной панели.

Примеры белого цвета на черном и черном фоне белого текста
Примеры белого цвета на черном и черном фоне белого текста

примеры черного текста в системных приложениях — Store и Параметры
примеры черного текста в системных приложениях — Store и Параметры



Как можно догадаться, размеры типов, используемые на ПК или планшетном устройстве (обычно от 12 – отступ), выглядят небольшими на расстоянии 2 метра. Это зависит от характеристик каждого шрифта, но в общем случае рекомендуемый минимальный угол просмотра и высота шрифта для читаемости находятся вокруг 0,35 °-0,4 °/12.21-13.97 мм на основе наших исследований исследования пользователей. Это примерно 35-40 пт с коэффициентом масштабирования, представленным в тексте на странице Unity .

Для близкого взаимодействия в 0,45 м (45 cm) минимальным углом просмотра и высотой шрифта является 0,4 °-0,5 °/3,14 – 3,9 мм. Это примерно 9-12 пт с коэффициентом масштабирования, представленным в тексте в Unity.

Содержимое диапазона практически и дальнего взаимодействия в пределах диапазона практически и дальнего взаимодействия

Минимальный размер неудобочитаемого шрифта

расстояние; Угол просмотра Высота текста Размер шрифта * *
45 cm (расстояние прямого манипулирования) 0,4 ° — 0,5 ° 3,14 — 3,9 мм 8.9 — 11.13 PT
2 м 0,35 °-0,4 ° 12.21 – 13.97 мм 34.63-39.58 PT

Удобно, чтобы размер шрифта разборчиво

расстояние; Угол просмотра Высота текста Размер шрифта * *
45 cm (расстояние прямого манипулирования) 0.65 °-0,8 ° 5.1 – 6.3 мм 14.47-17.8 PT
2 м 0,6 °-0,75 ° 20,9-26,2 мм 59.4-74.2 pt

Segoe UI (шрифт по умолчанию для Windows) хорошо работает в большинстве случаев. Избегайте использования светлого или светлого семейства шрифтов в небольшом размере, так как тонкие вертикальные штрихи будут вибрировало, и это приведет к ухудшению читаемости. Современные шрифты с достаточной толщиной обводки хорошо работают. например, шрифты Helvetica и Arial выглядят прекрасные и становятся неудобочитаемыми в HoloLens с обычными или полужирными плотностьми.

Более подробные сведения о вычислении размера текста в Unity см. в разделе текст в Unity .

Просмотр угла просмотра расстояния, угла и высоты текста



Ресурсы

Шрифты Segoe

(ZIP-файл)

шрифт HoloLens

(ZIP-файл)

изображение: HoloLens шрифт предоставляет глифы символов, используемые в Windows Mixed Reality.

HoloLens шрифт предоставляет глифы символов, используемые в Windows Mixed Reality



См. также раздел