Sistemas de Diseño VR con Mark III de Microsoft en Figma

Curso de Prototipado para Realidad Virtual

Contenido del curso

Introducción

Principios básicos del diseño inmersivo

Sistema de Diseño VR

Iniciando en ShapesXR

Objetos e Imágenes en ShapesXR

Dashboard en ShapesXR

Final

23
Prototipado en Realidad Virtual: Herramientas y Técnicas Básicas
02:13 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0012:48

Sistemas de Diseño VR con Mark III de Microsoft en Figma

Curso de Prototipado para Realidad Virtual

Clase 9 de 23

Clase 9 / 23

Recursos

¿Qué es el sistema de diseño Mark III?

Microsoft, siempre a la vanguardia de la tecnología, ha desarrollado un sistema de diseño innovador llamado Mark III, enfocado en la realidad aumentada y virtual. Este sistema no es solo un esquema de diseño UX típico; es una herramienta poderosa adaptada para crear experiencias inmersivas en RV y RA. Entender sus elementos y cómo se integran puede transformar la forma en que se diseñan las interfaces 3D.

¿Cómo acceder a Mark III en Figma?

Acceder a Mark III en Figma es sencillo, pero es vital saber dónde buscar. La comunidad de Figma es un hervidero de creatividad con múltiples recursos, y aquí puedes encontrar Mark III.

Buscar en la comunidad de Figma:
- Dirígete a la comunidad de Figma y busca "Mark Figma".
- Asegúrate de elegir la versión original de "By Mixed Reality and John Park".
Importar y usar:
- Da un "Get a Copy" para tener el diseño en tu espacio de trabajo.
- Revisa elementos como la galería de UI que contiene componentes vitales como botones, basados en las gafas de realidad aumentada de Microsoft, HoloLens.

¿Qué componentes clave ofrece Mark III?

Mark III se centra en componentes que respetan las dimensiones y experiencias inmersivas de la realidad virtual:

Botones y toggles adaptativos: Este sistema asegura que los botones y otros elementos de UI se muestren adecuadamente en un espacio virtual, con tamaños correctos para facilidades de interacción.
Ejemplos y storyboards: Es vital ofrecer ejemplos detallados para un correcto entendimiento del flujo dentro de un sistema de realidad mixto.
Componentes de interfaz intuitivos: Como el menú radial versus el rectangular, los cuales pueden ser usados según el número de opciones disponibles, mejorando así la usabilidad.

¿Cómo se materializan los diseños de Figma en VR?

La magia ocurre cuando conviertes tus diseños 2D en elementos interactivos 3D. Aquí te explicamos cómo:

Exportar desde Figma:
- Selecciona el componente deseado y expórtalo como PNG.
Utilizar Shapes SR:
- Este plugin de prototipado VR te permite cargar el componente y llevarlo a un espacio virtual.
Importar al entorno virtual:
- Desde plataformas como Oculus, puedes visualizar y manipular el elemento importado, ajustando dimensiones y colores según sea necesario.

¿Qué recomendaciones prácticas existen para el diseño en VR?

Al trabajar con VR, hay que considerar aspectos únicos del entorno 3D:

Escalar correctamente: Usa referencias como modelos de personas para entender las dimensiones correctas en VR.
Interactividad y feedback: Siempre proporciona a los usuarios feedback visual para sus acciones, como cambios de estado al presionar botones.
Prototipado realista: Herramientas como Unity o Unreal ofrecen un entorno para iterar sobre diferentes versiones del proyecto, permitiendo ajustes en tiempo real.

Explorar y entender los sistemas como Mark III es fundamental para todo diseñador de realidad aumentada o virtual. Este conocimiento no solo enriquece tu habilidad técnica sino que amplía tus horizontes creativos, colocando a tus proyectos a la vanguardia de la tecnología interactiva. ¡Sigue adelante y experimenta con estas herramientas para llevar tus ideas al siguiente nivel!

Paulo Esteban Orsini

Hace 2 años

El MRTK Plugin (Mixed Reality Toolkit) es un conjunto de herramientas de código abierto diseñado por Microsoft para facilitar el desarrollo de aplicaciones de realidad mixta (Mixed Reality) en plataformas como HoloLens, Windows Mixed Reality, y dispositivos de realidad virtual (VR) y aumentada (AR). A continuación, te detallo información clave sobre MRTK:

