martes, 10 de marzo de 2026
jueves, 11 de diciembre de 2025
Clase Proyecto Integrado semana 10/12/2025
Metodología de Trabajo (Paso a Paso)
Actividad en cuatro pasos fundamentales para lograr una presentación exitosa:
Paso 1: Definición de contenidos Debes estructurar una presentación que narre la evolución del proyecto, incluyendo obligatoriamente:
Diagnóstico inicial: Síntesis del análisis de la empresa, usuario y problemáticas (Unidad 1).
Propuesta creativa: Descripción y justificación de la solución.
Storyboard técnico: Versión final con tiempos, planos y audio.
Concept art y assets: Personajes, entornos y elementos gráficos.
Prototipo animado: El render final de la propuesta.
Paso 2: Estrategias de comunicación Se debe preparar un guion o libreto para la exposición oral que incluya:
Un lenguaje claro, profesional y técnico, evitando coloquialismos.
El mensaje central (qué problema resuelve) y la propuesta de valor (qué aporta a la empresa/usuario).- Una estrategia para conectar con el público y mantener su atención.
- Paso 3: Diseño de material de apoyo Creación de recursos visuales coherentes con el estilo del proyecto:
Diapositivas: Textos breves apoyados por imágenes del storyboard, concept art, etc..
Extractos visuales: Fragmentos clave de la animación para mostrar durante la exposición.
Paso 4: Presentación final Es la exposición propiamente tal, donde se evalúa la seguridad, el dominio técnico y la capacidad de venta del proyecto frente a un público académico o profesional.
Estructura de presentación
I. Introducción y Contexto (Diapositivas 1-4)
El objetivo aquí es captar la atención y establecer la base del problema.
Diapositiva 1: Portada Profesional
Contenido: Nombre del Proyecto, Integrantes, Asignatura y Logo de INACAP.
Tip: Usa una imagen de alto impacto de tu proyecto como fondo.
Diapositiva 2: El Mensaje Central
Contenido: La frase que resume qué problema resuelves y qué valor aportas
Texto (30pt)
Diapositiva 3: Diagnóstico: Empresa
Contenido: Breve síntesis de la Unidad 1. Quién es el cliente.
Resumen recopilación de datos y moodboard.
Diapositiva 4: La Problemática Detectada
Contenido: La necesidad específica que tu animación va a solucionar.
II. Desarrollo de la Solución (Diapositivas 5-10)
Aquí demuestras la "lógica del proceso" y la rigurosidad técnica solicitada en la Guía.
Diapositiva: Propuesta Creativa y de Valor
Contenido: Descripción de la solución. ¿Por que animación 2D o 3D según corresponda? Justificación.
Texto (30pt): Puntos clave de por qué tu propuesta funciona.
Diapositiva: Concept Art y Estilo Visual
Contenido: Muestra el estilo artístico. Fondos, paleta de colores.
Visual: Collage limpio de tus mejores concept arts. Poco texto.
Diapositiva: Diseño de Personajes (Assets)
Contenido: Presentación de los protagonistas (Turnarounds, poses clave, expresiones, pros, etc).
Visual: Imágenes sin parches, integradas correctamente en el diseño de la diapositiva.
Diapositiva: Storyboard Técnicos (Estructura)
Contenido: Muestra cómo organizaste la narrativa (planos, tiempos).
Visual: Selección de las viñetas más importantes del storyboard final.
Diapositiva: Proceso de Producción
Contenido: Breve vistazo a la animática o pruebas de movimiento.
Visual: Gifs breves o capturas secuenciales.
Diapositiva: Propuestas (Render Final)
Contenido: Esta es la diapositiva más importante. Aquí se reproduce los videos final.
Acción: Dale "play" y deja que la animación hable por sí sola.
Criterios de evaluación
- Inclusión de apartados (diagnóstico, propuesta, storyboard, concept art, prototipo, testeo) en el producto final
- Orden narrativo y coherencia
- Claridad, profesionalismo y lenguaje técnico
- Mensaje central y propuesta de valor
- Estrategia de conexión con el público
- Calidad, claridad y coherencia de los materiales
- Uso de extractos visuales del prototipo
- Claridad, seguridad y dominio en la exposición
- Uso del tiempo asignado
Horarios de presentación jueves 18/12
- De 13:00 a 13:30: Isidora Fernanda Valderrama Salinas Sala A309
- De 13:30 a 14:00: Sebastián Andrés Lanza Hidalgo Sala A312
- De 14:00 a 14:30: Crisnha Annais Peralta Díaz Sala A309
- De 14:30 a 15:00: Diego Samuel Jiménez Leiva Sala A312
- De 15:00 a 15:30: Daniel Angelo Pérez Salazar Sala A309
- De 15:30 a 16:00: Ignacio Alberto Cortés Maldonado Sala A312
- De 16:00 a 16:30: Florencia Jesús Murgas Huerta Sala A309
- De 16:30 a 17:00: Ronald Sebastian Milla Rojas Sala A309
- De 17:00 a 17:30: Sebastián Dairé Carmona Aguilera Sala A309
- De 17:30 a 18:00: Francisca Ignacia Garrote Godoy Sala A309
- De 18:00 a 18:30: Abigail Condori Mita Sala A309
- Archivo o link a presentación
- 2 animaciones en formato MPG-4 (cualquier otro formato existe la posibilidad que el computador de la sala no lo reproduzca.
Indicaciones de entrega
|
miércoles, 3 de diciembre de 2025
Clase Taller Diseño Plataformas Digitales semana 03/12/2025
Evaluación 4 Unidad IV: Testeo de Soluciones
Introducción
La presente evaluación se enmarca en la Unidad IV: Testeo de Soluciones del Taller de Diseño de Plataformas Digitales. Esta asignatura, de carácter práctico, busca que los estudiantes sean capaces de idear, estructurar, diseñar, prototipar y testear aplicaciones para diferentes dispositivos. Se trabaja desde los requerimientos del usuario y los escenarios de uso, aplicando criterios de usabilidad y metodologías creativas.
En este contexto, la evaluación tiene como propósito validar las propuestas diseñadas anteriormente mediante procesos de testeo, mejoras iterativas y la presentación formal frente a un comité, demostrando dominio del desarrollo de la interfaz y del pensamiento crítico propio del diseño digital.
Desarrollo
La evaluación responde directamente al Aprendizaje Esperado 4.1, que señala que el estudiante debe desarrollar una propuesta de diseño de interfaz colaborativa, comprobando su funcionalidad y usabilidad mediante testeos, mejoras innovadoras y adaptabilidad en diferentes dispositivos. Para esto, los estudiantes deberán presentar una carpeta en la nube (link público) que contenga los siguientes elementos fundamentales:
1. Presentación utilizada para la defensa ante comité
Debe incluir:
El brief trabajado en la asignatura integrada.
2. Link al prototipo wireframe funcional en Figma – Material System (MS)
El prototipo debe:
Ser completamente funcional.
Reflejar las mejoras aplicadas tras el testeo.
3. Link al prototipo wireframe funcional en Figma – Human Interface Guidelines (HIG)
Al igual que el prototipo MS, debe:
Ser completamente funcional.
Mostrar la integración de mejoras basadas en la experiencia de usuario.
Conclusión
La Evaluación 4 permite que los estudiantes cierren el ciclo completo de diseño, desde la definición del problema hasta la validación mediante testeo. A través de la presentación y la entrega de prototipos funcionales, deberán demostrar su capacidad de aplicar criterios de usabilidad, diseñar interfaces coherentes con los estándares MS y HIG, y resolver problemas de navegación, interacción y visualidad en entornos digitales. Con esta evaluación, se consolida la habilidad de prototipar, testear e iterar soluciones en contextos reales de diseño digital, fortaleciendo el pensamiento crítico y el trabajo colaborativo.
Relación con los criterios de evaluación
Criterio 4.1.1: Se cumple mediante la entrega ordenada de cada documento, prototipo y presentación, evidenciando el proceso completo de diseño y testeo.
Criterio 4.1.2: Se demuestra a través de las mejoras innovadoras propuestas, fundamentadas en técnicas de trabajo colaborativo y análisis de usabilidad.
Criterio 4.1.3: Se evidencia al integrar prototipos, wireframes y maquetas digitales, mostrando un proceso iterativo guiado por retroalimentación y pruebas con usuarios reales o simulados.
Con lo anterior, los estudiantes concluyen la unidad demostrando dominio técnico, metodológico y reflexivo, fundamentales en el diseño de plataformas digitales profesionales.
Indicaciones de entrega
|
lunes, 1 de diciembre de 2025
Clase Simulación Virtual semana 01/12/2025
Evaluación 4 – Unidad III: Diseño de Simulación Virtual
Introducción
La Unidad III está orientada al diseño y producción de experiencias de simulación virtual, integrando los conocimientos de diseño gráfico, modelado 3D, experiencia de usuario e interacción. En esta etapa final, los estudiantes deben demostrar dominio técnico y conceptual en la creación de un entorno de Realidad Virtual o Aumentada, además de gestionar sus recursos, tiempos y procesos de forma autónoma.
La evaluación 4 busca que los estudiantes diseñen, modelen y presenten una experiencia VR/AR narrativa para la app Juntémonos, aplicando storytelling, interacción, estructura narrativa clara y uso adecuado de plataformas y softwares pertenecientes al campo de la simulación virtual.
Esta actividad sintetiza todos los aprendizajes previos, permitiendo evaluar la capacidad del estudiante para crear un producto final completo, funcional y coherente con las especificaciones de diseño profesional.
Desarrollo
Aprendizaje Esperado de la Unidad
3.1 Diseña entorno de simulación virtual, para responder a los requerimientos de un proyecto de experiencia de realidad virtual, considerando software 2D/3D, experiencia del usuario y autogestión del trabajo.
1. Utilización de distintas plataformas de software para creación de entornos virtuales
Los estudiantes deben emplear herramientas de producción digital tales como:
Blender para modelado y animación 3D,
Photoshop o Illustrator para elementos 2D de la interfaz o composiciones complementarias.
Ejemplo:
Crear el espacio virtual donde ocurre el relato, preparando luces, cámaras, objetos interactivos y elementos visuales del UI integrados en VR.
2. Diseño de interfaz de usuario
La experiencia debe incluir elementos de interacción digital claros y coherentes, como:
Indicadores visuales,
Botones flotantes o paneles,
Señales de navegación,
Elementos 2D integrados en el entorno tridimensional.
Ejemplo:
Un panel flotante en VR que muestre opciones, avance del relato o elementos que el usuario puede activar.
3. Experiencia de Realidad Virtual social en un entorno diseñado y modelado en clases
La experiencia final debe reflejar:
Una narrativa social coherente,
Interacciones naturales con objetos y personajes digitales,
Un espacio modelado sustentado en decisiones de diseño social.
Ejemplo:
Un entorno en VR/AR donde el usuario avanza por dos instancias narrativas, presenciando situaciones y seleccionando opciones que afectan el desarrollo del relato.
4. Documento de levantamiento de necesidades del proyecto virtual
Antes de la producción del video final, los estudiantes deben documentar:
Necesidades del usuario,
Contexto narrativo,
Flujo del relato,
Objetos interactivos y su propósito,
Momentos clave en la experiencia.
Este documento se manifiesta mediante el storytelling en PDF, donde se presenta el detalle de la narrativa y su progresión.
5. Interacción con objetos de Realidad Virtual y elementos de interfaces
El proyecto debe incluir al menos un objeto interactivo, lo que demuestra que el estudiante comprende la interacción VR.
Ejemplos:
Un panel que pueda abrirse,
Un objeto que despliega información,
Un elemento que el usuario debe activar para avanzar en el relato.
Formato de Entrega
Carpeta en la nube (link público) que contenga:
1. Storytelling en PDF
Incluye:
Nombres de los integrantes
Descripción del storytelling
Inicio, desarrollo y cierre del relato
Descripción de las dos instancias donde el usuario avanza
Indicación del objeto interactivo
2. Video Final
Debe cumplir con:
Duración: 60 a 120 segundos
Resolución: 1920 x 1080
Fotogramas: 24 FPS
Formato: MPG-4
Debe incluir:
Dos instancias claras donde el usuario progresa en la historia
Al menos un elemento interactivo
Modelado y elementos 3D creados por los estudiantes
Material completamente original (no IA, no material con derechos de autor)
El video puede ser:
Una experiencia VR modelada y representada con cámaras de motor gráfico,
Un spot publicitario que combine grabación real + elementos 3D integrados.
3. Conclusión
Esta evaluación integra directamente los criterios de la unidad:
3.1.3 Crea proyecto de entorno virtual
Los estudiantes deberán gestionar su tiempo, recursos y producción de forma autónoma, concretando un proyecto completo acorde al storytelling y las especificaciones de diseño profesional.
3.1.4 Desarrolla una experiencia de realidad virtual coherente
El video deberá reflejar:
Un relato claro,
Dos instancias de avance narrativo,
Interacciones VR aplicadas correctamente,
Cohesión entre interfaz, narrativa y objetos 3D.
En conjunto, esta evaluación permite evidenciar la capacidad del estudiante para diseñar, producir y fundamentar una experiencia de simulación virtual completa, integrando todos los aprendizajes del curso.
Ejemplo
Indicaciones de entrega
|
| Criterios | Excelente | Bueno | Aceptable | Insuficiente |
|---|---|---|---|---|
| 1. Crea proyecto de entorno virtual, considerando especificaciones de diseño y la gestión de recursos y tiempo de forma autónoma. | Proyecto completamente desarrollado; cumple todas las especificaciones de diseño; demuestra excelente gestión del tiempo y recursos, evidenciando autonomía y planificación profesional. | Proyecto bien desarrollado; cumple la mayoría de las especificaciones; demuestra buena gestión del tiempo y recursos. | Proyecto parcialmente desarrollado; cumple algunas especificaciones; gestión del tiempo o recursos limitada. | Proyecto incompleto o sin planificación; no cumple especificaciones ni demuestra gestión autónoma del trabajo. |
| 2. Desarrolla una experiencia de realidad virtual integral, de acuerdo con objetos interactivos, menús y un relato coherente y de fácil comprensión. | Experiencia VR/AR completamente integrada; objetos interactivos, menús y narrativa funcionan de manera fluida, coherente y comprensible. | Experiencia VR/AR bien desarrollada; la interacción y narrativa son claras, con pequeñas inconsistencias. | Experiencia VR/AR básica; interacción limitada o narrativa poco clara. | La experiencia VR/AR carece de cohesión; interacción mínima o inexistente; relato confuso. |
| 3. Desarrolla correctamente el Storytelling. | Storytelling completo, estructurado y coherente; presenta un inicio, desarrollo y cierre claro, con narrativa sólida y bien fundamentada. | Storytelling claro y adecuado; estructura general coherente. | Storytelling básico; estructura parcial o poco desarrollada. | Storytelling incompleto, confuso o sin estructura narrativa clara. |
| 4. El video refleja claramente: un relato claro, dos instancias de avance narrativo, interacciones aplicadas correctamente, cohesión entre interfaz, narrativa y objetos 3D. | El video cumple a cabalidad con todos los requisitos; presenta un relato claro, dos avances narrativos evidentes, interacción fluida y cohesión total entre UI, narrativa y objetos 3D. | El video cumple la mayoría de los requisitos; presenta claridad narrativa y coherencia general. | El video cumple solo algunos requisitos; claridad narrativa o coherencia limitada. | El video no cumple con los requisitos mínimos; relato confuso, sin avances narrativos o sin interacción. |
| 5. La propuesta final cumple con los estándares profesionales actuales y es desarrollada sin uso de IA o material sin derecho de autor o explotación. | Propuesta completamente profesional, original, de alta calidad y desarrollada íntegramente por los estudiantes sin uso de IA o material externo con derechos. | Propuesta de buena calidad y totalmente original, con estándares adecuados. | Propuesta básica o con baja calidad; algunos elementos no cumplen estándares profesionales. | Propuesta no original o con uso de IA/material con derechos de autor; calidad insuficiente o no profesional. |
jueves, 20 de noviembre de 2025
Clase Laboratorio Digital Animación 3D semana 20/11/2025
Evaluación 4 – Proyecto Final de Animación 3D
Introducción
La Evaluación 4 corresponde al proyecto final de la asignatura Laboratorio Digital Animación 3D, y busca integrar todos los aprendizajes desarrollados durante el semestre. En esta instancia, los estudiantes deberán demostrar dominio técnico en modelado, creación de UVs, pintura digital, rigging, curvas de animación, interacción con entorno y producción de loops en Nonlinear Animation. Los estudiantes deberán elegir uno de los 20 personajes que se encuentran en la actividad “Selección Personaje”, cada estudiante será responsable de llevar a cabo un flujo de producción completo, desde la planificación inicial hasta la animación final, siguiendo estándares profesionales de animación y presentando una solución coherente, organizada y técnicamente sólida.
Los estudiantes que no se inscriban se les asignara un personaje al azar.
El cumplimiento del encargo con el personaje inscrito o asignado es obligatorio; cualquier entrega que utilice un personaje distinto será evaluada con nota mínima, ya que se considerará incumplimiento directo de las instrucciones y del proceso de desarrollo individual.
Desarrollo
Para esta evaluación, los estudiantes deberán trabajar exclusivamente con el personaje que les haya sido asignado o que hayan seleccionado correctamente. El proyecto consiste en modelar el personaje desde cero en Blender, construyendo su geometría con una topología limpia y preparada para animación. Posteriormente, deberán crear los mapas UV y realizar el pintado directamente en Blender, utilizando técnicas de color degradado y pincel, sin uso de colores sólidos, con el fin de lograr una propuesta visual rica en matices y coherente con el estilo del personaje.
Una vez finalizado el modelo, el estudiante deberá implementar un sistema de rigging completo, ajustando pesos, corrigiendo deformaciones y personalizando los controladores necesarios para una animación funcional y estable. Las curvas de animación deberán ser editadas de forma cuidadosa para asegurar movimientos fluidos y naturales.
En cuanto a la animación, se deberán desarrollar tres ciclos o loops como mínimo, todos gestionados íntegramente desde el Nonlinear Animation, combinando acciones, repeticiones y transiciones de forma organizada.
El personaje debe interactuar de manera clara y coherente con al menos un objeto del entorno, lo que implica un trabajo adicional de planificación y diseño de una pequeña escena. Para ello, se deberán presentar insumos de preproducción completos y de calidad:
Carta Gantt con todas las etapas del proyecto detalladas.
Bocetos de personaje, ambiente y objeto. (escala de grises)
Guión básico, describiendo acciones e interacción.
Storyboard, donde se representen movimientos, acciones y cámaras.
El trabajo final debe incluir materiales y texturizado adecuados, iluminación coherente, un posicionamiento de cámara apropiado y una animación de personaje u objeto compuesto que sea fluida, natural e integrada al entorno.
La entrega técnica debe estar configurada en 25 fps, con una duración total de 600 fotogramas en Full HD (1920 x 1080), siguiendo el estándar solicitado para la evaluación.
Formato de entrega
- Link a carpeta en la nube
- PDF con todos los insumos de producción
- Archivo blender
- Video en formato MPG-4
Conclusión
La Evaluación 4 constituye el cierre del proceso formativo del semestre, integrando los componentes esenciales del trabajo profesional en animación 3D: planificación, modelado, texturizado, rigging, animación y puesta en escena. Su objetivo es permitir que el estudiante demuestre su capacidad para desarrollar un proyecto completo, aplicando criterios técnicos, creativos y narrativos coherentes con la disciplina.
Los criterios de evaluación reflejan el nivel de dominio esperado en cada etapa del proceso:
La Carta Gantt, los bocetos, el guión básico y el storyboard evidencian la planificación visual y narrativa.
Los apartados de materiales, texturizado, iluminación y cámara se relacionan con la construcción estética y técnica de la escena.
Los criterios de rigging, animación compuesta, curvas y configuración técnica permiten evaluar el desempeño del estudiante en la parte más especializada del proyecto.
En conjunto, estos elementos permiten valorar no solo el resultado final, sino también la capacidad del estudiante para aplicar un flujo de trabajo profesional, organizado y coherente con los estándares actuales del área de la animación digital.
Indicaciones de entrega
|
miércoles, 19 de noviembre de 2025
Clase Proyecto Integrado semana 19/11/2025
Estructura recomendada para tu portafolio (Concept Art + Environment)
1. Página de Inicio (Home)
Objetivo: Dar una primera impresión clara, limpia y profesional.
Incluye:
Nombre + Especialidad (Concept Artist / Environment Artist)
Tagline corto → “Diseño mundos y narrativas visuales”, “Concept art orientado a videojuegos”, etc.
Una imagen destacada (tu mejor environment o concept, no un collage)
Botones rápidos: Portafolio / Demo Reel (si tienes) / Contacto
2. Sobre mí / About
Debe ser breve (5–7 líneas), claro y profesional.
Incluye:
Quién eres y qué haces.
Tu enfoque: personajes, props, environments, preproducción, etc.
Tu experiencia o formación relevante.
Software dominante: Blender, Photoshop, Procreate, ZBrush, etc.
Tu visión o estilo (opcional).
Foto profesional opcional (no selfie).
✨ Tip: No escribas en tono escolar. Piensa en cómo se presentan los concept artists en ArtStation.
3. Portafolio General (o dividido en categorías)
Puedes organizarlo de dos formas:
A. Por tipo de proyecto
Environments
Concept Art de personajes
Props / Vehículos
Color scripts / Mood boards
Ilustración final (si corresponde)
B. Por proyectos completos
Cada proyecto incluye:
Título del proyecto
Descripción corta:
Objetivo
Contexto (videojuego, película, ejercicio personal)
Piezas finales
Proceso
bocetos
thumbnails
research
composiciones
versiones descartadas
Turnarounds / ortográficas / vistas técnicas (si aplica)
Herramientas utilizadas
✨ Tip: Menos piezas pero de alta calidad. 10–15 obras fuertes superan a 30 mediocres.
4. Sección “Environment Design” (si la separas)
Incluye:
Key arts (es una imagen central que representa un proyecto, como una película, videojuego o libro, y se utiliza como la base para todas las campañas de marketing y promoción)
Paintovers (técnica de retoque digital donde se aplica una pintura digital por encima de una imagen o modelo base (como una foto, una imagen de baja calidad o un modelo 3D) para mejorarla, corregirle o darle un acabado diferente)
Bloqueos 3D + paintover
Color keys
Layouts
Planos o vistas técnicas
5. Sección “Concept Art”
Incluye:
Line-up de personajes
Props con ortográficas
Variantes de siluetas
Exploración de color
Explicación breve de cada set
✨ Tip: Utilizar layouts limpios estilo ArtStation, no recargar con texto.
6. Proceso / Workflows
Esta sección es opcional (importante para reclutadores).
Incluye:
Cómo investigas (moodboards, referencias)
Cómo haces thumbnails
Cómo usas 3D para apoyar tus composiciones
Cómo usas fotobashing o pintura digital
✨ Tip: No poner imágenes sueltas, agrúpalas por etapas.
7. Contacto
Debe incluir:
Email profesional
Instagram o ArtStation
LinkedIn (opcional)
✨ Tip: Asegúrate de que esté visible en todas las páginas (Google Sites deja agregar footer).
8. CV (opcional)
Solo si tienes experiencia o formación relevante.
De lo contrario mantenlo corto y limpio.
Recomendaciones específicas para Google Sites
Usa un tema mínimo, sin bordes ni colores fuertes.
Mantén 1–2 colores principales (ej: gris oscuro + celeste suave).
Aprovecha secciones por ancho completo para imágenes grandes.
Usa galerías tipo “mosaico” para props; “slideshow” para procesos.
en cada proyecto incluye un botón “Ver proceso completo”.
No uses más de 2 tipografías.
Desactiva enlaces innecesarios del menú.
Orden recomendado del menú
Home
Portafolio
— Environments
— Concept ArtProyectos completos (si los separas)
Proceso
Sobre mí
Contacto
Portafolio estudio de animación
Autor: Eri Zinser
Indicaciones de entrega
|
lunes, 17 de noviembre de 2025
Clase Simulación Virtual semana 17/11/2025
Evaluación 3 – Unidad III: Diseño de Simulación Virtual
Introducción
La Unidad III se centra en el diseño del entorno de simulación virtual, etapa en la que los estudiantes integran los aprendizajes de software 2D y 3D, diseño UI y experiencia de usuario para dar forma a una propuesta final coherente y profesional.
En esta fase del curso, los estudiantes deben demostrar autonomía en la creación de interfaces digitales para experiencias de realidad virtual, valorando su propio desempeño y reflexionando sobre las decisiones técnicas y visuales que componen la propuesta final.
La evaluación consiste en diseñar la interfaz de simulación virtual para la app Juntémonos, aplicando dos sistemas de diseño profesional:
MS (Material Design / Microsoft Fluent)
HIG (Apple Human Interface Guidelines)
El objetivo es que comprendan cómo varía la experiencia según el sistema operativo, su lenguaje visual y su filosofía de interacción.
Desarrollo
Aprendizaje Esperado
3.1 Diseña entorno de simulación virtual, para responder a los requerimientos de un proyecto de experiencia de realidad virtual, considerando el uso de softwares 2D - 3D, la experiencia del usuario y la autogestión del trabajo.
Contenidos Mínimos Obligatorios Aplicados a la Evaluación
1. Utilización de distintas plataformas de software para creación de entornos virtuales
Los estudiantes deben aplicar herramientas de diseño como:
Blender para modelado 3D.
Figma / Illustrator / Photoshop para diseño UI y assets 2D.
Ejemplo:
Diseñar los elementos gráficos en Figma y luego visualizar su interpretación en un entorno 3D.
2. Diseño de interfaz de usuario
El trabajo requiere crear dos kits UI completos, uno para MS y otro para HIG, respetando:
Jerarquías visuales
Espaciado
Tipografía nativa del sistema
Paletas cromáticas oficiales
Componentes y controles nativos
Ejemplo:
En MS: uso de tarjetas elevadas, botones con profundidad y microinteracciones.
En HIG: navegación limpia, uso de translucidez, énfasis en claridad y orden visual.
3. Experiencia de Realidad Virtual social
La interfaz presentada debe considerar la interacción en un entorno virtual vinculado a Juntémonos, una app centrada en encuentros y experiencias compartidas.
Esto implica pensar en:
Ubicación de los elementos dentro del campo visual.
Tamaños legibles para VR y/o AR.
Interacción con manos o controladores.
4. Documento de levantamiento de necesidades del proyecto virtual
El informe debe reflejar cómo los estudiantes interpretaron:
El objetivo central de la app.
El comportamiento social del usuario.
Las acciones más frecuentes dentro de la experiencia.
5. Interacción con objetos y elementos de UI en VR / AR
La interfaz debe considerar por ejemplo cómo el usuario interactúa con:
Botones flotantes
Paneles 3D
Menús desplegables
Elementos de contexto
Estructura del entrega (Canvas o PDF) mediante un link público (pdf link a nube)
1. Portada
Título: Diseño de Interfaz Virtual
Nombre de los integrantes
2. Marca
Identidad visual
Descripción conceptual del cliente (App Juntémonos)
3. Kit UI MS (Material / Fluent)
Componentes visuales principales del sistema Material Design: botones, inputs, tarjetas, menús, íconos, tipografía y paleta cromática.
Uso coherente de jerarquía visual, profundidad y movimiento.
4. Kit UI HIG (Apple)
Componentes visuales del sistema Human Interface Guidelines: barras de navegación, tab bars, tipografía del sistema, íconos y componentes nativos de iOS.
Aplicación de principios de claridad, profundidad y deferencia visual.
5. Árbol de navegación o User Flow
Flujo del usuario dentro de la simulación
Rutas principales y secundarias
6. Retícula de diseño
Grillas adaptadas a entornos VR / AR
Estructura para pantallas
7. Diseño final
Pantalla sin fondo
Pantallas con fondo
8. Mockups
2 mockups MS
2 mockups HIG
Ambos creados en softwares gráficos y con material original (no IA ni material con derechos de autor).
Conclusión
La Evaluación 3 integra los criterios de la Unidad III al exigir que los estudiantes:
3.1.1 Analicen los requisitos del proyecto
Interpretando el Brief, el contexto de la app Juntémonos y los recursos necesarios para el desarrollo de la experiencia virtual.
3.1.2 Desarrollen la interfaz digital con elementos 2D y 3D
Creando una propuesta final que combine diseño gráfico, composición UI, elementos tridimensionales y enfoque en la experiencia del usuario.
Esta evaluación consolida el aprendizaje técnico, gráfico y conceptual del curso, permitiendo que los estudiantes finalicen la unidad con una propuesta profesional de interfaz de simulación virtual adaptada a distintos sistemas operativos.
Indicaciones de entrega
|