93
Expresión Gráfica Expresión Gráfica Sistemas de Representación Dpto. de Informática Fac. Cs. Físico-Mat. y Nat. Universidad Nacional De San Luis Argentina MCs. Roberto A. Guerrero

Expresión Gráfica - UNSL

  • Upload
    others

  • View
    17

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Expresión Gráfica - UNSL

Expresión GráficaExpresión Gráfica

Sistemas de Representación

Dpto. de InformáticaFac. Cs. Físico-Mat. y Nat.

Universidad Nacional De San LuisArgentina

MCs. Roberto A. Guerrero

Page 2: Expresión Gráfica - UNSL

UNSL 2 - Roberto Guerrero @ 2021

• A lo largo de la historia de la humanidad, los hombres han tenido la necesidad de comunicar información.

• Las imágenes han formado parte importante en la comunicación de la experiencia de vida del hombre.

Introducción

Page 3: Expresión Gráfica - UNSL

UNSL 3 - Roberto Guerrero @ 2021

[Figuras Rupestres,Africa, España, Francia.]

Prehistoria

Page 4: Expresión Gráfica - UNSL

UNSL 4 - Roberto Guerrero @ 2021

[Códices Mexicanos.]

Edad Antigua

Page 5: Expresión Gráfica - UNSL

UNSL 5 - Roberto Guerrero @ 2021

Habitación de una casa belga,

Pieter Elinga

Edad Media/Moderna

Page 6: Expresión Gráfica - UNSL

UNSL 6 - Roberto Guerrero @ 2021

[Foto digital]Edad Contemporánea

Page 7: Expresión Gráfica - UNSL

UNSL 7 - Roberto Guerrero @ 2021

Imagen de ACM SIGGRAPH

Actualidad

Page 8: Expresión Gráfica - UNSL

UNSL 8 - Roberto Guerrero @ 2021

• En las últimas décadas, el uso de las imágenes se ha generalizado ejerciendo gran influencia en nuestras vidas.

• Se pretende: que las personas adquieran información por

medio de la simple observación de una imagen.

Page 9: Expresión Gráfica - UNSL

UNSL 9 - Roberto Guerrero @ 2021

“Una imagen es mejor que miles de palabras.”

PreceptoPrecepto

Page 10: Expresión Gráfica - UNSL

UNSL 10 - Roberto Guerrero @ 2021

“Una imagen es algo intermedio entre una idea y un objeto.”

(Samuel Taylor Coleridge)

Page 11: Expresión Gráfica - UNSL

UNSL 11 - Roberto Guerrero @ 2021

¿Cómo transmitir una idea desde la mente del diseñador/creadora la mente de los observadores?

¿Cómo comunicar sensaciones, estados de ánimos?

¿Cómo generalizar el proceso?

Preguntas

¿Cómo comunicar nuestras ideas?

Page 12: Expresión Gráfica - UNSL

UNSL 12 - Roberto Guerrero @ 2021

• LENGUAJE

• Tipos de lenguaje:

– Sonoro.

– Visual.

Recurso de Comunicación

Page 13: Expresión Gráfica - UNSL

UNSL 13 - Roberto Guerrero @ 2021

Arte rupestre.

Pinturas descubiertas en cuevas que datan del Paleolítico, período de la Edad de Piedra (100.000 aC).

Son imágenes simples representando situaciones de la vida diaria.

Imágenes

Page 14: Expresión Gráfica - UNSL

UNSL 14 - Roberto Guerrero @ 2021

a) Avutardas o cisnes dentro de un círculo mágico. Castellón, España

b) Arquero tras la presa. África del Sur

Las figuras eran la culminación de un proceso mágico, mediante el cual se intentaba capturar la esencia o espíritu de los animales, o adquirir la “suerte” necesaria para su captura (5.000 aC).

c) Arquero preparándose para la caza. Castellón, España

d) El “hechicero disfrazado”. Ariege, Francia

Pictogramas Rupestres

Page 15: Expresión Gráfica - UNSL

UNSL 15 - Roberto Guerrero @ 2021

Los sellos de barro tienen

un papel preponderante por

ser un sistema de

