Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
GUI/PROYECTO MULTIMEDIA      Graphical User InterfazInterfaz gráfica de usuario
GUIGraphical User Interfaz          En el contexto del proceso de interacción persona-ordenador, la          interfaz gráf...
GUIGraphical User Interfaz  Ejemplo de interfaz GUI  • Escritorio de Windows  • Escritorio de MAC  • X-Windows de Linux  •...
GUIGraphical User Interfaz  Ejemplo de interfaz GUI  • Escritorio de Windows  • Escritorio de MAC  • X-Windows de Linux  •...
GUI                                                         Precursor:Graphical User Interfaz                             ...
PROYECTO MULTIMEDIA            Esta basado en la        integración        de disciplinasTECNOLOGÍAS DE PROCESADO       DE...
MULTIMEDIA ( DISCIPLINAS INTEGRADAS )          PM                                - TRATAMIENTO DE TEXTOS                  ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA        Diseño de                           Diseño de                          Dise...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                      Diseño de la InformaciónProceso de Clasificar sus objetivos c...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                      Diseño de la InformaciónProceso de Clasificar sus objetivos c...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                     Diseño de la InformaciónProceso de Clasificar sus objetivos co...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                       Diseño de la InformaciónProceso de Clasificar sus objetivos ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                    Diseño de la Información-Diagramas de Flujos:
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA        Diseño de la Información         Diseño de la interacción        La interac...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                    Diseño de la interacciónTAREAS DEL DISEÑO                      ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                    Diseño de la interacciónTAREAS DEL DISEÑO     -Definir pantalla...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                    Diseño de la interacciónTAREAS DEL DISEÑO    1
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                Diseño de la interacciónPUNTOS ATENER EN CUENTA    2               ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA               Diseño de la interacciónORIENTACIÓN    3                 Problemátic...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                 Diseño de la interacciónMAPAS DE IMÁGENES Y METÁFORAS. ( General) ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                               Diseño de la interacción MAPAS DE IMÁGENES Y METÁFOR...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA              Diseño de la interacciónNAVEGACIÓN                             Tipos ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA              Diseño de la interacciónNAVEGACIÓN                             Tipos ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA              Diseño de la interacciónNAVEGACIÓN                             Tipos ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                              Diseño de la interacción      NAVEGACIÓN             ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA              Diseño de la interacciónNAVEGACIÓN                             Tipos ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA              Diseño de la interacciónNAVEGACIÓN                             Tipos ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA              Diseño de la interacciónNAVEGACIÓN                             Tipos ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA              Diseño de la interacciónNAVEGACIÓN               Claves:    5        ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                   Diseño de la interacciónACCESOS DIRECTOS                    Prop...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                    Diseño de la interacciónNIVELES DE ACCESO    7                 ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA               Diseño de la interacciónUTILIZACIÓN   - Quitar obstáculos.          ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                 Diseño de la interacciónGUION:    9                -Es una herrami...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                      Diseño de la interacción                EN RESUMEN TEORIA NOR...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                        Diseño de la interacción    TAREAS DEL DISEÑO              ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                            COMERCIAL        Diseño de                           Di...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA                                                                                   ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL  Diseño de          Diseño de           Diseño dela Informac...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL  Diseño de             Diseño de                   Diseño de...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIA    ARTÍSTICO EXPERIMENTAL         Diseño de                      Diseño de      Di...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL  Diseño de           Diseño de            Diseño dela Inform...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTALIdea - discurso            Concepto navegación               ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTALIdea - discurso            Concepto navegación               ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL   Idea - discurso              Concepto navegación          ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL   Idea - discurso              Concepto navegación          ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL   Idea - discurso              Concepto navegación          ...
PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL Idea - discurso               Concepto navegación           ...
Upcoming SlideShare
Loading in …5
×

Gui proyecto multimedia

17,092 views

Published on

Published in: Education
  • Be the first to comment

