язык проектирования Смешанная реальность — MRTK3

Button Main

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

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

Улучшения

  • Улучшенная визуальная обратная связь для многомодальных входных данных
  • Красивые круглые элементы дизайна, сочетая традиционный HoloLens переопределенный внешний вид и чувствовать себя с современным Fluent дизайн
  • Модульная система задней панели для создания сложных макетов, которые остаются ясными и пригодными для использования
  • Переработанные визуальные элементы ограничивающего прямоугольника для уменьшения визуального шума и включения взаимодействия с гибким взглядом
  • Динамический макет с помощью RectTransform и Canvas

Ключевые элементы

Геометрия

Geometry

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

Color

Backplate color

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

Свет и материалы

Light

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

Слои

Layering and Elevation

Слои — это концепция перекрытия одной поверхности с другой. Язык проектирования Смешанная реальность использует слой и повышение прав для создания объемного пользовательского интерфейса, который повышает качество взаимодействия и удобство использования в пространственных взаимодействиях, и радует пользователей красивым и интуитивно понятным ответом на их входные данные.

Значки

Iconography

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

Оформление текста

Typography

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

язык проектирования Смешанная реальность в MRTK3

MRTKv3 Tearsheet

Примеры использования языка конструктора Смешанная реальность

Изучите и изучите примеры языка разработки Смешанная реальность в действии.

приложение Microsoft Mesh для HoloLens 2

Mesh app for HoloLens 2