Multimedia Digital
Procesos y recursos para producir Multimedias Digitales: guión, storyboard y diagrama de navegación.
Para llevar adelante el diseño y producción de una obra multimedia, te proponemos una posible metodología de construcción, la cual separa este proceso en 3 etapas: Pre-producción, Producción y Post-producción.
1
Pre-producción
En la pre-producción, que antecede a la producción, se realiza un análisis que permita identificar las características y los objetivos del mensaje que se quiere elaborar y el público que se quiere alcanzar. Se busca definir el carácter del producto: informativo, persuasivo, educativo, lúdico, otros.
También se definen: la estrategia de comunicación (qué contenidos y encadenamientos lógicos usaremos), la estrategia creativa (diseño de interfaz, diseño de navegación y diseño del sistema de navegación) y la estrategia de medios (programas a usar, estructura de almacenamiento de insumos y sus características)
En esta etapa previa se elaboran el guión, el storyboard y el diagrama de navegación. Estos son documentos gráficos cuya función es comunicar la idea, el contenido y la navegación de la obra multimedia. Su importancia radica en que no siempre quien los diseña es quien realiza la producción, por ello debe quedar muy claro qué es lo que se pretende realizar
El guión estratégico
Es un escrito que explica la idea y qué cuenta qué sucederá en la secuencia de pantallas que formarán parte de la multimedia. En este escrito también se incluye quién es el comitente, público destinatario, objetivo/s de comunicación, el mensaje y las diferentes estrategias que se usarán.
El storyboard o guión gráfico
Es una representación visual del guión. Es un esquema gráfico de la idea desglosado por pantallas. Aunque describe el diseño de cada pantalla, no es equivalente a ella. Debe funcionar como un instrumento de comunicación que facilite la producción de la multimedia. Cada página puede incluir una parte gráfica más un detalle escrito que explique las características de los insumos y los vínculos. En muchos casos, los storyboards están hechos de bocetos dibujados a mano y notas en los márgenes. Aunque también existen programas específicos para generarlos.
El diagrama de navegación o vínculos
Es una representación visual de las vinculaciones (links) entre las pantallas. Responde al diseño de los encadenamientos lógicos, es decir, de las posibilidades de navegación de la multimedia.
2
Producción
En esta etapa debemos decidir con qué programa/s y versión realizaremos la maquetación y la preparación de insumos. Para esto es importante identificar las características y condicionantes de las alternativas de programas para poder hacer una evaluación. Deberemos definir un sistema de denominación y guardado de los insumos (imágenes de mapa de bits, ilustraciones, texto, videos, sonidos, otros). En la preparación de los insumos tendremos como premisa el principio de economía de recursos.
En esta etapa utilizaremos herramientas como retícula y módulos, según se haya diseñado la interfaz, para realizar la maquetación de cada página.
Te mostramos un ejemplo de retícula basada en una modulación 4:3
Una vez maquetadas las páginas con los insumos procedemos a configurar la navegación, colocando los botones con sus respectivos vínculos (links), y los demás enlaces previstos (por ejemplo enlaces externos)
3
Post-producción
En esta etapa se procura detectar posibles errores o fallas, tanto en el texto como en la navegación para corregirlas. Se considera una etapa muy importante y conviene que participen en ella varias personas, preferiblemente que no hayan intervenido directamente en la producción.
Por último se obtiene el formato de exportación o publicación, como por ejemplo un archivo autoejecutable o un archivo html para utilizar en otras plataformas on-line.
¡Manos a la obra!
Comenzamos por la etapa de Pre-producción. Te proponemos que pienses y elabores un guión estratégico, un storyboard y un diagrama de navegación para realizar una multimedia digital. Para esto, te pedimos que pienses qué te gustaría mostrar respecto de la marca que realizaste en Taller 2: el proceso de diseño, el manual de aplicación, la presentación al cliente, o cualquier otra que te parezca adecuada. Lo importante es que la elección sea estratégica en función de los insumos con los que cuentes y que deberás usar el gif animado que realizaste en la clase 8. Cualquiera sea tu elección, en la comunicación del guión, tu multimedia debe cumplir con los siguientes requisitos y condicionantes:
- Ser preparada para que se visualice en un proyector cuya resolución es de 1024 x 768 píxeles.
- Incluir una animación 2D en formato gif (podés usar el gif realizado en la clase 8 o generar uno con el mismo tamaño en píxeles 550 x 550 px).
- Incluir al menos 1 ilustración y 3 gráficos de mapa de bits. Puede o no incluir videos y sonido. (Podés usar insumos que hayas realizado previamente)
- Contener entre 6 y 12 pantallas (frames)
- Contener una proporción equilibrada entre texto y gráficos.
- Permitir una navegación con alternativas de recorrido, es decir, no lineal o secuencial.
CONSIGNAS
- Actividad equipos (grupos).
- Tenés tiempo de resolver estas actividades hasta las 13 hs de mañana viernes 2 de octubre.
1
Pensá un guión estratégico que incluya: comitente, público destinatario, objetivo/s de comunicación y estrategias que se usarán. Denominá el archivo como guion más número de Grupo y guardalo en formato PDF (guion-G50.pdf).
2
Elaborá un storyboard, de la totalidad de pantallas, donde cada una esté identificada (nombre) y se incluyan la mayor cantidad de especificaciones posibles. Como por ejemplo: ubicación y hacia donde linkean los botones. Ubicación, dimensiones y formato de los insumos de mapa de bits. Características visuales y formato de las ilustraciones. Código/s de color y fuentes (si estuvieran definidos), áreas y contenido de texto.
Luego, denominá el archivo como story más número de Grupo y guardalo en formato PDF (story-G50.pdf). Si trabajaste en algún programa, exportalo como PDF. Si trabajaste en papel, sacale fotos nítidas y reunilas en un solo archivo PDF (podés usar ilovePPDF u otro)
3
Plasmá la navegación de la multimedia en un diagrama de navegación. Recordá que esta no debe ser lineal. Denominá el archivo como diagrama más número de Grupo y en formato PDF (diagrama-G50.pdf). Si trabajaste en algún programa, exportalo como PDF. Si trabajaste en papel, sacale una foto nítida convertila en PDF (podés usar ilovePDF u otro)
4
Por último, cargá los 3 archivos PDF en el aula virtual.
¡Manos a la obra nuevamente!
- Actividad equipos (grupos).
- Tenés tiempo de resolver estas actividades hasta las 13 hs de mañana viernes 2 de octubre.
Como parte de la Producción, respetando el guión, el storyboard y el diagrama de navegación propuestos, deberemos pensar los criterios para preparar los insumos que necesitamos (gráficos de mapa de bits, ilustraciones, textos y otros). Es decir, si el destino es pantalla, en el caso de gráficos de mapa de bits: ¿cuál es la condición para lograr la mayor nitidez de visualización? ¿qué formato/s son apropiados? ¿cómo logro contribuir con el principio de economía de recursos computacionales? Una vez pensadas y respondidas estas interrogantes, procedemos a preparar los insumos a utilizar.
1
Prepará todos los insumos de mapa de bits que usarás en la multimedia y guardalos en una carpeta comprimida. Denominá la carpeta como insumos más número de grupo (Insumos-G50). El peso de la carpeta comprimida no debe superar los 5 MB. Luego subí la carpeta al aula virtual.