3.5.1 semÁntica grÁficacad3dconsolidworks.uji.es/v2_libro1/t3_dibujos/cap_3_5_1.pdf · entre la...
TRANSCRIPT
© 2018 P. Company 3.5.1 Semántica gráfica / 1
3.5.1 SEMÁNTICA GRÁFICA
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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)
© 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)
© 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)
© 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)
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 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
© 2018 P. Company 3.5.1 Semántica gráfica / 34
Jacques Bertin Edward R. Tufte
Para repasar