3.5.1 semÁntica grÁficacad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la...

34
© 2018 P. Company 3.5.1 Semántica gráfica / 1 3.5.1 SEMÁNTICA GRÁFICA

Upload: others

Post on 23-Jun-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 1

3.5.1 SEMÁNTICA GRÁFICA

Page 2: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 2

La semántica se ocupa del significado de los signos

La semántica gráfica trata de los signos desde el punto de vista de las relacionesque éstos pueden mostrar

Más que el significado “intrínseco” de los signos, buscamos relaciones entre ellos (o entre la información que ellos representan)

La semántica gráfica se ocupa del significado de los signos en los lenguajes gráficos

Estudiamos las propiedades de la imagen para elegir grafismos que traduzcan la información en

imágenes que muestren las relaciones de la información, con la mayor claridad y sin ruidos

IntroducciónIntroducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 3: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 3

IntroducciónEl lenguaje visual se basa en:

Percepción visual

Convenciones

Es un lenguaje polisémico

Las convenciones existentes son muy pobres y muy escasas

Las reglas de la percepción aportan criterios necesarios, pero no suficientes

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 4: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 4

Las convenciones, y las reglas de la percepción nos afectan, incluso cuando no coinciden con la “realidad”

En particular, hay que prevenir aquellas percepciones que provocan ilusiones:

En el CONTRASTE, la figura se diferencia del fondo

En la ASIMILACIÓN, la figura hereda las propiedades del fondo

IntroducciónIntroducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 5: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 5

Convenciones

Las convenciones del lenguaje visual provienen de dos fuentes:

Ámbitos normalizados que se extrapolan

Convenciones generales Las convenciones

sociales

Las señales de tráfico

Normas de dibujo técnico

Los colores de moda

Etc.

Etc.

El entorno físico

El color del luto

Las reglas de la iluminación naturalLos colores de la naturaleza

Triangulo= peligro, etc.Rojo, amarillo y verde

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 6: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 6

Tenemos tendencia a interpretar las señales perceptivas como provenientes de objetos tridimensionales, situados en el mundo “real”

¡Determinamos cual es hueco y cual es macizo, asumiendo que la

iluminación viene desde arriba!

¡Queremos ver imágenes de objetos tridimensionales,

con relieve!

Convenciones

La iluminación natural viene “desde arriba”

¡Por tanto, en los mapas, iluminamos la vertiente norte de las montañas!

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 7: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 7

Pictóricas

De forma

Señales 3DExisten diferentes tipos de señales que favorecen la interpretación tridimensional de las imágenes:

La interposición, da información de profundidad:

El hombre está “detrás” del resto de personas

El tamaño, da información de profundidad:

La casa está más lejos que las personas

Los colores y las sombrasdan información de volumen:

El sombrero morado tiene una cinta con arrugas y sombras

De movimiento

Estereoscópicas

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 8: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 8

Pictóricas

De forma

De movimiento

Estereoscópicas

Señales 3DExisten diferentes tipos de señales que favorecen la interpretación tridimensional de las imágenes:

Los geones (partes geométricas más características) son los aspectos más relevantes para determinar la forma tridimensional de un objeto

Percibimos a través de una exploración selectiva, que busca activamente las partes más significativas de la imagen

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 9: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 9

Pictóricas

De forma

De movimiento

Estereoscópicas

Señales 3DExisten diferentes tipos de señales que favorecen la interpretación tridimensional de las imágenes:

Los movimientos relativos entre los componentes de una escena al cambiar el punto de vista, dan información tridimensional

Cuando el cerebro recibe imágenes diferentes de los dos ojos, trata de darle sentido añadiendo profundidad

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 10: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 10

Los criterios que aportan las reglas de la percepción tienen diferentes ámbitos:

Las totalidades perceptivas tienen tendencia a adquirir la "mejor forma", entendida esta como una relación que se percibe de forma natural

El valor perceptivo del todo no es igual al de las partes

Con la vista se pueden percibir diferentes relaciones

Las variables de la imagen se asocian con las relaciones

