Diseño de Imagen

Sesión 2: Elementos estructurales y tipología de la imagen

Contextualización ¿Cómo se clasifica la tipología de una

imagen?

De los elementos de una

imagen los estructurales son

los que tienen una presencia

más destacada.

Imagen 1

Introducción Elementos estructurales y tipografía de una

imagen

Como introducción tenemos los elementos estructurales de la

imagen que son las partes en las que se diferencia o esta dividida

una estructura de su diseño.

Punto. Puede adoptar

distintas formas, puede ser

intangible, y es el elemento

más utilizado en diseño.

Imagen 2

Elementos estructurales y

tipografía de una imagen

La línea. Es más visible,

crea profundidad, señala

dirección y produce

dinamismo.

Plano. Crea superficie y

bidimensionalidad, se

asocia con los elementos

textura y color.

Imagen 3 Imagen 4

Elementos estructurales y

tipografía de una imagen

La forma. Es una compleja

combinación de factores, y

es lo que se asemeja a la

realidad.

La escala. Representa una

medición proporcional real.

Imagen 5 Imagen 6

Tipología de la imagen

La tipología de la imagen se encarga de diferenciar los tipos en que

se divide:

Por su parte, Villafañe (1992) admite tres tipos de elementos:

morfológicos, dinámicos y escalares.

Imagen 7

Tipología de la imagen

Morfológicos. Son los que dan forma a una imagen por

ejemplo el color, la textura etcétera.

Imagen 8

Tipología de la imagen

Dinámicos. Son interpretados por el lector, dan movimiento

tensión y ritmo.

Imagen 9

Escalares. Son aquellos que tienen que ver con el tamaño de

una imagen.

Tipología de la imagen

Imagen 10

Realidad, analogía, modelos de

representación y modelos icónicos

La realidad de una imagen. Es la semejanza entre una imagen

y su referente, existen secciones de niveles de la realidad, por

ejemplo: cuando es una imagen natural, cuando es un modelo

a escala, cuando es a color, cuando es una pintura realista etc.

Imagen 11

La analogía de una imagen. Tiene distinta apariencia a la

normal, representan situaciones dinámicas, se representa una

comparación entre la imagen real y la compuesta.

Realidad, analogía, modelos de

representación y modelos icónicos

Imagen 12

Los modelos icónicos. Es una reproducción a escala del objeto

real, muestra la misma figura, proporciones y características

que el objeto real.

Realidad, analogía, modelos de

representación y modelos icónicos

Imagen 13

La mediación técnica y la

relación imagen-texto

La mediación técnica. Ocupa la imagen como instrumento para

simular una cosa a la que no tenemos acceso directo. Es

cualquier imagen que anuncia generada a través de un

dispositivo técnico

Imagen 14

La imagen y el texto se relacionan de las siguientes maneras:

El texto es el mensaje y la imagen lo representa.

La imagen es la idea básica y el texto se convierte en un

accesorio.

El texto sirve de apoyo a la imagen.

Relación de parasitismo es cuando uno de los dos impone su

significado

La mediación técnica y la

relación imagen-texto

Imagen 15

Del signo icónico al registro de

la imagen

Charles Morris(2001) señalo: que un signo podía considerarse

icónico, y representar icónicamente un objeto no es sino

transcribir mediante artificios gráficos las propiedades

culturales que se le atribuyen.

Imagen 16

Al invento de la cámara los signos icónicos pasan a ser

representados por medio de los registros de la imagen que es

cuando el chip capta una imagen por medio de celdas

fotosensibles.

Del signo icónico al registro de

la imagen

Imagen 18

Para que una imagen sea de alta calidad es determinada por

la resolución y la nitidez, acompañado por los formatos de

imagen más utilizados como: JPG, GIF, TIFF.

Del signo icónico al registro de

la imagen

Imagen 19

¿Qué es una imagen?

Adam Moles: “La imagen es un soporte de la comunicación

visual que materializa un fragmento del entorno óptico (del

universo perceptivo) capaz de permanecer en el tiempo, y que

constituye uno de los componentes principales de los medios

de comunicación de masas”.

Imagen 20

Joan Costa: “define la imagen como “la representación mental,

en la memoria colectiva, de un estereotipo o conjunto

