indice
1.1. Objetivo Generales 1.2. Objetivos Específicos 2. Marco de Referencia 3. Documentación 3.1. ¿Qué es multimedia? 3.2. Importancia de los medios multimedia 3.3. Diseño de multimedia 3.3.1. Diseño de Información 3.3.2. Diseño de Interacción 3.3.3. Diseño de Interfaz 3.4. Aspectos Técnicos en el diseño multimedia 3.4.1. Formatos de Audio 3.4.2. Formatos de Imagen 3.4.3. Formatos de Video 3.5. El portafolio
3.6. Brief 3.7.Marca 3.7.1. Zona de protección y estructura 3.7.2. Tipografía 3.8. Currículum 4. Referentes Gráficos 5. Análisis y Aprovechamiento 6. Planificación 7. Proceso de Diseño 7.1. Arbol de navegación 7.2. Storyboard 8. Propuesta final y Argumentación
objetivos Diseñar un portafolio que sea capáz de transmitir y mostrarme como diseñadora gráfica con fuerte en la animación, presentandome ante la sociedad y el campo laboral de la mejor manera posible.
Especificos Realizar un portafolio de facil usabilidad, que sea a su vez entretenido y que el usuario pueda interactuar de manera directa con todos y cada uno de los elementos que dentro del portfolio e encuentran. Generando así confiabilidad por parte del usuario.
MARCO DE REFERENCIA Para el taller de diseño de audiovisuales y multimedia fueron realizados varios ejercicios donde lo primordial era el aprendizaje no solamente de los códigos o listados de códigos a utilizar, sinó también aplicar todos esos conocimientos junto con en análisis pertinente dentro de cada diseño, para asi poder dar solución a una situación determinada. Así como también fue crucial la asesoría y colaboración del docente dentro de la misma. Por tal motivo es de saberse que
La necesidad de los usuarios por tener una mejor manipulación de todos los recursos que una computadora ofrece, ha incrementado la aparición y aplicación de estos recursos de internet y multimedia, donde las personas de todo tipo y estrato pueden acceder a las mismas A eso es a lo que nos dedicamos dentro de este proyecto, tomar de la mano a dichas masas e inmiscuirlas en un mundo multimedia donde podrán apreciar de una manera distinta todas aquellas sensaciones captadas por los organos de los sentidos. .
Documentacion Multimedia Se puede decir que la multimedia es la capacidad de mostrar gráfico,vídeo, sonido, texto y animaciones como forma de trabajo, e integrarlo todo en un mismo entorno llamativo para el usuario, que interactuará o no sobre él para obtener un resultado visible, audible o ambas cosas. La riqueza de los multimedios, reside en la recolección y buen manejo de la información. Con el paso del tiempo este concepto ha ido evolucionando y con las nuevas herramientas implementadas este término ha cambiado a multimedia interactivo. ¿Y qué es interactividad?, esta la definimos como la demanda de acción que efectúa el producto multimedia al usuario. Esta acción - reacción puede tener distintos medios de expresión: tocar la pantalla, entrar texto en un determinado campo, realizar determinadas manipulaciones usando el mouse –click, doble – clic, arrastrar y tirar. Desde el punto de vista del usuario, interactividad es la cantidad de control que éste tiene sobre los contenidos, accediendo a la información precisa que está buscando, adentrándose en los puntos que le son de interés e ignorando aquellos que conoce bien. Haciéndolo a su propio ritmo y en el momento en que él lo decida. A diferencia de un video o una presentación convencional (diapositivas, láminas de computadora, acetatos, etc.) la interactividad permite participar activamente, estimulando la curiosidad del usuario y permitiendo que éste imponga su voluntad.Esto implica un dialogo entre el usuario y el contenido. En el punto más alto de la interactividad, encontramos a los
sistemas de “Realidad Virtual” es una extensión de multimedia que utiliza todos los elementos de ésta, como: imágenes, sonido, animación y en el mejor de los casos esta tecnología a avanzado tanto que ya es posible de incluir sensaciones táctiles y olfativas. Como requieren de retroalimentación por medio de cables con sensores conectados a una persona, la realidad virtual puede ser tal vez Multimedia Interactiva en su máxima expresión. En la actualidad esta forma de mostrar los contenidos de una manera interactiva ha tomado gran relevancia, es una nueva plataforma donde se integran componentes para hacer ciertas tareas que proporcionan a los usuarios nuevas oportunidades de trabajo y acceso a nuevas tecnologías. Es una nueva plataforma, que hay que aprender constantemente a manejar, ya que los encargados de realizar este tipo de productos siempre nos sorprende con acciones innovadoras. La computadora, en este caso, siempre ha sido fundamental para la creación y organización de nuevos contenidos, que junto con los medios tradicionales da una nueva forma de expresión y experiencias gratificantes.
importancia de la multimedia Considerando los beneficios, la multimedia brinda una mejora significativa en la efectividad de la computación como herramienta comunicacional. La riqueza de los elementos audiovisuales, combinados con el poder del computador, añade interés, realismo y utilidad al proceso de comunicación. Se puede ver la multimedia como: • • • •
Oportunidad de trabajo y/o negocios Nueva industria. Bienes aplicables. Nueva forma de expresion.
Aplicaciones den tener
específicas que pueuna presentación multimedia.
-CD-ROM interactivo. -Presentación corporativa. -Material promocional. -Páginas de Internet. -Cursos de capacitación (C.B.T.- Computer Based Training). -Presentación masiva. - Comunicación Interna y capacitación en Intranets. - Campañas de correo directo. - Catálogo de productos o servicios. - Lanzamiento de un nuevo producto. - Módulo de Información con touchscreen. - Herramienta de ventas. - Punto de venta electrónico.
- Módulos de demostración de productos. - Memoria de un evento. - Protectores de pantalla (screen savers). - Índice Interactivo para respaldo de información en CD. - Manuales de usuario, de servicio o de tutoriales. - Paquetes de entrenamiento para el staff o franquicias. - Reportes anuales o presentaciones de resultados. - Publicaciones digitales. - Módulos en stands para ferias y exposiciones. - Simuladores. - Visitas a lugares virtuales o remotos (Presencia Virtual). - Realidad Virtual. - Juegos y paquetes de entretenimiento. - Programas educativos y de enseñanza. - Prototipos interactivos. - Recopilación de vida y obra. - Demostradores electrónicos para agencias automotrices. - Árboles genealógicos interactivos con imágenes, sonido y video. - Archivo muerto de imágenes, sonidos, videos.
pasos para construir una multimedia: • Definir objetivos. • Recopilar información. • Diseño guion. • Estructura/diagrama de flujo. • Producir material digital; imagen, video, sonido y animación. • Se unen por medio de software (motor d la presentación). Diseno de Informacion En este punto el primer paso que hay que dar, es medir el alcance del proyecto y que tipo de mensaje se quiere transmitir, para encontrar el método más adecuado para que el mensaje llegue a sus usuarios. Haciendo un análisis detallado de con que recursos se cuenta para desarrollar el proyecto, como definir, que elementos se van a utilizar en la realización del proyecto multimedia como: Videos, música, textos, fotografías, documentos, logos, ilustraciones. Estructuras utilizadas; Lineal, No lineal, compuesta. Diseno de Interaccion
DiseNo de multimedia (de informaciOn, de interacciOn y diseNo de interfaz)
como se va a relacionar el usuario final con el producto, dándole las guías para que experimente la interactividad y despierte su interés en recorrer la aplicación y llegue a la información sin obstáculos, de una manera fácil e intuitiva; necesariamente con la utilización de diversos controles.
Diseno de Interfaz Basados en el storyboard, se precisará como lucirá nuestro proyecto y se elaborará un prototipo. Para empezar primero hay que definir el área a trabajar. Entre las características que contribuyen a construir una interfaz sencilla de utilizar, sobresale la utilización de metáforas como ayuda para simplificar al usuario en la operación del sistema.
Aspectos tecnicos Formacion del Audio
RA (Real Audio) Real Audio es un formato ampliamente distribuido y usado, se supone que es capaz de reproducir sonido con fidelidad graduada. AU (Audio) El formato AU es el formato nativo de las estaciones de trabajo Sun y similares. Es poco conocido fuera del ambiente UNIX. AIFF Este es un formato de sonido típico de Macintosh y estaciones de trabajo Silicon Graphics. WAV (Waveform) El formato WAV es un formato básico que almacena la onda de la forma de la onda de la señal entrante. Los archivos WAV son en general muy grandes.
mp3 MP3 el nombre del tipo de archivo para MPEG, capa audio 3. La capa 3 utiliza la codificación audio perceptiva y la compresión psicoacústica para quitar toda la información supérflua. Formacion de imagen JPEG (Joint Photographic Experts Group)
Este es un formato estandarizado que permite compresión de imágenes. JPEG se diseñó con el fin de poder comprimir imágenes a todo color o en escalas de grises que representaran fotografías o imágenes del mundo real. GIF (Graphic Interchange Format)
El formato GIF fue desarrollado por CompuServe para proveer de un formato estándar que fuera independiente del tipo de máquina que se usara.
PNG (Portable Network Graphics) Es mejor usarlo en cualquier situación en la que es aplicable el GIF pero con la ventaja de obtener una imagen de mayor calidad con el mismo peso o menor. Formacion de video MPEG (Moving Pictures Expert Group)
El formato MPEG es muy popular en PC compatibles. Los miembrosdel grupo que este estándard vienen de más de 70 compañías a lo ancho del mundo incluyendo a gigantes como Sony, Phillip, Matsushita y Apple. QT (Quick Time)
El formato QuickTime fue creado originalmente por Apple y usado en los computadores Macintosh. FLV (Flash Video)
Usado para transmitir video sobre Internet, puede ser visto en la mayoría de los sistemas operativos, mediante Adobe Flash Player, el plugin extensamente disponible para navegadores web, o de otros programas de terceros.
El portafolio Toda persona u organización que ofrezca cualquier tipo de producto o servicio, requiere necesariamente poseer un portafolio, este se va a convertir en la herramienta principal, que nos va permitir publicar todo lo que tenemos para proponer. Para el colectivo que se dedica al sector de las artes, diseño y audiovisual, las nuevas plataformas para realizar un portafolio, han sido muy prácticas. El portafolio debe: informar, ser directo, ser claro, ordenado por categorias.
Brief Aura M. Vélez Duncan Profesión: Diseño Gráfico Email: auryko@gmail.com Tels: 3008169745, 3167494633 Servicio o Producto Diseño gráfico de todo tipo, ilustración, animación, modelado 3D y diseño de multimedia.
Objetivos Hacia donde se desea llegar Ser reconocida como diseñadora gráfica a través de mi portafolio.
Vision y resultados esperados como te gustarïa ser percibido Como un punto de giro, capaz de generar cambios positivos dentro del campo de diseño, romper con la spautas establecidas, pero siempre dictaminando un estilo que me identifique.
Marketing y targets Quién es tu mercado? Todas las personas que necesiten de mis servicios.
Principal competidor Empresas de Animación. Color Favorito Azul Qué te gustaría producir? Ilustraciones y Animaciones en alta definición, sean series de tv, programas educativos o peliculas animadas de mi autoría. Cuáles son las palabras que definen mejor tu producto? Creatividad, Actividad, integridad, adaptabilidad.
confiabilidad y
X
30 X
2 X
2 X
8 X 3/5X
2 X 15/2 X
29 X
LA MARCA
Tipograf铆a utilizada: Aerial. Conceptos: Sutileza, sencillez y angularidad.
Dentro de los conceptos manejados para la elaboraci贸n de la marca se encuentran, sutileza, sencillez, angularidad. La marca, siendo mas bien sobria pretende acojer al usuario y brindarle toda esa confianza que dicha persona esta buscando, para que luego el confie en la empresa, debido a auqe la confianza es la base de todo y de suprema importancia en el ambito laboral.
CURRICULUM VITAE Aura M. Vélez Duncan Edad: 21 años Fecha de nacimiento: 25 de Abril de 1989 Lugar: Cartagena de Indias, Colombia Profesión: Diseño Gráfico Email: auryko@gmail.com Tels: 3008169745, 3167494633 Estudios Realizados Escolares y Universitarios en Diseño gráfico y actualmente tecnología en audiovisuales y multimedia. Experiencia laboral Casa editorial, taller de estimulación artística azul, Cartagena cómo vamos, fundacion mujer y juventud y como diseñadora independiente. Información Personal A nivel personal me considero una persona muy alegre y creativa, siempre he sentido una pasión por dibujar, ilustrar y mostrar graficamente todo ese mundo que llevo dentro. A nivel de software manejo Adobe ilustrator, photoshop, indesign, premiere, audition, reason, flash, 3Dmax y procuro satisfacer todas las necesidades de mis cliente de una manera profesional, ya que es lo mas importante y fundamental dentro del ámbito laboral.
Referentes Graficos
www.fudesign.com
www.ecodazoo.com
www.chromazone’imaging.co.uk.com
www.jeanmalek.com
Proceso de diseno
INDEX
Home
Perfil
básico
Analisis y aprovechamiento Para la construcción del portafolio se tuvieron en cuenta puntos como la jerarquízación de los elementos dentro del mismo, como tambien la unidad y la actividad, en donde el usuario puede jugar con el entorno. Se utilizaron elementos caricaturezcos y animados para formar la identidad del portafolio que a su vez identifica al diseñador enmarcandolo dentro de esa categoría en especial que es la animación e ilustración.
Fotografía
Impresos
Ilustración
Medios
Planificacion 1. Conceptualización ( 5 dias ), pensar el concepto a trasnmitir. 2.Construccion ( 2 horas ), elaborando diagramas de flujos. 3. Bocetacion ( 6 dias ), varias propuestas del mismo. 4. Elaboracion ( 15 dias ) tiempo dedicado a la creacion del portafolio.
Bocetacion final
Aura M. V[elez Duncan Dise単o Grafico U.niversidad Jorge Tadeo Lozano 2010