graficación rápida.

Fueron utilizados tanto para

el estampado de telas como

para decorarse el cuerpo

(2.000 aC).

Las denotaciones gráficas de los sellos eran de varios tipos:

a),b),c) Los de configuración pictográfica o figuras reales estilizadas

d),e),f) Los de configuración geométrica o figuras de corte abstracto trazadas matemáticamente. Sellos en “positivo”.

g), h), i) Sellos en “negativo”

Pictogramas(Sellos Mexicas 2000 aC)

Page 16: Expresión Gráfica - UNSL

UNSL 16 - Roberto Guerrero @ 2021

Pictogramas(Elementos Sustanciales)

(1650 aC)

a) Los cuatro elementos sustanciales:

“lo caliente es el fuego,

el frío es el aire,

el líquido es el agua,

lo sólido es la tierra”.

b) Símbolos básicos de la simbología

celeste:

el sol, las estrellas, la luna, Júpiter.

c) Símbolos de la cuatro estaciones:

primavera, verano, otoño e invierno.

Page 17: Expresión Gráfica - UNSL

UNSL 17 - Roberto Guerrero @ 2021

De izquierda a derecha:

Mercurio, Venus, Tierra, Marte, Júpiter, Saturno,

Urano, Neptuno y Plutón.

Al final está el símbolo de la diosa Vesta.

Pictogramas(Símbolos griegos: planetas)

Page 18: Expresión Gráfica - UNSL

UNSL 18 - Roberto Guerrero @ 2021

El origen de la escritura Asirio-Caldea, data de la época en que se implantó en Sírpula un sistema de contabilidad basado en pequeñas pastillas de barro, que en una de sus caras tenían símbolos muy simples cuyo significado representa un intento de graficar conceptos.

Ideogramas(Asirio – Caldea)

(3200 aC)

Page 19: Expresión Gráfica - UNSL

UNSL 19 - Roberto Guerrero @ 2021

a) Escritura china actual

b) Símbolos pictográficos antiguos: ave, pez, hombre

c) Evolución del símbolo del caballo.

Ideogramas(Escritura China)

La escritura data de la época de

la dinastía Shang

(1765-1027 a.C.)

Es de tipo ideográfico,

estructurada con base en

signos conceptuales.

Page 20: Expresión Gráfica - UNSL

UNSL 20 - Roberto Guerrero @ 2021

Son reales documentos

pictóricos.

Los códices o libros

pintados tienen un

origen divino, según la

tradición de los antiguos

mexicanos (1.300 dC).

(Los Códices Prehispánicos)Ideogramas

Page 21: Expresión Gráfica - UNSL

UNSL 21 - Roberto Guerrero @ 2021

DemóticaHierática Copta• Hierática (Ideográfica)

Se conocen muestras desde la Dinastía III y llega hasta comienzos de I Era.

• Demótica (Fonética)es una simplificación de la anterior.Origen en la Dinastía XXV, hasta fines del siglo V d.C.

• Copta (Alfabética)resulta de la adopción del alfabeto griego (más siete signos demóticos) para escribir la lengua egipcia. Origen siglo III d.C.

Unidades Fonéticas(Escritura Egipcia)

Page 22: Expresión Gráfica - UNSL

UNSL 22 - Roberto Guerrero @ 2021

Alfabetos(Símbolos matemáticos Mayas)

El pueblo maya desarrolló un

sistema numérico muy avanzado

con base en símbolos

convencionales, donde la

denotación posicional jugaba un

papel muy importante (1200 dC).

Page 23: Expresión Gráfica - UNSL

UNSL 23 - Roberto Guerrero @ 2021

Alfabetos(Símbolos consonánticos)

a) El alfabeto fenicio, base de la simbología

alfabética occidental.

b) Cuatro de las letras griegas: pi, zigma,

omega y fi.

c) Alfabeto romano moderno.

d) Trazo gráfico de una letra “A”

contemporánea.

a)

b)

c) d)

Page 24: Expresión Gráfica - UNSL

UNSL 24 - Roberto Guerrero @ 2021

Diferencia entre Imagen y Pictograma

• Un pictograma es un símbolo/signo que

