Diseño de Imagen - UNID · Elementos estructurales y tipografía de una imagen Como introducción...
Transcript of Diseño de Imagen - UNID · Elementos estructurales y tipografía de una imagen Como introducción...
![Page 1: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/1.jpg)
Diseño de Imagen
Sesión 2: Elementos estructurales y tipología de la imagen
![Page 2: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/2.jpg)
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
![Page 3: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/3.jpg)
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
![Page 4: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/4.jpg)
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
![Page 5: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/5.jpg)
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
![Page 6: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/6.jpg)
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
![Page 7: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/7.jpg)
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
![Page 8: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/8.jpg)
Tipología de la imagen
Dinámicos. Son interpretados por el lector, dan movimiento
tensión y ritmo.
Imagen 9
![Page 9: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/9.jpg)
Escalares. Son aquellos que tienen que ver con el tamaño de
una imagen.
Tipología de la imagen
Imagen 10
![Page 10: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/10.jpg)
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
![Page 11: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/11.jpg)
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
![Page 12: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/12.jpg)
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
![Page 13: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/13.jpg)
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
![Page 14: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/14.jpg)
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
![Page 15: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/15.jpg)
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
![Page 16: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/16.jpg)
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
![Page 17: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/17.jpg)
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
![Page 18: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/18.jpg)
¿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
![Page 19: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/19.jpg)
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
![Page 20: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/20.jpg)
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?
![Page 21: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/21.jpg)
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.
![Page 22: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/22.jpg)
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?
![Page 23: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/23.jpg)
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
![Page 24: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/24.jpg)
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.
![Page 25: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/25.jpg)
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
![Page 26: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/26.jpg)
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
![Page 27: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/27.jpg)
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
![Page 28: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/28.jpg)
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
![Page 29: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/29.jpg)
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
![Page 30: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/30.jpg)
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
![Page 31: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/31.jpg)
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
![Page 32: Diseño de Imagen - UNID · 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](https://reader036.fdocuments.co/reader036/viewer/2022062506/5f02e3ef7e708231d40684d6/html5/thumbnails/32.jpg)