UNIDAD 3: Diseño Multimedia

1. 1.3.1. Diseño Digital Interactivo
Docente a cargo: Mg. Daniela González de Medina
MÓDULO

2. UNIDAD 3
Diseño Multimedia

3. Diseño Multimedia
Estrategia de
diseño.
Diseño de
metáforas.
Diseño mediante
estilos.
Accesibilidad.
Guías y
estándares.

4. Diseño Multimedia

5. Diseño Multimedia
Herramientas
Balsamiq
Pencil
Axure
Pidoco
Iplotz
OmniGraffle
Gliffy
Mockflow
Thinglink
Padlet

6. Diseño Multimedia

7. • Imagen
• Representación de la apariencia de un objeto real.
• Metáfora:
• Expresión con significado diferente al habitual.
• Identifica dos términos con semejanza
literal sentido figurado.

8. Características de la Metáfora
• Es una creación cognitiva.
• Supone un dominio de origen y uno de llegada.
• Muestra y oculta.
• Tiene base en la experiencia física y cultural.
• Mantiene coherencia interna.
• Categorizada en prototipos y parecidos de familia.

9. Tipos de metáfora.
• De esquema
• Orientacional
• Espacial Visual
• Ontológica
• Estructural

10. De Esquema
• El concepto A se vierte al concepto B.
• Ambos conceptos producen un significado.
• La percepción constituye:
• experiencia física y cultural, verbal y visualmente.
• Ejemplo.
• Ella tiene cintura de reloj de arena.

11. Orientacional.
• Utiliza los dos conceptos obligatorios.
• Mantiene relación secundaria entre Ambos conceptos.
• Se refiere a posición de los elementos.
Ejemplo.
• Feliz es ARRIBA,
• triste es ABAJO.

12. Espacial Visual.
• Disposición de elementos da significado
metafórico a la composición.
• La elección de una orientación supone la opuesta.
• Ejemplo.
• Izquierda es pasado, derecha es futuro

13. Ontológicas
• Elementos que hacen referencia a temas culturales.
• Metáfora construida por asociación en la
composición.
• Basada en experiencia cultural y religiosa del usuario.
• Ejemplos.

14. Estructural Visual.
• Lo verbal encaja en lo visual.
• Construye significados confirmando características
visuales, como el color, formas, etc.
• Tiene base en la experiencia cultural.
• Ejemplos.

15. Ejemplos publicitarios
• Esquema: A B

16. Ejemplos publicitarios
• Orientacional: ambos conceptos mantienen relacion.

17. Ejemplos publicitarios
• Espacial visual: orientación supone la opuesta

18. Ejemplos publicitarios
• Ontológicas: asociación

19. Ejemplos publicitarios
• Estructura visual: verbal visual.