representa esquemáticamente un objeto

concreto.

• “Un pictograma debe ser enteramente comprensible con sólo tres miradas”.

• “En el diseño de un pictograma deberían suprimirse todos los detalles superfluos”

Arntz, Tschinkel y Bernath – Gesellschafts - und Wirtschaftsmuseum' (Social and Economic Museum - GeWiMu).

Page 25: Expresión Gráfica - UNSL

UNSL 25 - Roberto Guerrero @ 2021

Diferencia entre Pictograma y Alfabeto

• Elementos básicos del lenguaje: LETRAS.

• Reglado:– Ordenamiento de letras: PALABRAS.

Ortografía.

– Ordenamiento de palabras: FRASES.Gramática.

– Ordenamiento de las frases: SINTAXIS.

• La Imprenta generó un proceso de Alfabetización Escrita (1440 dC).

Page 26: Expresión Gráfica - UNSL

UNSL 26 - Roberto Guerrero @ 2021

• Imágenes– Pinturas rupestres.

• Pictogramas– Rupestres, Culturas Egipcia, Maya, …

• Ideogramas– Cultura China, Japonesa.

Evolución del Lenguaje Escrito

Page 27: Expresión Gráfica - UNSL

UNSL 27 - Roberto Guerrero @ 2021

• Unidades Fonéticas– Cultura Egipcia.

• Alfabeto– Cultura Fenicia, Griega, Latina.

Evolución del Lenguaje Escrito

Page 28: Expresión Gráfica - UNSL

UNSL 28 - Roberto Guerrero @ 2021

• Observación:

La misma evolución debería ocurrir con

todas las capacidades humanas

involucradas en la pre-concepción, la

planificación, el diseño y la creación

de objetos.

Page 29: Expresión Gráfica - UNSL

UNSL 29 - Roberto Guerrero @ 2021

• La Expresión Visual como recurso para

el manejo de un lenguaje como canal

de comunicación a favor de la

interacción humana.

• Las imágenes son el recurso más

comúnmente utilizado.

Lenguaje Visual

Page 30: Expresión Gráfica - UNSL

UNSL 30 - Roberto Guerrero @ 2021

Pintura

• Las imágenes como medio para la transmisión de información.

• Responsabilidad restringida a personas especiales denominadas “artistas”.

Page 31: Expresión Gráfica - UNSL

UNSL 31 - Roberto Guerrero @ 2021

Pintura

• Particularidades del trabajo artístico– El cuadro pintado es el resultado de un largo

proceso aditivo y creativo.

– Mayormente:

• Los artistas se liberan de las restricciones de la realidad (no reproducen la apariencia de una

escena).

• Conciente o inconcientemente expresaban su “punto de vista”.

• Mayormente respetaban la estética de su tiempo.

Page 32: Expresión Gráfica - UNSL

UNSL 32 - Roberto Guerrero @ 2021

Fra Angelico (1438),La Anunciación

Page 33: Expresión Gráfica - UNSL

UNSL 33 - Roberto Guerrero @ 2021

Sandro Boticelli (1489),La Anunciación

Page 34: Expresión Gráfica - UNSL

UNSL 34 - Roberto Guerrero @ 2021

Bartolomé Murillo (1660),La Anunciación

Page 35: Expresión Gráfica - UNSL

UNSL 35 - Roberto Guerrero @ 2021

Evolución del Lenguaje de la Imagen

• Pinturas rupestres• Antiguas civilizaciones (aprox. 1200 a.C.)

• Civilizaciones clásicas (aprox. siglo XI - IX a.C. )

• Románico (siglos XI, XII y parte del XIII d.C.)

• Gótico (siglos XII al XV)

• Renacentista (siglos XV y XVI)

• Barroco (1600 - 1750)

• Neoclásico (1800 - 1900)

• Estilos contemporáneos

(Historia de la Pintura)

Page 36: Expresión Gráfica - UNSL

UNSL 36 - Roberto Guerrero @ 2021

• Evolución:– Antigüedad - Griegos

Cámara obscura.