Gui proyecto multimedia

  1. 1. GUI/PROYECTO MULTIMEDIA Graphical User InterfazInterfaz gráfica de usuario
  2. 2. GUIGraphical User Interfaz En el contexto del proceso de interacción persona-ordenador, la interfaz gráfica de usuario (IGU), es el artefacto tecnológico de un sistema interactivo que posibilita, a través del uso y la representación del lenguaje visual, una interacción amigable con un sistema informático. La interfaz gráfica de usuario es un tipo de interfaz de usuario que utiliza un conjunto de imágenes y objetos gráficos (iconos, ventanas, tipografía) para representar la información y acciones disponibles en la interfaz. Habitualmente las acciones se realizan mediante manipulación directa para facilitar la interacción del usuario con la computadora.
  3. 3. GUIGraphical User Interfaz Ejemplo de interfaz GUI • Escritorio de Windows • Escritorio de MAC • X-Windows de Linux • Redhat Linux 5.0
  4. 4. GUIGraphical User Interfaz Ejemplo de interfaz GUI • Escritorio de Windows • Escritorio de MAC • X-Windows de Linux • Redhat Linux 5.0
  5. 5. GUI Precursor:Graphical User Interfaz Nace de la mano de Douglas C. Engelbart. En 1960 desarrolló la primera interfaz gráfica en los laboratorios de XEROX. Douglas C. Engelbart Este desarrollo no era comercial, se encontraba dentro los proyectos de los laboratorios de de investigación de Xeros, hasta 1981
  6. 6. PROYECTO MULTIMEDIA Esta basado en la integración de disciplinasTECNOLOGÍAS DE PROCESADO DE TEXTOS TECNOLOGÍAS SOBRE GRAFISMO TECNOLOGÍAS SOBRE DIGITAL VIDEO DIGITAL TECNOLOGÍAS SOBRE TECNOLOGÍAS SOBRE SONIDO DIGITAL PROGRAMACIÓN
  7. 7. MULTIMEDIA ( DISCIPLINAS INTEGRADAS ) PM - TRATAMIENTO DE TEXTOS - CONFIGURACIÓN DE HIPERTEXTO - TEXTO CONFIGURADO CON BASES DE DATOS - TEXTO CON ANIMACIÓNTECNOLOGÍAS DE PROCESADO DE TEXTOS - GRAFISMO VECTORIAL 2D + 3D - GRAFISMO MAPA DE BITSTECNOLOGÍAS SOBRE GRAFISMO DIGITAL - MONTAJE DIGITAL SECUENCIAS - SINCRONIZACIÓN CON SONIDO - INTEGRACIÓN GRÁFISMO DIGITAL EN EL MISMO ENTORNO TECNOLOGÍAS SOBRE VIDEO DIGITAL - MONTAJE DIGITAL SECUENCIAS SONIDO - SINCRONIZACIÓN CON GRAFISMO E IMAGEN - COMPOSICIÓN Y EDICIÓN DIGITAL DE MÚSICA TECNOLOGÍAS SOBRE SONIDO DIGITAL - MONTAJE DIGITAL DE CONTENIDOS - GESTIÓN DE CONTENIDOS ( VIDEO / GRÁFICO/ TEXTO) - CONFIGURACIÓN DE FORMATOS / SISTEMAS TECNOLOGÍAS SOBRE PROGRAMACIÓN
  8. 8. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de Diseño de Diseño de la Información la interacción la presentación- Definir el producto ( Artístico, - Definir la Navegación ( Tipos de - Definir EstiloComercial,......) Interacción, Controles...) - Crear una beta o prototipo- Organizar el Contenido en - Trazar un GuiónDiagramas de Flujos.
  9. 9. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la InformaciónProceso de Clasificar sus objetivos comunicativos y organizar la información. > IDEA1.A Organización del información. ( listas de Contenidos, plan de proyecto, Crear un diagrama de Flujos ...)2.A Planificación de recursos ( Presupuesto /recursos/Tiempo)3.A Elección de la Herramienta. ( Online /Off line)4.A Público ( necesidades e intereses del público)5.A Objetivos. ( ¿ Que quiero Conseguir?)
  10. 10. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la InformaciónProceso de Clasificar sus objetivos comunicativos y organizar la información. > IDEA- Objetivos del Diseño: El Usuario quiere: •1. APRENDER - Ser claro, sencillo,directo,reiterativo,utilizar pruebas y correcciones. •2. DIVERSIÓN - Ser Variado, aleatorio e ingenioso •3. COMPRENSIÓN - Explicaciones conceptuales , ilustraciones, gráficos, etc.... •4. EXPERIMENTACIÓN — Alto nivel de Interacción, control del usuario sobre acciones y hechos, imágenes y sonidos •5. ACTUAR O COMPRAR.Opciones claras, teléfonos gratuitos, formularios claros de pedido interactivo.
  11. 11. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la InformaciónProceso de Clasificar sus objetivos comunicativos y organizar la información. > IDEA-Objetivos del Diseño:-Entorno: - Público: A que usuario se dirige (Edad, Género,etc...) - Utilización: Uso doméstico, empresa, en grupo, solitario... - Entorno: Ruidoso , Silencioso,etc...
  12. 12. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la InformaciónProceso de Clasificar sus objetivos comunicativos y organizar la información. > IDEA-Objetivos del Diseño:-Entorno:-Diagrama de Flujos: Es un esbozo presentando como diagrama, con líneas que muestran las rutas de acceso entre sus partes. Diseño del Diagrama: - El Contenido, organización y estructuras de la información. - La utilización: Categorías temáticas y las rutas de acceso La sencillez, diseño claro. Sencillez-Principio de economía de Guillermo de Ockham, SXIV)
  13. 13. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la Información-Diagramas de Flujos:
  14. 14. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la Información Diseño de la interacción La interacción en un proyecto multimedia, significa que el usuario, no el diseñador controla la secuencia, la velocidad y lo más importante, lo que mirar y lo que ignorar.
  15. 15. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónTAREAS DEL DISEÑO -Crear un sistema, guía para orientar al usuario. 1 -Diseñar la navegación y rutas. -Definir pantallas. -Diseñar Controles para la interacción (botones) -Crear un guión. Todo esto esta basado en el diagrama de Flujos
  16. 16. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónTAREAS DEL DISEÑO -Definir pantallas. 1 AREA DE TITULARES AREA DE INFORMACIÓN INTERACTIVA AREA DE NAVEGACIÓN
  17. 17. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónTAREAS DEL DISEÑO 1
  18. 18. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónPUNTOS ATENER EN CUENTA 2 - Motivar para tener una experiencia . - Crear un viaje interesante - Dar controles a los usuarios que les permitan navegar. - Hacer una experiencia clara e intuitiva.
  19. 19. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónORIENTACIÓN 3 Problemática de la frustración (“esto no lo puedo manejar”) Esto se resuelve orientándolos desde el principio. Consejos : - Primeras pantallas proporcionaran al usuario información sobre lo que va a hacer, ver o experimentar. - Necesita un equilibrio de imágenes y palabras que le proporcionen una guía.
  20. 20. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónMAPAS DE IMÁGENES Y METÁFORAS. ( General) 4 1._Mapas . Tiene dos propósitos : - Imágenes que representan un contenido. - Imágenes que conducen hacia él. 2._ Metáforas. Tipo de imágenes , estas representan información. Su función es crear significado. ( Ej: edificio= empresa, mapa= localización, impresora= imprimir) Las metáforas funcionarán si el público esta familiarizado con ellas y con el contenido conceptual de la misma.
  21. 21. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacción MAPAS DE IMÁGENES Y METÁFORAS. -CREACIÓN DE ICONOS Teorías de la semiótica que Marcus (*) aplica como guía para 4b cuatro niveles en el diseño de iconos . 1. Cualidades léxicas: Marcas generadas por computadora – silueta de píxeles, color, brillo, parpadeo. 2. Sintaxis. Apariencia y movimiento, líneas , patrones, partes modulares, tamaño, forma. 3. Semántica. Objetos representados –concreto frente abstracto, parte frente a todo 4. Pragmática. Legibilidad, utilidad, facilidad para identificarlo, facilidad para memorizarlo y agradabilidad a nivel global 5. Dinámica. Predisposisción a los clics. Resaltar, arrastrar, combinar.(*) Marcus, Aaron, Graphic Design for electronic documents and User Interfaces, ACM, New York, 1992
  22. 22. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónNAVEGACIÓN Tipos de Estructuras 5 A) Jerárquica B) lineal C) lineal con jerarquía D) red
  23. 23. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónNAVEGACIÓN Tipos de Estructuras 5 A) Jerárquica B) lineal C) lineal con jerarquía D) red La estructura jerárquica, es la típica estructura de árbol, en el que la raíz es la hoja de bienvenida, esta hoja se puede también sustituir por la hoja de contenido, en la que se exponen las diferentes secciones que contendrá nuestro sitio. La selección de una sección nos conduce asimismo a una lista de subtemas que pueden o no dividirse.
  24. 24. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónNAVEGACIÓN Tipos de Estructuras 5 A) Jerárquica B) lineal C) lineal con jerarquía D) red La estructura jerárquica, es la típica estructura de árbol, en el que la raíz es la hoja de bienvenida, esta hoja se puede también sustituir por la hoja de contenido, en la que se exponen las diferentes secciones que contendrá nuestro sitio. La selección de una sección nos conduce asimismo a una lista de subtemas que pueden o no dividirse. Este tipo de organización permite al lector conocer en qué lugar de la estructura se encuentra, además de saber que, con forme se adentra en la estructura obtiene información más específica y que la información más general se encuentra en los niveles superiores.
  25. 25. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacción NAVEGACIÓN Tipos de Estructuras 5 A) Jerárquica B) lineal C) lineal con jerarquía D) red La estructura lineal es la más simple de todas, la manera de recorrerla es la misma que si estuviésemos leyendo un libro, de manera que estando en una página, podemos ir a la siguiente página o a la anterior. Esta estructura es muy útil cuando queremos que el lector siga un camino fijo y guiado, además impedimos que se distraiga con enlaces a otras páginas. Por otra parte podemos causar a lector la sensación de estar encerrado si el camino es muy largo o poco interesante.Este tipo de estructura sería válido para tours de visita guiada.
  26. 26. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónNAVEGACIÓN Tipos de Estructuras 5 A) Jerárquica B) lineal C) lineal con jerarquía D) red Este tipo de estructura es una mezcla de la dos anteriores, los temas y subtemas están organizados de una forma jerárquica, pero uno puede leer todo el contenido de una forma lineal si se desea. Esto permite tener el contenido organizado jerárquicamente y simultáneamente poder acceder a toda la información de una manera lineal como si estuviésemos leyendo un libro.
  27. 27. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónNAVEGACIÓN Tipos de Estructuras 5 A) Jerárquica B) lineal C) lineal con jerarquía D) red La estructura de red es una organización en la que aparentemente no hay ningún orden establecido, las páginas pueden apuntarse unas a otras sin ningún orden aparente. Este tipo de organización es la más libre, pero también es la más peligrosa ya que si no se informa al lector de en dónde se encuentra, puede perderse o puede no encontrar lo que anda buscando o no llegar a ver lo que le queremos mostrar.
  28. 28. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónNAVEGACIÓN Tipos de Estructuras 5 A) Jerárquica B) lineal C) lineal con jerarquía D) red Por eso es muy recomendable asociar la estructura de las páginas con alguna estructura conocida, como por ejemplo la de una ciudad. ( asociar la metáfora creativa de la que partimos con la estructura ).
  29. 29. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónNAVEGACIÓN Claves: 5 Minimizar el Viaje. Crear el camino mas corto y sencillo entre dos puntos cualesquiera. Minimizar la profundidad. Crear una jerarquía con el menor número posible de niveles. Minimizar la redundancia . Evitar crear caminos múltiples al mismo lugar desde la misma pantalla.
  30. 30. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónACCESOS DIRECTOS Proporcionar el camino más sencillo entre dos puntos 6 cualesquiera del producto Tipos ( Menús , listas, líneas cronológicas, iconos, mapas, botones...)
  31. 31. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónNIVELES DE ACCESO 7 -Acceso a un tema nuevo, puede ser un salto de magnitud y cambio de escenario completo. -Acceso a un mismo tema: Cambios Sutiles Para crear una guía utilizar un anclaje visual - Titulares, fondos y otros gráficos.
  32. 32. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónUTILIZACIÓN - Quitar obstáculos. - No ser reiterativo con los gráficos y los textos en la misma pantalla. 8 Deje que el usuario pique lo que quiera. - Proporcione información: -Inmediata y apropiada, subrayar los textos los elementos, sonidos, etc.... - Ser Explicito: -Hacer obvios los elementos lo que se puede actuar y los que no. - Ser Flexible -Deje que usuario use atajos o pueda salir cuando quiera.
  33. 33. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacciónGUION: 9 -Es una herramienta que hará que todo el grupo que trabaja en el proyecto funcione de acuerdo al proyecto. -En el se proyectaran toda la navegación, diseño e interacción de la pieza final.
  34. 34. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacción EN RESUMEN TEORIA NORMAN, DONALD (1) ETAPAS DE ACCIÓN, ORGANIZADAS CICLICAMENTE COMO UN MODELO EXPLICATIVO DE LA INTERACCIÓN PERSONA - COMPUTADORA10 1. Formulación del Objetivo 2. Formulación de la intención 3. Especificación de la acción 4. Ejecución de la acción 5. Interpretación del estado del sistema 6. Evaluación del resultado(1) Norman, Donald A.The Psychology of Everyday things, Basic Books, New York, 1988
  35. 35. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Diseño de la interacción TAREAS DEL DISEÑO MAPAS DE IMÁGENES Y METÁFORAS.PUNTOS ATENER ENCUENTA ORIENTACIÓN NAVEGACIÓN ACCESOS DIRECTOS NIVELES DE ACCESO UTILIZACIÓN GUION
  36. 36. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA COMERCIAL Diseño de Diseño de Diseño de la Información la interacción la presentación- Definir el producto ( Artístico, - Definir la Navegación ( Tipos de - Definir EstiloComercial,......) Interacción, Controles...) - Crear una beta o prototipo- Organizar el Contenido en - Trazar un GuiónDiagramas de Flujos.
  37. 37. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA Metodología de desarrolllo y diseño de multimedia DISEÑO EDUCATIVO DISEÑO INTERACTIVO Requerimientos funcionales ANÁLISIS Metas Metáfora y educativas paradigmas Análisis del público Objetivos de Diseño de aprendizaje interface Análisis delREUNIÓN ambiente Decisiones Actividades de INICIAL Manejo de contenido aprendizaje Análisis del DESARROLLO PRODUCCIÓN contenido Mapas de Preproducción Modelo Guión y cognoscitivo Navegación de A/V Análisis del diagrama de flujo sistema Pantallas Prototipo de esquema Postproducción en papel Guiones de A/V Prototipo de trabajo Integración y desarrollo autoral Pruebas Alfa LANZAMIENTO Pruebas Evaluación REVISIÓN Beta general Las líneas verticales indican que el orden recomendado es de arriba hacia abajo Las cajas apiladas indican eventos que pueden ocurrir simultáneamente dentro de una fase.
  38. 38. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL
  39. 39. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL Diseño de Diseño de Diseño dela Información la interacción la presentación COMERCIAL
  40. 40. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL Diseño de Diseño de Diseño dela Información la interacción la presentación PUNTOS A POTENCIAR DE FORMA EXPERIMENTAL NOTA: Depende de la Naturaleza del Proyecto
  41. 41. PROCESO ELABORACIÓN PROYECTO MULTIMEDIA ARTÍSTICO EXPERIMENTAL Diseño de Diseño de Diseño de la Información la interacción la presentación Idea - discursoLa efectividad del discurso dependede la funcionalidad de la pieza sobre ese discurso.
  42. 42. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL Diseño de Diseño de Diseño dela Información la interacción la presentaciónIdea - discurso Concepto navegación Elemento /navegación
  43. 43. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTALIdea - discurso Concepto navegación Elemento /navegación La relación del concepto navegación se da por una serie de pasos y características
  44. 44. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTALIdea - discurso Concepto navegación Elemento /navegación La relación del concepto navegación se da por una serie de pasos y características 1- REFLEXIÓN 2 - ANALISIS DE LAS FORMAS 3 - DOCUMENTACIÓN 4 - ESTRUCTURAS ( creación de diagramas de flujos adaptados a la forma) Ej: pueden ser debididas en : - nano estructuras (célula) - macro estructuras ( tierra)
  45. 45. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL Idea - discurso Concepto navegación Elemento /navegación La relación del concepto navegación se da por una serie de pasos y características 4 - ESTRUCTURAS - ClasificaciónEstructuras Naturales ( Bionavegación)Aquellas creadas por la naturaleza sin laintervención del Hombre- Cuerpo, flora, estructuras minerales
  46. 46. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL Idea - discurso Concepto navegación Elemento /navegación La relación del concepto navegación se da por una serie de pasos y características 4 - ESTRUCTURAS - ClasificaciónEstructuras Naturales ( Bionavegación) Estructuras ArtificialesAquellas creadas por la naturaleza sin la Creadas con la intervención del hombre.intervención del Hombre - mapa de una ciudad.- Cuerpo, flora, estructuras minerales - motores - tipografía.
  47. 47. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL Idea - discurso Concepto navegación Elemento /navegación La relación del concepto navegación se da por una serie de pasos y características 4 - ESTRUCTURAS - ClasificaciónEstructuras Naturales ( Bionavegación) Estructuras ArtificialesAquellas creadas por la naturaleza sin la Creadas con la intervención del hombre.intervención del Hombre - mapa de una ciudad.- Cuerpo, flora, estructuras minerales - motores - tipografía. Estructuras Abstractas SubjetivasAquellas que proviene del ámbito de los sentidos -olores -emociones.
  48. 48. PROCESO ELABORACIÓN PROYECTO MULTIMEDIAARTÍSTICO EXPERIMENTAL Idea - discurso Concepto navegación Elemento /navegación Los elementos pueden ser:Mapas imágenes:- realístas ( capturadas del entorno sin intervenir en ellas, toma ) – Producen Veracidad- generadas( mediante procesos digitales, 3D, retoque fotografito, collage Digital...) Metáforas Texto - generadoras de Sinónimos (¿papelera) - pasivo ( texto estándar) - generadoras de Antitesis.(papelera ?) - interactivo ( hipertexto) La relación entre Elemento/ navegación puede ser Intuitiva Provocada por otro elemento que llame al usuario ( “pulsa aquí”) Provocada por : guión discurso ( ampliación del menú) Relación por similitud ( color , forma...)

×