Шрифтовое оформление
Текст является важным элементом для предоставления информации в интерфейсе приложения. Как и в случае с оформлением на двухмерных экранах, ваша цель — предоставить понятную и удобочитаемую информацию. С трехмерным аспектом смешанной реальности есть возможность еще больше повлиять на текст и общее взаимодействие с пользователем.
Когда мы говорим о типе в трехмерном формате, мы склонны считать экструдированный объемный трехмерный текст. За исключением некоторых макетов логотипов и нескольких других ограниченных приложений, экструдированный текст, как правило, снижает удобочитаемость текста. Несмотря на то, что мы разрабатываем возможности для трехмерных, мы используем двухмерный тип, так как он более удобочитаем и проще для чтения.
В HoloLens тип создается с голограммами с использованием света на основе системы аддитивного цвета. Как и другие голограммы, тип можно разместить в фактической среде, где он может быть заблокирован и наблюдаться под любым углом. Эффект параллакса между типом и средой также добавляет глубину взаимодействия.
Оформление в смешанной реальности
Типографские правила в смешанной реальности ничем не отличаются от других. Текст в физическом и виртуальном мире должен быть удобочитаемым и удобочитаемым. Текст может находиться на стене или накладываться на физический объект. Он может быть плавающим вместе с цифровым пользовательским интерфейсом. Независимо от контекста, мы применяем одни и те же правила типографии для чтения и распознавания.
Создание четкой иерархии
Создавайте контрастность и иерархию с использованием разных размеров и весов типов. Определение набора типов и его след за ним во всем интерфейсе приложения обеспечит отличный пользовательский интерфейс с согласованной информационной иерархией.
Определите свой тип и следуйте ему во всем интерфейсе приложения.
Ограничение шрифтов
Старайтесь не использовать более двух разных семейств шрифтов в одном контексте. Слишком много шрифтов нарушит гармонию и согласованность вашего опыта и усложнит использование информации. В HoloLens, так как сведения накладываются на физическую среду, использование слишком большого количества стилей шрифтов ухудшит работу. Segoe UI — это шрифт для всех цифровых проектов Майкрософт. Он постоянно используется в оболочке Windows Mixed Reality. Вы можете скачать файл шрифта Segoe UI со страницы набора средств разработки Windows.
Дополнительные сведения о шрифте пользовательского интерфейса Segoe
Избегайте толщины тонких шрифтов
Избегайте использования светлых или полусветовых шрифтов для размеров типов до 42 пт, так как тонкие вертикальные штрихи вибрируют и ухудшают удобочитаемость. Современные шрифты с достаточной толщиной штриха хорошо работают. Например, Helvetica и Arial являются разборчивыми в HoloLens с использованием регулярных или полужирных весов.
Цвет
В HoloLens, так как голограммы создаются с помощью системы аддитивного света, белый текст очень удобочитаем. Примеры белого текста можно найти в меню "Пуск" и на панели приложения. Несмотря на то, что белый текст хорошо работает без задней пластины на HoloLens, сложный физический фон может сделать тип трудным для чтения. Мы рекомендуем использовать белый текст на темной или цветной задней пластине, чтобы улучшить фокус пользователя и свести к минимуму отвлекаться от физического фона.
Примеры белого текста на темной или цветной задней пластине.
Чтобы использовать темный текст, следует использовать яркую обратную пластину, чтобы сделать его удобочитаемым. В системах аддитивного цвета черный цвет отображается как прозрачный. Это означает, что вы не увидите черный текст без цветной задней пластины.
Примеры белого на черном и черного в белом тексте
Примеры черного текста в системных приложениях — Магазин и параметры
Рекомендуемый размер шрифта
Как и следовало ожидать, размеры типов, которые мы используем на пк или планшете (обычно от 12 до 32 пт), выглядят небольшими на расстоянии 2 метров. Это зависит от характеристик каждого шрифта, но в целом рекомендуемый минимальный угол обзора и высота шрифта для удобочитаемости составляет около 0,35°-0,4°/12,21-13,97 мм на основе наших исследований пользователей. Это примерно 35–40 пт с коэффициентом масштабирования, представленным на странице Текст на странице Unity .
Для ближнего взаимодействия в 0,45 м (45 см) минимальный угол обзора и высота шрифта 0,4°-0,5° / 3,14–3,9 мм. Это примерно 9–12 пт с коэффициентом масштабирования, представленным в Тексте в Unity.
в ближнем и дальнем диапазоне взаимодействия
Минимальный размер разборчивого шрифта
| Расстояние | Угол обзора | Высота текста | Размер шрифта** |
|---|---|---|---|
| 45 см (расстояние прямой манипуляции) | 0.4°-0.5° | 3,14–3,9 мм | 8.9–11.13pt |
| 2 м | 0.35°-0.4° | 12,21–13,97 мм | 34.63-39.58 pt |
Удобный размер удобочитаемого шрифта
| Расстояние | Угол обзора | Высота текста | Размер шрифта** |
|---|---|---|---|
| 45 см (расстояние прямой манипуляции) | 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 пт |
Segoe UI (шрифт по умолчанию для Windows) хорошо работает в большинстве случаев. Избегайте использования светлых или полусветлых семейств шрифтов небольшого размера, так как тонкие вертикальные штрихи будут вибрировать и ухудшать разборчивость. Современные шрифты с достаточной толщиной штриха хорошо работают. Например, Helvetica и Arial выглядят великолепно и разборчивы в HoloLens с регулярными или смелыми весами.
Дополнительные сведения о вычислении размера текста в Unity см. в статье Текст в Unity.
Расстояние, угол и высота текста
Ресурсы
Шрифты Segoe
(ZIP-файл)
Шрифт HoloLens
(ZIP-файл)
Изображение. Шрифт HoloLens предоставляет глифы символов, используемые в Windows Mixed Reality.