Aristóteles: "Se hace pasar la luz a través de un pequeño agujero hecho en un cuarto cerrado por todos sus lados. En la pared opuesta al agujero, se formará la imagen de lo que se encuentre enfrente".

Herramientas para ayudar a dibujar(Historia de la Pintura)

Page 37: Expresión Gráfica - UNSL

UNSL 37 - Roberto Guerrero @ 2021

• Evolución:– Siglo XV

Cámara obscura.(Leonardo Da Vinci)

Herramientas para ayudar a dibujar(Historia de la Pintura)

Durero, Máquina de retratar, 1535

Cámara oscura portátil de Kircher, 1646

Page 38: Expresión Gráfica - UNSL

UNSL 38 - Roberto Guerrero @ 2021

Vermeer (1662-1665), The Music Lesson, derecha, reconstrucción

Page 39: Expresión Gráfica - UNSL

UNSL 39 - Roberto Guerrero @ 2021

• Evolución:– Siglo XV

Cámara obscura.(Leonardo Da Vinci)

– Siglo XVI

Lentes Objetivo (Giovanni Battista Della Porta )

Diafragma (desconocido)

Herramientas para ayudar a dibujar(Historia de la Pintura)

Page 40: Expresión Gráfica - UNSL

UNSL 40 - Roberto Guerrero @ 2021

La Fotografía

• Propiedades

– Es un medio adicional para la percepción y

recreación de la realidad.

– Es un rápido proceso óptico, químico y mecánico de formato restringido por una lente.

– Hace posible una nueva clase de comunicación

visual (múltiple reproducción, difusión de imágenes).

(Principios 1800)

Page 41: Expresión Gráfica - UNSL

UNSL 41 - Roberto Guerrero @ 2021

• Fotografía estática:– 1827 Joseph Nicéphore Niépce

(rediseña la cámara obscura)

– 1839 Louis Daguerre(mejora el diseño de Niépce)

– 1841 William Henry Fox Talbot(negativo-positivo)

– ......

– 1869 Louis Ducos Du Hauron (bases de la foto color - colores aditivos/sustr.)

Evolución (Historia de la Fotografía)

Page 42: Expresión Gráfica - UNSL

UNSL 42 - Roberto Guerrero @ 2021

• Fotografía estática:– 1873 Herman Vogel

(emulsiones de color)

– 1888 George Eastman “Kodak”(cámara automática)

– 1904 Auguste y Louis Lumiere (fotos color)

– 1935 Leopold (Mannes y Godowsky) (Kodachrome)

– 1947 Edwin Land(Polaroid)

Evolución (Historia de la Fotografía)

Page 43: Expresión Gráfica - UNSL

UNSL 43 - Roberto Guerrero @ 2021

• Imágenes en movimiento:– 1890 Louis Lumiere y Thomas Edison

(cinematógrafo)

– 1930 Televisión

Evolución (Historia de la Fotografía)

Page 44: Expresión Gráfica - UNSL

UNSL 44 - Roberto Guerrero @ 2021

Un nuevo lenguaje

• La Fotografía alteró la percepción de la humanidad sobre el mundo que le rodeaba.

• Lenguaje sin fronteras: "lenguaje universal“

• Generó un proceso de Alfabetización.

• Todas sus formas colaterales (cine, televisión, computadoras) en constante desarrollo constituyen un logro para la alfabetización visual.

Page 45: Expresión Gráfica - UNSL

UNSL 45 - Roberto Guerrero @ 2021

Page 46: Expresión Gráfica - UNSL

UNSL 46 - Roberto Guerrero @ 2021

• Observación:la reproducción mecánica de un objeto y su entorno no constituye por sí sola una buena declaración visual.

Page 47: Expresión Gráfica - UNSL

UNSL 47 - Roberto Guerrero @ 2021

• Conclusión:Una fotografía no siempre es la mejor opción para transmitir información.

• Tienden a ser confusas.Tienden a ser confusas.

• Proveen poco nivel de abstracción. Proveen poco nivel de abstracción.

Usualmente

Page 48: Expresión Gráfica - UNSL

UNSL 48 - Roberto Guerrero @ 2021

Inconvenientes