Las leyes de la Gestalt predicen las mejores formas

Hay diferentes nivelesde percepción

PercepciónIntroducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 11: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 11

Elemental

Hay tres niveles de percepción:

Intermedio

De conjunto

Alumno “Nombre Apellido”

Diagrama de barras de

distribución de alumnos por

edades

Centro de enseñanza

PercepciónIntroducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 12: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 12

No es posible la percepción simultánea de más de un nivel

Elemental

Intermedio

De conjunto

PercepciónIntroducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Por tanto, cualquier representación debe hacerse para optimizar el nivel de percepción deseado

Page 13: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 13

Las tablas sirven para percepción de nivel elemental:

Deben ser completas (contener información de detalle) y deben estar ordenadas para favorecer los tipos de búsqueda de datos más previsibles

PercepciónIntroducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 14: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 14

Gráfica con exceso de detalles para percepción de conjunto

¡Además, es peor que una tabla para leer información de detalle!

Las gráficas sirven para percepción de nivel de conjunto:

PercepciónIntroducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 15: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 15

Gráfica con pocos detalles para mejorar la percepción de conjunto

¡Incluye otras gráficas (complementarias) que muestran diferentes niveles intermedios!

Las gráficas sirven para percepción de nivel de conjunto:

PercepciónIntroducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 16: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 16

Leyes de la Gestalt

SIMILITUDLos estímulos visuales semejantestienden a asociarse

PROXIMIDADLos estímulos visuales próximostienden a asociarse

FORMA CERRADA

Los estímulos visuales tienden a asociarse en formas cerradas

CONTINUACIÓN (Buena figura)

Los estímulos visuales tienden a descomponerse en formas “buenas”

Forma neutra Similitud horizontal

Proximidad vertical

“Cuadrado” cerrado

Las leyes de la Gestalt predicen las relaciones que se perciben de forma natural:

Mala forma

Buena forma

Introducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 17: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 17

Hay que desechar la formas no neutras, porque reducen la percepción de similitud

Leyes de la Gestalt

SIMILITUD

PROXIMIDAD

FORMA CERRADA

Las leyes de la Gestalt predicen las relaciones que se perciben de forma natural:

Introducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

CONTINUACIÓN (Buena figura)

Page 18: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 18

Se “rompe” el diagrama para evitar la proximidad

Leyes de la Gestalt

SIMILITUD

PROXIMIDAD

FORMA CERRADA

Las leyes de la Gestalt predicen las relaciones que se perciben de forma natural:

Introducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

CONTINUACIÓN (Buena figura)

Page 19: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 19

Leyes de la Gestalt

SIMILITUD

PROXIMIDAD

FORMA CERRADA

Las leyes de la Gestalt predicen las relaciones que se perciben de forma natural:

Al esforzarse para “darle sentido” a la figura se percibe un perro en un parque

Introducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

CONTINUACIÓN (Buena figura)

Page 20: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 20

Leyes de la Gestalt

SIMILITUD

PROXIMIDAD

FORMA CERRADA

Las leyes de la Gestalt predicen las relaciones que se perciben de forma natural:

La imagen si tiene sentido, porque imaginamos una continuación tras

la máscara negra

La imagen no tiene sentido, porque no podemos

encontrar continuación

Introducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

CONTINUACIÓN (Buena figura)

Page 21: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 21

Variables de la imagenHay ocho variables de la imagen… …que se dividen en variables de

información y variables de separación

Introducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 22: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 22

Dos dimensiones de la imagen se asocian a las variables X, Y de un sistema de coordenadas tridimensional

La tercera dimensión es la talla de los símbolos

Para utilizar más de tres dimensiones, se requiere tiempo:

Diagrama para “leer” Diagramas para “ver”

(Seis dimensiones) (Tres dimensiones)

La percepción deja de ser inmediata

Se requiere tiempo para “explorar” la imagen y “separar” las unidades de información

Variables de la imagenIntroducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 23: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 23

