BUENOS DIAS!

Infografa - Ing. Paula Morales Rodrguez

INFOGRAFIA

Aspectos a tomar en cuenta:

para la planicacin de infografas

jerarquizar la informacin (de lo general a lo

especco)
equilibrar la cantidad de contenido textual
y grco
crear lneas visuales
denir tipografa

Aspectos a tomar en cuenta:

para la planicacin de infografas

simplicidad es la mejor poltica

enfatizar en la causa-efecto
visualice sus lmites (informacin)
legibilidad
ser vericables

AGENDA
1. gramticas visuales
2. elementos
3. cdigo visual
4. carga cognitiva
5. creacin de una gramtica
6. psicologa de la percepcin

1. GRAMATICAS VISUALES:
lenguajes verbales
(secuenciales)
lenguajes visuales
(simultneos)

GRAMATICAS VISUALES elementos

gramtica esta compuesta por:

smbolos: vocabulario
reglas: sintxis

GRAMATICAS VISUALES elementos

gramtica visual esta compuesta

por:
smbolos y reglas basados en
el sistema

humano

de percepcin

GRAMATICAS VISUALES
sistema de percepcin humano

reglas de percepcin y
principios universales de diseo

2. ELEMENTOS:

en los infogrcos segn la gramtica visual

la pregunta objetivo
los smbolos
las relaciones
las calidades

2. ELEMENTOS:

en los infogrcos segn la gramtica visual

la pregunta objetivo
los smbolos
las relaciones
las calidades

LA PREGUNTA

pregunta a la cual responde el

infogrco

2. ELEMENTOS:

en los infogrcos segn la gramtica visual

la pregunta objetivo
los smbolos
las relaciones
las calidades

SIMBOLOS

visualizacin de los conceptos

que intervienen en la explicacin
de la idea

2. ELEMENTOS:

en los infogrcos segn la gramtica visual

la pregunta objetivo
los smbolos
las relaciones
las calidades

RELACIONES

son las formas predecibles y

regulares como se relacionan los
conceptos o smbolos
elementos + secuencia + pertenencia

2. ELEMENTOS:

en los infogrcos segn la gramtica visual

la pregunta objetivo
los smbolos
las relaciones
las calidades

CALIDADES

son las comparaciones entre

todos los elementos

3. CODIGO VISUAL:
interpretacin intuitiva

. conceptos: crculos
. relaciones: lneas y
echas
. modicadores: calidades

4. CARGA COGNITIVA:

procesamiento de la informacin

memoria temporal

cantidad de trabajo que debe

hacer el cerebro de un usuario
para comprender un concepto
mostrado

4. CARGA COGNITIVA:
anidad ms que simplicidad

no importa la cantidad de informacin

sino la caracterizacin segn la
percepcin del humano

4. CARGA COGNITIVA:

ejemplo

4. CARGA COGNITIVA:

ejemplo

n(a,b(e),c,d)

5. PROCESO DE CREACION:
de una gramtica visual

conceptos
bsicos y
principales
relaciones

reduzca a una
estructura
ms simple

aplique
gramtica
clara e
inequvoca

muestre los
niveles de
informacin

si es complejo
se divide en
sub-sistemas y
se denen
fronteras

6. PSICOLOGIA DE LA PERCEPCION:
o psicologa de la Gestalt

como la mente organiza o percibe

la informacin

6. PSICOLOGIA DE LA PERCEPCION:
leyes de la Gestalt
proximidad
semejanza
proximidad vs semejanza
destino comn
forma cerrada
simetra
principio de la buena forma
contornos

6. PSICOLOGIA DE LA PERCEPCION:
leyes de la Gestalt
proximidad
semejanza
proximidad vs semejanza
destino comn
forma cerrada
simetra
principio de la buena forma
contornos

PROXIMIDAD
objetos ms cercanos se perciben como
grupo

6. PSICOLOGIA DE LA PERCEPCION:
leyes de la Gestalt
proximidad
semejanza
proximidad vs semejanza
destino comn
forma cerrada
simetra
principio de la buena forma
contornos

SEMEJANZA
objetos que poseen caractersticas
similares aparentan pertenencia

6. PSICOLOGIA DE LA PERCEPCION:
leyes de la Gestalt
proximidad
semejanza
proximidad vs semejanza
destino comn
forma cerrada
simetra
principio de la buena forma
contornos

PROXIMIDAD VS SEMEJANZA
se pueden combinar para rearmar

6. PSICOLOGIA DE LA PERCEPCION:
leyes de la Gestalt
proximidad
semejanza
proximidad vs semejanza
destino comn
forma cerrada
simetra
principio de la buena forma
contornos

DESTINO COMUN
el ordenamiento de elementos aparenta
pertenecer y formar un grupo

esta ley se sobrepone a la de la semejanza

2. ELEMENTOS:

en los infogrcos segn la gramtica visual

la pregunta objetivo
los smbolos
las relaciones
las calidades

6. PSICOLOGIA DE LA PERCEPCION:
leyes de la Gestalt
proximidad
semejanza
proximidad vs semejanza
destino comn
forma cerrada
simetra
principio de la buena forma
contornos

FORMA CERRADA
contornos que pertenecen a formas
cerradas se perciben como tales

6. PSICOLOGIA DE LA PERCEPCION:
leyes de la Gestalt
proximidad
semejanza
proximidad vs semejanza
destino comn
forma cerrada
simetra
principio de la buena forma
contornos

SIMETRIA
el espacio entre guras que se disponga
simtricamente ser interpretado como
gura

6. PSICOLOGIA DE LA PERCEPCION:
leyes de la Gestalt
proximidad
semejanza
proximidad vs semejanza
destino comn
forma cerrada
simetra
principio de la buena forma
contornos

BUENA FORMA
se percibe una composicin

6. PSICOLOGIA DE LA PERCEPCION:
leyes de la Gestalt
proximidad
semejanza
proximidad vs semejanza
destino comn
forma cerrada
simetra
principio de la buena forma
contornos

CONTORNOS
se perciben contornos simples y
conocidos sobre guras complejas

Actividad 1

Organice
Cree la gramtica visual. Tome en cuenta:
. La pregunta
. Los smbolos
. Las relaciones
. Las calidades