• Existen áreas donde es necesario que la imagen sea Funcional antes que Realista.

• Se requiere exactitud y habilidad para mostrar formas complejas.

• Se requiere estilización para ayudar a su interpretación.

• Ilustraciones Médicas

• Manuales Técnicos.

Page 49: Expresión Gráfica - UNSL

UNSL 49 - Roberto Guerrero @ 2021

Jean-Galbert Salvage(1770-1813)

[anatomista; artista]

Page 50: Expresión Gráfica - UNSL

UNSL 50 - Roberto Guerrero @ 2021

Jacques Gamelin(1739-1803)[artista]

Page 51: Expresión Gráfica - UNSL

UNSL 51 - Roberto Guerrero @ 2021

Bosquejos Técnicos

Page 52: Expresión Gráfica - UNSL

UNSL 52 - Roberto Guerrero @ 2021

• Otras maneras:– Dibujos a

Mano Alzada.

– Cartoons.

Picasso – Cabeza de un Hombre

Page 53: Expresión Gráfica - UNSL

UNSL 53 - Roberto Guerrero @ 2021

Page 54: Expresión Gráfica - UNSL

UNSL 54 - Roberto Guerrero @ 2021

• Características comunes:– Elimina detalles no relevantes.

– Resalta de detalles importantes.

– Abstracciones.

– Estilos de representación reconocibles.

Page 55: Expresión Gráfica - UNSL

UNSL 55 - Roberto Guerrero @ 2021

• Donde nos deja esto?

No importa el tiempo en que se este hablando, antes o después de la fotografía.

La clave para transmitir información se encuentra en la habilidad de

poderpoder codificar una ideacodificar una idea, antes que seguir estrictamente restricciones mecánicas y físicas.

Page 56: Expresión Gráfica - UNSL

UNSL 56 - Roberto Guerrero @ 2021

• El lenguaje gráfico universal.

• Es el arte de representar gráficamente conceptos sobre una superficie plana.

• Dibujar sugiere la realización de un proceso.

• El proceso es exploratorio, con énfasis en la observación, solución de problemas y composición.

Dibujo

Page 57: Expresión Gráfica - UNSL

UNSL 57 - Roberto Guerrero @ 2021

Formas de Expresión(bosquejos/croquis)

Page 58: Expresión Gráfica - UNSL

UNSL 58 - Roberto Guerrero @ 2021

Formas de Expresión(esquema)

Page 59: Expresión Gráfica - UNSL

UNSL 59 - Roberto Guerrero @ 2021

Formas de Expresión(diagrama)

Page 60: Expresión Gráfica - UNSL

UNSL 60 - Roberto Guerrero @ 2021

Formas de Expresión(plano)

Page 61: Expresión Gráfica - UNSL

UNSL 61 - Roberto Guerrero @ 2021

Clasificación

• Acorde con su Objetivo:– Dibujo de Creación.

(idea general, forma, dimensión)

– Dibujo de Definición. (relaciones, claridad, complejidad)

– Dibujo de Fabricación. (partes, relaciones, proporciones)

– Dibujo Industrial. (proceso y técnica de fabricación)

Page 62: Expresión Gráfica - UNSL

UNSL 62 - Roberto Guerrero @ 2021

Clasificación

• Acorde con el Objeto: (elementos compositivos utilizados para la realización)

– Dibujo Artístico. (formas, líneas, espacios, textura, color)

– Dibujo Geométrico (geometría plana). (figuras geométricas planas)

– Dibujo Técnico. (trazos geométricos)

– Dibujo Geodésico. (representación superficies esféricas)

Page 63: Expresión Gráfica - UNSL

UNSL 63 - Roberto Guerrero @ 2021

NaïfHenri RousseauLa encantadora de serpientes (1907)

Dibujo Artístico

Page 64: Expresión Gráfica - UNSL

UNSL 64 - Roberto Guerrero @ 2021

Dadaísmo

Marcel DuchampAcerca de mi pequeña hermana (1911)

Dibujo Artístico

Page 65: Expresión Gráfica - UNSL

UNSL 65 - Roberto Guerrero @ 2021

CubismoPablo Picasso

Guernica (1937)

