Introducción

1

Prototipado de Realidad Virtual con Figma y Shapes XR

2

Realidad Aumentada, Virtual, Mixta y Extendida: Conceptos Clave

Quiz: Introducción

Principios básicos del diseño inmersivo

3

Optimización del Campo de Visión en Realidad Virtual

4

Distancias Óptimas para Diseño de Escenarios en Realidad Virtual

5

Perspectivas en Realidad Virtual: Primera y Tercera Persona

6

Ejes y grados de libertad en realidad virtual

7

Creación de Experiencias Sonoras para Realidad Virtual

8

Ideación Creativa con Brainstorming y Bodystorming

Quiz: Principios básicos del diseño inmersivo

Sistema de Diseño VR

9

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

10

Uso de Plugins en Figma para Prototipos en Realidad Virtual

11

Prototipos VR: Medidas y Visualización en StapleSR y ShapesXR

12

Importación de Objetos 3D en ShapesXR para VR

Quiz: Sistema de Diseño VR

Iniciando en ShapesXR

13

Prototipado VR con SAPES XR: Descarga e Instalación Inicial

14

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

15

Uso básico de ShapesXR para creación de proyectos virtuales

16

Exploración de Menús y Herramientas en Controladores Virtuales

Quiz: Iniciando en ShapesXR

Objetos e Imágenes en ShapesXR

17

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

18

Selección y manipulación de objetos en realidad virtual

19

Técnicas de Pintura y Texturizado en Modelado 3D

20

Creación y edición de textos en entornos virtuales

Quiz: Objetos e Imágenes en ShapesXR

Dashboard en ShapesXR

21

Gestión de Importaciones y Exportaciones en ShapesXR

22

Exportación de Modelos 3D en ShapesXR

Quiz: Dashboard en ShapesXR

Final

23

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

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

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

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.

  1. 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".
  2. 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:

  1. Exportar desde Figma:

    • Selecciona el componente deseado y expórtalo como PNG.
  2. Utilizar Shapes SR:

    • Este plugin de prototipado VR te permite cargar el componente y llevarlo a un espacio virtual.
  3. 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!

Aportes 4

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Mi aporte a la clase: MRTK 3 Diseñado por Microsoft (es un sistema de diseño) Se encuentra en FIGMA, hay plugins de la comunidad de todo tipo, hay recursos para la RV la RA, pocos pero hay. Importante los tamaños cambian en RV, acá están las medidas estándar para botones y componentes. EXTRA: como buena práctica (principios de usabilidad) debemos de darle el entendimiento al usuario de lo que esta pasando o que va a pasar. Si hay muchas opciones para utilizar en un menú, es recomendado usar algo RADIAL (Mas usable)
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! 😊
No se si hicieron una mala adecuación en la actualización de la interfase pero ya no me salen las clases anteriores del lado derecho