Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
DIAGRAMACION EN EL PLANO
Un buen dibujo vale mas que una largo discurso
infografia y panel
la caricatura didáctica pone en manifiesto que si no se sitúa el mueble adecuadamente en el mejor lugar, requerirán del ama de casa esfuerzos molestos como se los puede ver en cada caso
Si se opta por una cocina en paralelo o en isla y se dejan solo 70 cm. entre mostradores la parte trasera se golpearía, en el otro caso la mujer debería ser elástica para llegar a los dos mostradores. las distancia ideal entre mostradores es de 120 cm.
Son dos lecciones bien elocuentes de una serie de caricaturas que hablan por si solas, hay una simple adición de cifras y de flechas (símbolo).
Tanto en la infografia como en el panel no solo la imagen funciona como palabra , se tiene que observar una adecuada relación entre todos los objetos que componen el plano bidimensional
“sino que se debe leer como un todo”diagramación
recorrido
color
equilibrio
fuentes
coherencia
connotación
pag. uno
DIAGRAMACION EN EL PLANO
Toda linea tiene una función y un proposito
infografia y panel
Las lineas punteadas muestran las divisiones básicas
La subdivisión con diagonales, verticales y horizontales generan innumerables formas de diseños.
partiendo de “la linea” se puede generar dos tipo de subdivisiones: “formal e informal”
En el diseño de un panel debe haber una relación básica entre linea y diseño. La división del espacio en partes iguales genera un diseño formal.diagramación
recorrido
color
equilibrio
fuentes
coherencia
connotación
pag. dos
DIAGRAMACION EN EL PLANO
El principio de la subdivisión formal
infografia y panel
En el diseño de un panel debe haber una relación básica entre linea y diseño. La división del espacio en partes iguales genera un diseño formal. partiendo de “la
linea” se puede generar dos tipo de subdivisiones: “formal e informal”
lineas deoro o doradas
imagen
En el diseño de un panel debe haber una relación básica entre linea y diseño. la división del espacio en partes iguales genera un diseño formal, y las divisones desiguales genera un diseño informal
En el diseño de un panel debe haber una relación basica entre linea y diseño. la división del espacio en partes iguales genera un diseño formal, y las divisones desiguales genera un diseño imagen
y las divisones desiguales
genera un diseño informal
En el diseño de un panel debe
haber una relación basica
entre linea y diseño. la
división del espacio en
partes iguales genera un
diseño formal,
imagen
En el diseño de un panel debe haber una relación basica entre linea y diseño. la división del espacio en partes iguales genera un diseño formal, y las divisones desiguales genera un
En el diseño de un panel debe haber una relación basica entre linea y diseño. la división del espacio en partes iguales genera un diseño formal, y las divisones
diagramaciónrecorrido
color
equilibrio
fuentes
coherencia
connotación
pag. tres
lineas deoro o doradas
DIAGRAMACION EN EL PLANO
El principio de la subdivisión
infografia y panel
En el diseño de un panel debe haber una relación básica entre linea y diseño. la división del espacio en partes desiguales genera un diseño informal.
1º
dib
ujo
una l
inea p
erp
endic
ula
r cu
alq
uie
ra
2 trazo un
diagonl entre
é
tices cl
uier
º
a
a
dosv
r
uaq
a
3º trazo una diagonal por la intersección
4º se dibuja una sola diagonal para cada rectángulo formado
así así así no
partiendo de “la linea” se puede generar dos tipo de subdivisiones: “formal e informal”
diagramaciónrecorrido
color
equilibrio
fuentes
coherencia
connotación
pag. cuatro
DIAGRAMACION EN EL PLANO
El principio de la subdivisión
infografia y panel
En el diseño de un panel debe haber una relación básica entre linea y diseño. la división del espacio en partes desiguales genera un diseño informal. la división informal
permite mayor libertad en el plano de trabajo, pero se tiene que tener en cuenta el concepto de peso visual y equilibrio
diagramaciónrecorrido
color
equilibrio
fuentes
coherencia
connotación
pag. cinco
DIAGRAMACION EN EL PLANO
Un principio y un fin
infografia y panel
diagramación
color
equilibrio
fuentes
figura - fondo
coherencia
connotación
recorrido
areapregnante
areapregnante
areapregnante
areapregnante
un recorrido de lectura en forma de (z) zeta
nota:
el inicio, los vértices y el fin, son las zonas optimas para poner imágenes, diagramas, copetes, bajos, si lo que se busca es ser pregnante, causar impacto visual, “gritar”.
El recorrido de la lectura de un panel es siempre en forma deTodo panel tiene (una apertura y un
cierre), la lectura es siempre de izquierda a derecha y de arriba hacia abajo, nunca inverso.
.
(z) zeta un inicio y un fin,
pag. seis
DIAGRAMACION EN EL PLANO
el color y el contraste
infografia y panel
1ºatraer la atención 2ºmantener la atención3ºtransmitir información
El colorcaptar la
atención.
tiene un papel fundamental en la comunicación. Para que un diseño funcione correctamente primero deberá
La combinación de amarillo y negro e la que se ve más
EL COLORpara que un diseño funcione
correctamente primero deberá captar la atención.
EL COLORpara que un diseño funcione
correctamente primero deberá captar la atención.
EL COLORpara que un diseño funcione
correctamente primero deberá captar la atención.
EL COLORpara que un diseño funcione
correctamente primero deberá captar la atención.
EL COLORpara que un diseño funcione
correctamente primero deberá captar la atención.
EL COLORpara que un diseño funcione
correctamente primero deberá captar la atención.
EL COLORpara que un diseño funcione
correctamente primero deberá captar la atención.
EL COLORpara que un diseño funcione
correctamente primero deberá captar la atención.
EL COLORpara que un diseño funcione
correctamente primero deberá captar la atención.
diagramación
recorrido
equilibrio
fuentes
coherencia
connotación
color
pag. siete
DIAGRAMACION EN EL PLANO
el color y el contraste
infografia y panel
Una ves que se capto la atencion el segundo objetivoel tiempo suficiente como para poder leer
toda la información
es
. mantener su atención
El diseño debe atraer la vista, invitar, debe ser claro y facil de leer, seguir un recorrido
Transmitir Información En el mismo momento que el color capta y mantiene nuestra atención, también debe comunicar satisfactoriamente el contenido y el carácter del mensaje. El color es el elemento que mas directamente afecta nuestra memoria.
El color no solo se usa para contrastar, sino que también se utiliza para evocar, connotar una idea, generar un estado de animo y generar un ambiente.
diagramación
recorrido
equilibrio
fuentes
coherencia
connotación
color 1ºatraer la atención 2ºmantener la atención3ºtransmitir información
pag. ocho
DIAGRAMACION EN EL PLANO
el peso visual
infografia y panel
diagramación
recorrido
color
fuentes
coherencia
connotación
equilibrio compensación optima
nota:
no confundir el equilibrio con la simetría axial: diagramas visuales donde la unidad situada an un lado de la linea central corresponde exactamente a la otra en el otro lado.
Dentro de las tecnicas visuales, y despues del contraste, la mas importante es la del . El equilibrio es una estrategia de diseño en la que hay un centro de gravedad a medio camino entre dos pesos.
equilibrio
3
no c
onfu
ndir
el
equ
ilibr
io c
on la
sim
etría
axi
al
(i
aa
ua
d
dd
dag
rm
s vis
les
onde
la u
nia
ituad
a a
d la
ea
nt
s
un
lado
e li
n c
era
l
corr
espo
nde
exac
tam
ente
a la
otr
a
en e
l otr
o la
do. e
l equ
ilibr
io c
on la
a
(
ua
simet
rí a
xial
diag
ram
as v
isle
s
d
e
dd
i uaa
d
ond
la u
nia
st
d a
un
lao
de la
line
a ce
ntra
l cor
resp
onde
exac
tam
ente
a la
otr
a en
el o
tro
lado
.
no confundir
el equilibrio con la simetría axial ( diagramas visuales donde la unidad situada a un lado de la linea central corresponde exactamente a la otra en el otro lado.
no confundir
el equilibrio con la simetría axial ( diagramas visuales donde la unidad situada a un lado de la linea central
corresponde exactamente a la otra en el otro lado.
no confundir
el equilibrio con la simetría axial ( diagramas visuales donde la unidad situada a un lado de la linea central corresponde exactamente a la otra en el otro lado.
no confundir
el equilibrio con la simetría axial ( diagramas visuales donde la unidad situada a un lado de la linea central corresponde exactamente a la otra en el otro lado.
no confundir
el equilibrio con la simetría axial (diagramas visuales donde la unidad situada a un lado de la linea central
corresponde exactamente a la otra en el otro lado.el equilibrio con la simetría axial (diagramas visuales donde la unidad situada a un lado de la linea central
corresponde exactamente a la otra en el otro lado.el equilibrio con la simetría axial (diagramas visuales donde la unidad situada a un lado de la linea central
corresponde exactamente a la otra en el otro lado.
no c
onfu
ndir
no confundir
equilibrio
simetría axial
pag. nueve
DIAGRAMACION EN EL PLANO
las diez grandes familias tipograficas
infografia y panel
En un panel únicamente se debe (normal, negrita, itálica, itálica
negrita, negrita expandida, etc. Se puede utilizar una tipografía diferente en los títulos y en la bajada de titulo. Si lo que se quiere es gritar, generalmente se utilizan las egipcias.
utilizar una única familia tipografía, y todas su variables
los diez cuadros presentan las formas escriturales de base que dieron nacimiento a una enorme cantidad de variantes formales
Nota
Cada familia tipografica son el reflejo de las personliadades de sus autores y de las culturas de su tiempo.
goticas humanas garaldesreales o de transición
didonasmecanas o egipcias incisas
lineales geométricas
linealesmoduladas
escriptas o caligráficas
diagramación
recorrido
color
equilibrio
coherencia
connotación
fuentes
pag. diez
DIAGRAMACION EN EL PLANO
las diez grandes familias tipograficas
infografia y panel
Reales o de Transición son formas en plena mutación histórica que aumentan los contrastes entre los gruesos y finos.
tipografías reales o de transición de lecturas optimas son:
Inauguran un nuevo tipo de carácter más débil. Baskerville, su creador, era un tipógrafo inglés del siglo XVIII.
Connotan preciosismo, elegancia, sutileza
times new r.
caslon
century
georgia
diagramación
recorrido
color
equilibrio
coherencia
connotación
fuentes
pag. once
DIAGRAMACION EN EL PLANO
las diez grandes familias tipograficas
infografia y panel
Las didonas Bodoni en Italia y los Didot en Francia dieron a este carácter, muy contrastado, sus formas definitivas en el límite del siglo XIX.
El carácter Bodoni tomó el nombre de su creador, tipógrafo italiano de fines del XVIII.
Connotan dignidad, austeridad y frialdad.
bodoni
book ant.
garamond
tipografías didonas de lecturas optimas son:
diagramación
recorrido
color
equilibrio
coherencia
connotación
fuentes
pag. doce
DIAGRAMACION EN EL PLANO
las diez grandes familias tipograficas
infografia y panel
Las incisas son formas intermedias entre la romana tradicional y el palo seco, del que toman la simplicidad.
La Optima fue diseñada por el alemán Hermann Zapf en 1958.
Connotan un clasicismo modernizado.
tipografías incisas de lecturas optimas son:
diagramación
recorrido
color
equilibrio
coherencia
connotación
fuentes
pag. trece
DIAGRAMACION EN EL PLANO
las diez grandes familias tipograficas
infografia y panel
Las lineales geométricas letras de palo seco que reducen el signo a su esquema esencial, a su esqueleto geométrico.
Las mayúsculas son el retorno a las antiguas formas fenicias, griegas e incluso etruscas. Las minúsculas recurren a la línea recta y al circulo, unidos en toda clase de posiciones. Las cursivas son de hecho las mismas formas, pero inclinadas.
La Futura fue diseñada por Paul Renner (Alemania), en 1927
Connotan el modernismo, la industria y el funcionalismo.
futura
kabel
tipografías lineales o geometricas de lecturas optimas son:
diagramación
recorrido
color
equilibrio
coherencia
connotación
fuentes
pag. catorce
helvetica
DIAGRAMACION EN EL PLANO
las diez grandes familias tipograficas
infografia y panel
Las lineales moduladas letras de palo seco que conservan el constante grueso / fino se llaman tambien letra “de doble gracia”
La silueta de las minúsculas es más o menos modulada y tradicional, pero sin asiento.La Antigua Oliva fue diseñada en francia por Roger Excoffon en 1967
Connotan un modernismo, un futurismo elegante
gill sans
tahomaverdana
tipografías lineales o geometricas de lecturas optimas son:
diagramación
recorrido
color
equilibrio
coherencia
connotación
fuentes
pag. quince
myriad
DIAGRAMACION EN EL PLANO
el cuadro o la caja de texto
infografia y panel
La relación de la caja de texto con el tamaño tipográfico es muy importante al momento de generar grises en el panel.La relación optima para determinar el tamaño de la caja de texto es:
> un máx. de 62 caracteres (ancho de la caja de texto)
> un min. de 48 caracteres (ancho de la caja de texto)
Las mayúsculas son el retorno a las antiguas formas fenicias, griegas e incluso etruscas. Las minúsculas recurren a la línea recta y al circulo, unidos en toda clase de posiciones. Las cursivas son de hecho las mismas formas, pero inclinadas.Connotan el modernismo, la industria y el funcionalismo.La Futura fue diseñada por Paul Renner (Alemania), en 1927Las moduladas se tratan también de letras de palo seco que conservan un contraste grueso - fino que es tradicional en las romanas En las minúsculas, el contraste máximo en los gruesos aporta a los finos una delicadeza que tiende a fragmentar visualmente la letra en dos. Las cursivas son más bien letras inclinadas que recuerdan vagamente la
Las mayúsculas son el retorno a las antiguas formas fenicias, griegas e incluso etruscas. Las minúsculas recurren a la línea recta y al circulo, unidos en toda clase de posiciones. Las cursivas son de hecho las mismas formas, pero inclinadas.Connotan el modernismo, la industria y el funcionalismo.La Futura fue diseñada por Paul Renner (Alemania), en 1927Las moduladas se tratan también de letras de palo seco que conservan un contraste grueso fino que es tradicional en las romanas En las mayúsculas, la letra romana lleva al máximo el contraste entre los trazos. En
Las mayúsculas son el retorno a las antiguas formas fenicias, griegas e incluso etruscas. Las minúsculas recurren a la línea recta y al circulo, unidos en toda clase de posiciones. Las cursivas son de hecho las mismas formas, pero inclinadas.Connotan el modernismo, la
Las mayúsculas son el retorno a las antiguas formas fenicias, griegas e incluso etruscas. Las minúsculas recurren a la línea recta y al circulo, unidos en toda clase de posiciones. Las cursivas son de hecho las mismas formas,
se debe evitar generar
lineas grises muy
extensas que resultan
dificultosas de leer,
como así también
grises cortos con
caracteres muy altos
cuerpo 08carateres 62
cuerpo 16carateres 62
diagramación
recorrido
color
equilibrio
coherencia
connotación
fuentes
pag. dieciséis
DIAGRAMACION EN EL PLANO
presencia necesaria de un hilo conductor
infografia y panel
diagramación
recorrido
color
equilibrio
fuentes
connotación
coherencia elemento vinculante que permita una unión visual entre paneles
Debe existir un , un que permita lograr una vinculación visual. Es decir un
(un linea de tiempo, un figura de fondo, o una adecuada diagramación) que funcione como vinculo cuando los paneles son aproximados (cuando todos los paneles están juntos se debe leer como un todo visual), pero a su ves dicho elemento debe permitir que cada panel funcione individualmente
elemento fuertemente visible hilo conductorelemento
gráfico
Elemento vinculante entre paneles
1>
2>
3>
uso de una misma tipografía (egipcia) en el titulo, acompañada en los tres casos de un bajada de titulo.
uso de similares elementos formales (un pictograma sobre la izquierda, un subtitulo y un bajo de subtitulo)
uso de un gran imagen central, en movimiento y bien identificable.
4>
5>
6>
7>
uso de una diagramación formal, constituida por tres campos, o zonas de trabajo.
los cuatros paneles presentan un mismo recorrido de lectura
cada panel funciona tanto de manera grupal como individual.
la situaciones de uso y el lugar de ejercicio se diferencia claramente en los cuatro casos.
1 2
3
pag. diecisiete
DIAGRAMACION EN EL PLANO
presente | pasado | futuro
infografia y panel
diagramación
recorrido
color
equilibrio
fuentes
coherencia
connotación
Todo plano de trabajo se puede separar en tres partes horizontales y en tres parte verticales. Esta separación tiene un único objeto connotar, simbolizar una idea. El plano bidimensional se divide en pasado, presente y futuro, en una lectura que barre de izquierda a derecha.
pasado presente fururo
¿que se quiere connotar?¿que se quiere denotar o demostrar?¿de donde se viene y hacia donde se va?
pag. dieciocho
DIAGRAMACION EN EL PLANO
presente | pasado | futuro
infografia y panel
diagramación
recorrido
color
equilibrio
fuentes
coherencia
connotación
De la misma manera se divide en pasado, presente y futuro, con una lectura que barre de arriba hacia abajo.
pasa
do
pre
sente
furu
ro
¿que se quiere connotar?
¿que se quiere denotar o
demostrar?
¿de donde se viene y
hacia donde se va?
pag. diecinueve