Las diferentes variables visuales pueden trasmitir diferentes tipos de relaciones

Variables de la imagenIntroducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 24: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 24

Se limitan a separar la información hasta el nivel de percepción deseado

Requieren un criterio explícito para asociar una variable de separación a una relación

El color no trasmite orden (=profundidad), porque no es una variable ordenada

El valor (= el tono) trasmite orden (=profundidad), porque

es una variable ordenadaEl color separa (mar y tierra)

Las variables de separación no pueden transmitir relaciones:

Variables de la imagen

Una escala añade el orden que falta,

¡pero el grafico es para leer, no para ver!

Introducción

Convenciones

Señales 3D

Percepción

Niveles

Gestalt

Variables

Relaciones

Conclusión

Page 25: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 25

Relaciones perceptiblesLas relaciones que se pueden percibir con la vista son:

Semejanza

Orden

Proporcionalidad

Vecindad

ParecidosDiferentes

Las representaciones no neutras pueden falsear la percepción de semejanza

¡Un mapa para percibir ángulos es distinto de un mapa para percibir superficies!

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 26: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 26

La percepción del orden es cualitativa, por tanto se deben cuidar mucho las escalas para resaltar el orden

Relaciones perceptiblesLas relaciones que se pueden percibir con la vista son:

Semejanza

Orden

Proporcionalidad

Vecindad

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 27: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 27

Una mala elección de la proporcionalidad entre las partes del gráfico, provoca percepciones erróneas

Relaciones perceptiblesLas relaciones que se pueden percibir con la vista son:

Semejanza

Orden

Proporcionalidad

Vecindad

Las variables visuales deben transmitir los datos sin alterar sus proporciones

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 28: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 28

¡La proporcionalidad afecta a las dos dimensiones del plano!

¡Se perciben como proporcionales las áreas, no las longitudes!

¡Se perciben como proporcionales las áreas, no los diámetros!

Relaciones perceptiblesLas relaciones que se pueden percibir con la vista son:

Semejanza

Orden

Proporcionalidad

Vecindad

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 29: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 29

¡Para comparar diferentes niveles intermedios, se debe utilizar una escala común!

Relaciones perceptiblesLas relaciones que se pueden percibir con la vista son:

Semejanza

Orden

Proporcionalidad

Vecindad

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 30: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 30

¡Vecindad entre los enfermos de cólera de una epidemia y los pozos contaminados!

Relaciones perceptiblesLas relaciones que se pueden percibir con la vista son:

Semejanza

Orden

Proporcionalidad

Vecindad

Los diagrama topográficos muestran relaciones de vecindad

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 31: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 31

¡Dispersión entre los votantes!

Relaciones perceptiblesLas relaciones que se pueden percibir con la vista son:

Semejanza

Orden

Proporcionalidad

Vecindad

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 32: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 32

Conclusión

Es neutro: no se utilizan efectos de perspectiva que distorsionan las formas y los ángulos

No tiene leyendas: no se utiliza leyenda indirectas, que retardan la percepción

Es sobrio: no utiliza adornos innecesarios (ni siquiera colores)

Los diagramas deben mostrar relaciones de conjunto y deben construirse respetando las leyes de la semántica gráfica

Es un diagrama para ver (muestra las relaciones globales. Aunque se añade información de detalle (porcentajes), para que pueda ser leída

Respeta la leyes de la percepción: se rompe la continuidad desplazando las porciones pequeñasSoleado

Nublado

Lluvioso

Neblinoso

74%

12%

11%

3%

El tiempo en la costa Mediterranea

Introducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 33: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 33

Los diagramas deben contener información

Los adornos no deben enmascarar la información

ConclusiónIntroducción

Convenciones

Señales 3D

Percepción

Relaciones

Conclusión

Page 34: 3.5.1 SEMÁNTICA GRÁFICAcad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la información que ellos representan) La semántica gráficase ocupa del significado

© 2018 P. Company 3.5.1 Semántica gráfica / 34

Jacques Bertin Edward R. Tufte

Para repasar