Características Principales

1. Multiplataforma: Aunque está optimizado para dispositivos de Microsoft (HoloLens), MRTK es compatible con otras plataformas como OpenXR, Unity XR y SteamVR.

2. Modularidad: Ofrece un diseño modular que permite a los desarrolladores usar solo las funcionalidades que necesitan, reduciendo el tamaño y complejidad del proyecto.

3. Interacción Natural:

• Soporta interacción con manos (gestos).

• Entrada con controladores (motion controllers).

• Reconocimiento de voz.

• Rastreo ocular (eye-tracking).

4. Componentes Listos para Usar:

• Interfaz de usuario (UI): Elementos preconstruidos para menús y paneles interactivos.

• Manipulación de objetos: Scripts para mover, escalar y rotar objetos fácilmente.

• Teletransportación y navegación: Herramientas para moverse dentro de entornos virtuales.

5. Extensibilidad: Es altamente personalizable, permitiendo integraciones con otras herramientas y frameworks de desarrollo.

Compatibilidad

• Motor de juegos: Unity (soportado principalmente en versiones LTS - Long Term Support).

• Dispositivos:

• HoloLens 2.

• Casco de realidad mixta de Windows.

• Dispositivos basados en OpenXR.

Casos de Uso

• Aplicaciones empresariales: Para capacitación, diseño de prototipos y colaboración remota.

• Educación: Experiencias inmersivas para enseñanza interactiva.

• Entretenimiento y videojuegos: Crear experiencias VR/AR inmersivas.

• Simulación médica: Prácticas en entornos virtuales o aumentados.

Beneficios

• Ahorro de tiempo: Muchas funcionalidades básicas están predefinidas.

• Facilidad de uso: Documentación extensa y ejemplos incluidos.

• Código abierto: La comunidad puede contribuir y adaptar el toolkit a necesidades específicas.

Cómo Empezar

1. Instalación en Unity:

• Instala Unity (recomendado: versiones LTS).

• Descarga e instala MRTK desde el Unity Asset Store o GitHub.

• Configura el proyecto para la plataforma deseada (como OpenXR para HoloLens o VR).

2. Configuración básica:

• Crea un perfil MRTK para personalizar la configuración (input, UX, render, etc.).

• Añade componentes de MRTK a tu escena.

3. Prueba y despliegue:

• Usa emuladores como el HoloLens Emulator o ejecuta directamente en dispositivos.

Versiones Importantes

• MRTK v2: Versión estable ampliamente utilizada.

• MRTK 3 (OpenXR): Enfoque más moderno basado en OpenXR, recomendado para nuevos proyectos.

Si necesitas más información, ayuda con la configuración, o ejemplos prácticos, ¡puedo apoyarte! 😊

Introducción

Qué es Shapes XR y para qué sirve

Realidade aumentada, virtual e mista explicadas

Principios básicos del diseño inmersivo

Campo de visión óptimo en entornos VR

Distâncias ideais para objetos em RV

Perspectivas en Realidad Virtual: Primera y Tercera Persona

Ejes y grados de libertad en realidad virtual

Creación de Experiencias Sonoras para Realidad Virtual

Ideación Creativa con Brainstorming y Bodystorming

Sistema de Diseño VR

Sistemas de Diseño VR con Mark III de Microsoft en Figma

Uso de Plugins en Figma para Prototipos en Realidad Virtual

Medidas de distancia para imágenes en ShapeXR

Importación de Objetos 3D en ShapesXR para VR

Iniciando en ShapesXR

Qué es Shapes XR y cómo descargarlo

Exploración de ShapesXR: Navegación y Funciones Básicas

Tutoriales interactivos de ShapesXR explicados

Menú y tools de ShapesXR explicados

Objetos e Imágenes en ShapesXR

Creación y Manipulación de Objetos en Espacios Virtuales

Selección, duplicación y borrado en VR

Colores y materiales en ShapesXR

Crear y editar texto en un entorno VR

Dashboard en ShapesXR

Gestión de Importaciones y Exportaciones en ShapesXR

Exportación de Modelos 3D en ShapesXR

Final

Prototipado en Realidad Virtual: Herramientas y Técnicas Básicas

Sistemas de Diseño VR con Mark III de Microsoft en Figma