1.3.1. diseño digital interactivo - u03

1.3.1. Diseño Digital Interactivo

Docente a cargo: Mg. Daniela González de Medina

MÓDULO

UNIDAD 3Diseño Multimedia

Diseño Multimedia

Estrategia de diseño.

Diseño de metáforas.

Diseño mediante estilos.

Accesibilidad.

Guías y estándares.

Diseño Multimedia

Diseño Multimedia

HerramientasBalsamiqPencilAxurePidocoIplotzOmniGraffleGliffyMockflow

ThinglinkPadlet

Diseño Multimedia

• 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.

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.

Tipos de metáfora.

• De esquema

• Orientacional

• Espacial Visual

• Ontológica

• Estructural

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.

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.

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

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.

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.

Ejemplos publicitarios• Esquema: A B

Ejemplos publicitarios• Orientacional: ambos conceptos mantienen relacion.

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

Ejemplos publicitarios• Ontológicas: asociación

Ejemplos publicitarios• Estructura visual: verbal visual.