Proyecto Intro Marca
Clase Laboratorio Proyectos Digitales semana 21/09/2022
Sesión 3 - 05/10
Proyecto Intro Marca
Clase Laboratorio Proyectos Digitales semana 05/10/2022
Entrega mediante blog
Proyecto marketing digital
Instrucciones Clase Laboratorio Proyectos Digitales semana 22/08/2022
Fecha de entrega
La entrega es en formato presencial mediante tarea de plataforma y no se recibirá por ningún otro medio que no sea el conducto regular, 5 días hábiles para justificar por plataforma la ausencia de la evaluación.
Ruta
Plataforma/servicios administrativos/Módulo de solicitudes académicas/Solicitud de justificación de inasistencia a una evaluación
La asignatura Taller Diseño Plataformas Digitales busca que los estudiantes adquieran competencias para idear, estructurar, diseñar, prototipar y testear aplicaciones digitales considerando la experiencia del usuario, los lineamientos de usabilidad y las directrices de interfaz de cada sistema operativo.
En esta primera evaluación, los estudiantes deberán aplicar estos principios para analizar un brief, definir un proyecto digital y estructurar sus primeras propuestas de interfaz a través de wireframes y prototipos de baja fidelidad. Esto permitirá introducirse en el flujo de trabajo de proyectos reales, donde la comprensión del problema, el usuario y los escenarios de uso son fundamentales para un diseño exitoso.
La evaluación contempla dos etapas principales:
Los estudiantes, organizados en duplas, desarrollaran un brief para un cliente ficticio. A partir de este deberán:
Analizar los objetivos del cliente, usuarios, contextos y escenarios de uso.
Reconocer la problemática central y proponer una solución conceptual en forma de aplicación nativa para Android e iOS.
Definir el perfil del usuario, los objetivos de la aplicación y la propuesta conceptual.
Presentar los resultados en un mural colaborativo en Miro.
Con la propuesta conceptual definida, los estudiantes deberán:
Diseñar las pantallas esenciales en un wireframe de baja fidelidad.
Integrar los elementos básicos de interfaz, componentes y controles adecuados según la usabilidad y accesibilidad.
Documentar el wireframe en Miro y presentar las vistas mediante un video en Figma que muestre la interacción entre pantallas.
1.1: Definir un proyecto digital nativo de Android e iOS considerando necesidades del usuario y estándares de interfaz.
Material System y Human Interface Guidelines.
Elementos esenciales de la interfaz y estructura de aplicaciones.
Controles y componentes básicos de UI.
Principios de usabilidad, diseño de interfaz y accesibilidad.
Esta primera evaluación introduce a los estudiantes al proceso de diseño de aplicaciones móviles, desde el análisis del brief hasta la estructuración de pantallas en wireframes. El objetivo es que comprendan cómo la identificación de las necesidades del usuario, junto con el uso de lineamientos oficiales de diseño, contribuyen a construir soluciones digitales claras, coherentes y funcionales.
Al analizar el brief (1.1.1), el estudiante demuestra comprensión del problema y objetivos del cliente.
Al reconocer la problemática y posibles soluciones (1.1.2), conecta los requerimientos con la experiencia del usuario.
Al definir al usuario y la estructura de contenidos (1.1.3), aplica metodología de diseño centrado en el usuario y arquitectura de la información.
Al generar el wireframe (1.1.4), integra contenidos, componentes y directrices de interfaz específicas de Android e iOS.
Nombre del proyecto / aplicación
Descripción general de la organización (cliente ficticio)
Objetivos del cliente (qué busca resolver con la app)
Problemática detectada (qué necesidad existe actualmente)
Usuarios principales
Perfil general (edad, intereses, ocupación, etc.)
Necesidades específicas
Problemas actuales
Escenarios y contextos de uso (cuándo, dónde y cómo usarían la app)
Objetivos de la aplicación (qué funcionalidades debe cumplir)
Requerimientos mínimos del diseño
Plataformas (Android / iOS)
Estándares de usabilidad y accesibilidad
Contenidos esenciales
Pre-entrega proyecto animación cuento o fabula
Proyecto: El estudiante deberá realizar una animación relatando la historia de un cuento o fabula en cuatro escenas.
Requerimientos
Entrega proyecto publicidad para web
Fecha de entrega dese el 16/10 hasta el 30/10
Piezas para animate: gif y archivo html (en zip o rar)
Piezas para otro software: gif y video (alojado en youtube)
Entrega mediante blog
Clase asincrónica
El estudiante deberá realizar la planificación proyecto para dos animación producto de 6 segundos para web
Requerimientos de animación (contexto)
Proyecto presentación Humedal
Descarga informe Humedal
En grupos de 4 integrantes deberán desarrollar una Intro con motion graphics, presentando cada uno de los contenidos presentados en el informe.
Desarrollo animate
Entrega proyecto publicidad animación 2.5 D
Los estudiantes deberán elegir una marca y producto y realizar una publicidad 2.5D de 5 segundos
Entrega mediante Blog
Estructura
Proyecto Interfaz de producto
El estudiante deberá diseñar un soporte interactivo para alojar 3 productos de una misma marca
Construcción Interfaz
Etapas
Entrega ejercicio guiado animate (acumulativo)
Entrega mediante blog
Proyecto Unidad I
Proyecto
El estudiante deberá desarrollar dos piezas graficas promocionándose como diseñador.
Fecha de entrega 13/11
Formato:
Estructura de entrega
Entrega proyecto animación 2.5 D
Los estudiantes deben replicar el ejercicio mostrado en clase (archivo base en ms teams)
Entrega mediante Blog
Estructura
Proyecto Intro Marca
Diseñar presentación y armado de una marca a partir del movimiento de dos volúmenes.
Etapas
Ejemplos
Proyecto animación cuento o fabula
El estudiante deberá realizar una animación relatando la historia de un cuento o fabula en cuatro escenas.
Requerimientos
Descripción del proyecto
Clase Laboratorio Proyectos Digitales semana 12/12/2022
Formato de entrega mediante blog
La asignatura Taller Diseño Plataformas Digitales busca que los estudiantes adquieran competencias para idear, estructurar, diseñar, prototipar y testear aplicaciones digitales considerando la experiencia del usuario, los lineamientos de usabilidad y las directrices de interfaz de cada sistema operativo.
En esta primera evaluación, los estudiantes deberán aplicar estos principios para analizar un brief, definir un proyecto digital y estructurar sus primeras propuestas de interfaz a través de wireframes y prototipos de baja fidelidad. Esto permitirá introducirse en el flujo de trabajo de proyectos reales, donde la comprensión del problema, el usuario y los escenarios de uso son fundamentales para un diseño exitoso.
La evaluación contempla:
Los estudiantes, organizados en "duplas", desarrollaran una pizarra online para un cliente de ecommerce. A partir de este deberán:
Analizar las diferencias de la misma app en los sistemas operativos iOS (HIG) y Andori.
Analizar app de ecommerce.
Diseño Mapa de navegación.
Presentar los resultados en un mural colaborativo en Miro o Figma.
Con el mapa definida, los estudiantes deberán:
Diseñar las pantallas esenciales en un wireframe de baja fidelidad.
Integrar los elementos básicos de interfaz, componentes y controles adecuados según la usabilidad y accesibilidad.
1.1: Definir un proyecto digital nativo de Android e iOS considerando necesidades del usuario y estándares de interfaz.
Material System y Human Interface Guidelines.
Elementos esenciales de la interfaz y estructura de aplicaciones.
Controles y componentes básicos de UI.
Principios de usabilidad, diseño de interfaz y accesibilidad.
Esta primera evaluación introduce a los estudiantes al proceso de diseño de aplicaciones móviles, desde el análisis del brief hasta la estructuración de pantallas en wireframes. El objetivo es que comprendan cómo la identificación de las necesidades del usuario, junto con el uso de lineamientos oficiales de diseño, contribuyen a construir soluciones digitales claras, coherentes y funcionales.
Al analizar el brief (1.1.1), el estudiante demuestra comprensión del problema y objetivos del cliente.
Al reconocer la problemática y posibles soluciones (1.1.2), conecta los requerimientos con la experiencia del usuario.
Al definir al usuario y la estructura de contenidos (1.1.3), aplica metodología de diseño centrado en el usuario y arquitectura de la información.
Al generar el wireframe (1.1.4), integra contenidos, componentes y directrices de interfaz específicas de Android e iOS.
Compartir los siguientes enlaces en formato publico según corresponda:
Nombres de los integrantes y secciones a la que corresponde.
Es responsabilidad del estudiante verificar que el enlace compartido tenga acceso público y que los archivos puedan visualizarse correctamente.
Indicaciones de entrega
|
| Criterios | Excelente | Bueno | Aceptable | Insuficiente |
|---|---|---|---|---|
| 1. Reconoce una problemática de diseño digital, considerando el análisis de soluciones, las necesidades del usuario y los requisitos. | Identifica con claridad y precisión la problemática de diseño digital; relaciona de manera coherente las necesidades del usuario, los requisitos del proyecto y el análisis de posibles soluciones. | Identifica correctamente la problemática y relaciona la mayoría de las necesidades del usuario y requisitos con posibles soluciones, aunque presenta oportunidades de profundización. | Reconoce parcialmente la problemática; establece una relación limitada entre las necesidades del usuario, los requisitos y las soluciones propuestas. | No identifica claramente la problemática o presenta una propuesta que no responde a las necesidades del usuario ni a los requisitos establecidos. |
| 2. Define un usuario y una estructura de contenidos, de acuerdo con estándares de arquitectura de la información y a metodología de diseño centrado en el usuario. | Define un perfil de usuario claro, completo y pertinente; organiza los contenidos mediante una estructura lógica y coherente, aplicando correctamente principios de arquitectura de la información y diseño centrado en el usuario. | Define un usuario adecuado y una estructura de contenidos coherente; aplica correctamente la mayoría de los principios de arquitectura de la información y diseño centrado en el usuario. | Define un usuario de manera superficial y presenta una estructura de contenidos parcialmente organizada, con aplicación limitada de los principios de arquitectura de la información. | No define claramente al usuario o presenta una estructura de contenidos desorganizada, sin relación con las necesidades del usuario. |
| 3. Genera un wireframe, de acuerdo con la integración de contenidos, componentes, directrices de interfaz humana y sistema operativo. | Genera un wireframe completo, claro y funcional; integra correctamente contenidos, componentes, navegación y directrices de interfaz correspondientes al sistema operativo. | Genera un wireframe coherente y funcional; integra la mayoría de los contenidos y componentes, respetando en gran medida las directrices del sistema operativo. | Genera un wireframe básico; integra parcialmente los contenidos y componentes y presenta inconsistencias en la aplicación de las directrices de interfaz. | El wireframe es incompleto, confuso o inexistente; no integra adecuadamente contenidos, componentes ni directrices del sistema operativo. |
| 4. Diseña para pantalla de iOS, Android y adaptaciones para modelos Flip horizontales. | Desarrolla correctamente las interfaces para iOS y Android, incorporando adaptaciones específicas para dispositivos Flip horizontales; mantiene coherencia, legibilidad, usabilidad y correcta distribución de los elementos en todos los formatos. | Desarrolla las interfaces para iOS y Android y realiza las adaptaciones para formato Flip horizontal, presentando leves inconsistencias de distribución, proporción o adaptación. | Desarrolla parcialmente las interfaces solicitadas; las adaptaciones para uno o más formatos presentan problemas de distribución, legibilidad o usabilidad. | No desarrolla correctamente las interfaces para los sistemas solicitados o no incorpora las adaptaciones para dispositivos Flip horizontales. |
| 5. Cumple con el 100% de las pantallas solicitadas. | Presenta el 100% de las pantallas solicitadas, completas, correctamente identificadas y desarrolladas de acuerdo con los requerimientos del proyecto. | Presenta entre el 90% y 99% de las pantallas solicitadas, manteniendo un desarrollo adecuado y coherente con la propuesta. | Presenta entre el 70% y 89% de las pantallas solicitadas, evidenciando avances parciales en el desarrollo de la propuesta. | Presenta menos del 70% de las pantallas solicitadas o las pantallas entregadas se encuentran incompletas y no permiten evidenciar el desarrollo de la propuesta. |
Esta unidad está orientada al desarrollo de propuestas de diseño de personajes aplicando los fundamentos del lenguaje visual, bajo estándares de la industria de la animación. Los estudiantes trabajarán de manera individual para analizar referentes, crear concept art, y formular soluciones gráficas que reflejen tanto identidad como coherencia visual. Se prioriza la creatividad, la experimentación formal y el dominio técnico tanto en técnicas análogas como digitales.
Formula una propuesta de diseño para aplicar los fundamentos del lenguaje visual, de acuerdo a requerimientos, estándares de la industria, generando ideas y aportando soluciones creativas.
Elementos del lenguaje visual aplicado al diseño de personajes: trazos, formas y figuras, rima, contraste, figura y fondo, color, valor, movimiento.
Concept art de personaje: bocetos en base a formas geométricas, proporciones, figura y fondo y paletas de colores.
Ficha técnica: visualización y presentación de personajes a través de perspectiva, isométrica, vistas ortogonales, turn around.
Imagen conceptual: integración del personaje en una escena con paletas de colores, nombre y composición.
Modalidad: Trabajo individual.
Estrategia: Laboratorio/taller, guiado por retroalimentación constante.
Activación: Se inicia la unidad con una actividad de investigación (moodboard).
Foco: Aplicación práctica de conceptos del lenguaje visual, estándares de diseño y desarrollo técnico.
Semana 1: Investigación y diseño de moodboard digital.
Semana 2-3: Desarrollo de la Evaluación 3.
Semana 4-6: Desarrollo de la Evaluación 4.
Actividad: Diseñar un moodboard digital utilizando Canva, Miro o Adobe Illustrator.
Objetivo: Reunir inspiración visual sobre estilo, formas, colores y referentes de personajes animados.
Producto: Tablero visual organizado por categorías (forma, color, textura, emoción, movimiento).
Plazo: 1 clases.
Evaluación: Formativa.
Un moodboard es un tablero visual que reúne imágenes, colores, texturas, palabras clave y formas que expresan una idea o concepto. En diseño, se utiliza como herramienta de inspiración y guía para desarrollar proyectos creativos.
Es como una “bitácora visual” que ayuda a plasmar la atmósfera, el estilo visual, la personalidad y el entorno del personaje que se diseñará.
Te ayuda a organizar tus ideas visuales antes de comenzar a dibujar.
Alinea tu diseño con un estilo y personalidad coherentes.
Es una herramienta que se usa en la industria profesional de la animación y diseño.
Descripción: El estudiante realizará 2 láminas donde se presenten bocetos experimentales del personaje, explorando formas, proporciones, características físicas y emocionales, aplicando paletas de color.
Objetivo: Explorar múltiples soluciones gráficas y formalizar una propuesta sólida.
Formato: Láminas digitales o escaneadas, en A3 horizontal.
Plazo: 3 semanas.
Descripción: El estudiante elaborará un documento en formato PDF horizontal con la ficha técnica del personaje (vistas ortogonales, turn around), la paleta de colores definitiva, y una imagen conceptual integrando al personaje en un entorno ilustrado.
Objetivo: Consolidar el diseño y presentarlo de manera profesional.
Formato: Documento PDF horizontal (mínimo 5 páginas).
Plazo: 3 semanas.
Analiza los elementos del lenguaje visual aplicado al diseño de personajes, considerando referentes y estándares de la industria.
Realiza distintos concept art considerando características físicas y emocionales.
Desarrolla una visualización y presentación del concept art desde diferentes vistas.
Crea una imagen conceptual integrando el personaje en una pose, resolviendo gráficamente los requerimientos dados.
El uso de herramientas digitales es recomendado, pero se acepta el trabajo análogo digitalizado.
Las actividades serán acompañadas por sesiones de revisión y retroalimentación.
Se fomentará la autoevaluación al cierre de cada entrega mediante rúbrica.
Esta unidad busca no solo fortalecer habilidades técnicas, sino también fomentar la autoría visual, el pensamiento creativo y la comunicación gráfica con estándares profesionales.
https://www.artstation.com/?sort_by=community&dimension=all
Referencias