Dibujo Artístico

Page 66: Expresión Gráfica - UNSL

UNSL 66 - Roberto Guerrero @ 2021

Dibujo Geométrico

Page 67: Expresión Gráfica - UNSL

UNSL 67 - Roberto Guerrero @ 2021

Dibujo Geométrico

Page 68: Expresión Gráfica - UNSL

UNSL 68 - Roberto Guerrero @ 2021

Dibujo Geométrico

Page 69: Expresión Gráfica - UNSL

UNSL 69 - Roberto Guerrero @ 2021

Dibujo Técnico

Page 70: Expresión Gráfica - UNSL

UNSL 70 - Roberto Guerrero @ 2021

Dibujo Técnico

Page 71: Expresión Gráfica - UNSL

UNSL 71 - Roberto Guerrero @ 2021

Dibujo Técnico

Page 72: Expresión Gráfica - UNSL

UNSL 72 - Roberto Guerrero @ 2021

Dibujo Geodésico

Page 73: Expresión Gráfica - UNSL

UNSL 73 - Roberto Guerrero @ 2021

Dibujo Geodésico

Page 74: Expresión Gráfica - UNSL

UNSL 74 - Roberto Guerrero @ 2021

• Describe formas, dimensiones y

características de manera exacta.

• Hace uso de normas fijas y

pre-establecidas.

Dibujo Técnico

Page 75: Expresión Gráfica - UNSL

UNSL 75 - Roberto Guerrero @ 2021

Tipos de Usos(arquitectónico)

Page 76: Expresión Gráfica - UNSL

UNSL 76 - Roberto Guerrero @ 2021

Tipos de Usos(arquitectónico)

Page 77: Expresión Gráfica - UNSL

UNSL 77 - Roberto Guerrero @ 2021

Tipos de Usos(arquitectónico)

Page 78: Expresión Gráfica - UNSL

UNSL 78 - Roberto Guerrero @ 2021

Tipos de Usos(arquitectónico)

Page 79: Expresión Gráfica - UNSL

UNSL 79 - Roberto Guerrero @ 2021

Tipos de Usos(mecánico)

Page 80: Expresión Gráfica - UNSL

UNSL 80 - Roberto Guerrero @ 2021

Tipos de Usos(mecánico)

Page 81: Expresión Gráfica - UNSL

UNSL 81 - Roberto Guerrero @ 2021

Tipos de Usos(eléctrico)

Page 82: Expresión Gráfica - UNSL

UNSL 82 - Roberto Guerrero @ 2021

Tipos de Usos(eléctrico)

Page 83: Expresión Gráfica - UNSL

UNSL 83 - Roberto Guerrero @ 2021

Tipos de Usos(electrónico)

Page 84: Expresión Gráfica - UNSL

UNSL 84 - Roberto Guerrero @ 2021

Tipos de Usos(electrónico)

Page 85: Expresión Gráfica - UNSL

UNSL 85 - Roberto Guerrero @ 2021

Tipos de Usos(geológico)

Page 86: Expresión Gráfica - UNSL

UNSL 86 - Roberto Guerrero @ 2021

Tipos de Usos(geológico)

Page 87: Expresión Gráfica - UNSL

UNSL 87 - Roberto Guerrero @ 2021

Tipos de Usos(topográfico)

Page 88: Expresión Gráfica - UNSL

UNSL 88 - Roberto Guerrero @ 2021

Tipos de Usos(topográfico)

Page 89: Expresión Gráfica - UNSL

UNSL 89 - Roberto Guerrero @ 2021

Tipos de Usos(topográfico)

Page 90: Expresión Gráfica - UNSL

UNSL 90 - Roberto Guerrero @ 2021

Tipos de Usos(urbanístico)

Page 91: Expresión Gráfica - UNSL

UNSL 91 - Roberto Guerrero @ 2021

Tipos de Usos(urbanístico)

Page 92: Expresión Gráfica - UNSL

UNSL 92 - Roberto Guerrero @ 2021

Tipos de Usos(urbanístico)

Page 93: Expresión Gráfica - UNSL

UNSL 93 - Roberto Guerrero @ 2021