significativo de atributos, capaces de influir en los

comportamientos y modificarlos”.

¿Qué es una imagen?

Imagen 21

Para Enrico Cheli es “aquella representación mental –

cognitiva, afectiva y valorativa- que los individuos se forman

del ente en sí mismo”.

¿Qué es una imagen?

Conclusión

Como pudimos ver, la imagen sigue siendo importante para el diseño,

ya que todo va relacionado a una buena lustración y un buen manejo

de texto que impacte al receptor.

Lo importante de una imagen es saber descifrarla correctamente para

entender adecuadamente un mensaje y para ello la percepción que se

tenga de ella es adecuada.

En la siguiente sesión podrás aprender sobre la percepción de

una imagen, el uso del color, de la textura y sobre la

psicología de la visión.

¿De qué trata la teoría de la Gestalt?

Para aprender más

La relación entre texto e imagen

Enríquez, A. (2012). Las relaciones significativas entre el texto y la imagen.

Consultado el 28 de marzo de 2013:

http://www.slideshare.net/alfredoU2/relacin-entre-texto-e-imagen

¿Qué es una imagen?

Jiménez, J. (2013). ¿Qué es una imagen? Consultado el 29 de marzo de 2013:

https://www.youtube.com/watch?v=Mhy40SRQuQg

Bibliografía

MacLuhan, M. (1969). La Comprensión de los medios como las

extensiones del hombre. México: Editorial Diana.

Vélez, R. (1989). La perspectiva como instrumento de diseño .

México: Trillas.

Villafane, J. (1985). Introduccion a la teoria de la imagen. Madrid:

Piramide.

Cibergrafía

Capriotti. P. (1992). La imagen de una empresa. Consultado el 16 de agosto de 2013: http://www.bidireccional.net/Blog/ImagenEmpresa.pdf

Dondis, D. (s/f). La sintaxis de la imagen. Consultado el 16 de agosto de 2013: http://publicidadliccom.files.wordpress.com/2012/08/dondis-la-sintaxis-de-la-imagen.pdf

Enríquez, A. (2012). Las relaciones significativas entre el texto y la imagen. Consultado el 28 de marzo de 2013:

http://www.slideshare.net/alfredoU2/relacin-entre-texto-e-imagen

González, F. (2008). Estudio de la calidad de servicios y patrones de

comportamiento transaccional de los clientes de una institución

financiera mediante modelos de ecuaciones estructurales. Consultado

el 16 de agosto de 2013:

http://www.tesis.uchile.cl/tesis/uchile/2008/gonzalez_f/sources/gonzal

ez_f.pdf

Jiménez, A. (2013). ¿Qué es una imagen? Consultado el 29 de marzo

de 2013: https://www.youtube.com/watch?v=Mhy40SRQuQg

Muñoz, J. (2012). Los max media y su influencia en la sociedad.

Consultado el 16 de agosto de 2013:

http://www.eumed.net/rev/cccss/22/prensa-tv-radio-cine.html

Ortiz, A. (s/f). La gestión de imagen como factor clave de

posicionamiento. Consultado el 16 de agosto de 2013:

http://www.slideshare.net/ANGELICA_071/le-gestion-de-la-imagen-

corporativa

Referencias de Imágenes

Imagen 1: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 2: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 3: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 4: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 5: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 6: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 7: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 8: http://centellosa.blogspot.mx/2010/10/punto-linea-

plano.html

Imagen 9: http://centellosa.blogspot.mx/2010/10/punto-linea-

plano.html

Imagen 10: http://centellosa.blogspot.mx/2010/10/punto-linea-

plano.html

Imagen 11: http://centellosa.blogspot.mx/2010/10/punto-linea-

plano.html

Imagen 12: http://centellosa.blogspot.mx/2010/10/punto-linea-

plano.html

Imagen 13: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 14: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 15: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 16: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 17: http://centellosa.blogspot.mx/2010/10/punto-linea-plano.html

Imagen 18: http://centellosa.blogspot.mx/2010/10/punto-linea-

plano.html

Imagen 19: http://centellosa.blogspot.mx/2010/10/punto-linea-

plano.html

Imagen 20: http://centellosa.blogspot.mx/2010/10/punto-linea-

plano.html