2. Objetivos:
Reconocer desde cuando se usan los campos
reticulares y la aplicación de estos en el presente.
Identificar la aplicabilidad de las retículas y los
elementos más usados en la diagramación.
Diseñar comunicaciones visuales utilizando los
campos reticulares.
6. “Ojo y cerebro en coordinación
imponen al flujo permanente de
estímulos luminosos del entono,
estructuras organizadoras”.
(Costa J., 1998)
(Robert Fludd, 1617–24)
7.
8. (Noche estrellada, Van Gogh)
(Anunciación, Martini Simone)
((((((((((((((((((((MMMMMMMMMMMMMMMMMMMMMMuuuuuuuuuuuuuuuuuuurrrrrrrrrrrrrrrrrraaaaaaaaaaaaaaaaallllllllllllll MMMMMMMMMMMMMMMMMMMMMoooooooooooooooocccccccccccccchhhhhhhhhhheee,, PPPPPPeerrrrrrrrrúúúúúúúúúúúúúú))))))))))))))))
(La Cueva de Lascaux, España) (Arbol de la vida, Sumerios)
((((((((((((((((((MMMMMMMMMMMMMMMMMMMMMMMuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuurrrrrrrrrrrrrrrrrrrrrrrraaaaaaaaaaaaaaaaaaaaaaallllllllllllllllleeeeeeeeeeeeeeeeeeeeeeeeesssssssssssssssssssssss dddddddddddddddddddddddddddddddddddddeeeeeeeeeeeeeeeeeeeeeee BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBooooooooooooooooooooooooooooooooooooooonnnnnnnnnnnnnnnnnnnnnnnnnnnaaaaaaaaaaaaaaaaaaaaaaaaaaaaammmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmppppppppppppppppppppppppppppppppppaaaaaaaaaaaaaaaaaaaaaaaaakkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk,,,,,,, MMMMMMMMMMMMMMMéééééééééééééééééééééééééééxxxxxxxxxxxxxiiiiiiiiiiccccccccccooooooo)))))))))
((((((((((((((((((((((((((((((((((((((((((((((((RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaammmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmssssssssssseeeeeeeeeeeeeeessssssss IIIIIII yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy llllllllllllllllllllllloooooooooooooooooooooooooooooooooooooooooooooooooooooooooosssssssssssssssssssssssss dddddddddddddiiiiiiiiiiiiiiiiiiiiiiiioooooooooooooooooooooooooooooooooooooosssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeeessssssss dddddddddddddddddddddddddddddddddddddddddddeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeellllllllllllllllllllllllll iiiiiiiiiiiiiiiiiiiiiiiinnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnfffffffffffffffffffffffffffffffffffffffffffffrrrrrrrrrrrrrrrrrrraaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaammmmmmmmmmmmmmmuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuunnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnddddddddddddddddddddddddddddddddddddddddddooooooooooooooooooooooooooooooo
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEgggggggggggggggggggggggggiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiipppppppppppppppppppppppttttttttttttttttttttttttttttttttttttttttttoooooooooooooooooooooooooooooo))))))))))))))))))))))))))))))))))
((((EEEmmmmmppppeeerrrrrrrrrrrrrrrrrrrrrrrrrrrrrraaaaaaaaaaaaaaaaaaaaaaaaaaaaaaadddddddddddddddddddddddddddddddddddddddddddddooooooooooooooooooooooooooooooooooooooooorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu--DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDiiiiiiiiiiiiiiii,,,,,,, CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCChhhhhhhhhhhhhhhhhhhhhhhhhhhhhhiiiiiiiiiiiiiiiiiiiiiiiiiiiinnnnnnnnnaaaaaaa))))))))
(((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiioooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVViiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiisssssssssssssssssssssssssssssssssssssssssssssssssssssssssssshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIInnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnndddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
17. 1436 -Tratado de la pintura, Leone Battista Alberti.
1490 - Libro: De divina proportione. Fraile Pacioli Luca,
ilustrado por DaVinci Leonardo.
18. • “Hasta Gutenberg, la arquitectura es la
escritura principal, la escritura universal.” (HugoV.,
op cit. )
• “ En el siglo xv todo cambia, el pensamiento
humano descubre un medio de perpetuarse
no solamente más duradero y más resistente
que la arquitectura, sino también más sencillo y
fácil.” (HugoV., op cit. )
(Satué E., El diseño gráfico desde los orígenes hasta nuestros días,1988,Alianza Editorial, Madrid, España)
Siglo XV
20. (Biblia húngara, Kis, N, 1685)(Teatro de los Instrumentos, Besson, D, 1582)
Siglo XVI Siglo XVII
Xilografía
21. (The works of Geoffrey Chaucer, Chauser G. Diagramación de Morris W., 1894)
Siglo XIX
- Ilustraciones, titulares e iniciales, se
integran por primera vez en
relaciones de tamaño y la
diagramación aparece con una
estructura general.(SamaraT., 2006)
Arts & Crafts
Modernismo
22. Siglo XX
(La celebración de la vida, Diagramación por Behrens Peter, 1900,Alemania)
El racionalismo
-Se considera primer libro con
tipografía sin remates.
-Se establecen cimientos de la
retícula tipografía sin remate. (SamaraT.,
2006)
23. Siglo XX El nuevo orden
Bauhaus
(The Isms of arts, EL Lissitzky and Hans Arp, 1925)
-Pese a que Lissitzky previamente ya
había experimentado con textos y
gráficos For the Voice (1923) y The
Story of Two Squares (1922) jugando
con asimetrías;
-El libro The Isms of arts marca un
antes y un después en el uso de
campos reticulares. (SamaraT., 2006)
24. Siglo XX
(Folleto “Tipografía Elemental”, Tschichold Jan, 1925,Alemania)
1927 estandarización de formatos DIN
Refugio Suiza
-Nuevos conocimientos de uso de
retícula y composiciónes asimétricas
llamaron el interés de impresores y
tipógrafos alemanes gracias a
propuesta de JanTschichold. (SamaraT.,
2006)
Parte de colección de informativosTypographische mitteilungen
25. Jan Tschichold
Realiza un gran aporte a la internacionalización el uso de la retículas.
Siglo XX
La búsqueda del canon de oro y propuestas para su construcción fueron desarrollados por también por
Raúl Rosarivo, Richard Hendel, John Man
26. 50’s
Parte de colección revistas “Nuevo nuevo diseño gráfico” Zurich
-Müller-Brokman J. entre otros
trabajaron en la difusión del estilo
internacional como editores de la
revista Neue Grafik .(SamaraT., 2006)
Búsqueda de expresión visual universal
27. 60’s
-Müller-Brokman J. Publica su
segundo libro ofreciendo una guía
para la construcción de campos
reticulares y guías para la
distribución de la mancha tipográfica.
(SamaraT., 2006)
28. 70’s y 80’s
-Se estandariza en uso de campos reticules en gran parte del mundo
occidental siendo utilizadas hasta la actualidad en el siglo XXI. (SamaraT., 2006)
29. LAS RETÍCULAS; LA BASE DEL
DISEÑO GRÁFICO
¿Cómo se hacen y cuando utilizarlas?
Unidad 2.1
30. • Taller: Detengamos un tiempo a pensar en
¿cómo sería el mundo sin retículas?
• Flyer (Volante),Adhesivos en el vehículo, revistas, vallas,TV. , etc.
31. Ecuador 2014 Ecuador 2012 Ecuador 2008
Ecuador 2012 Ecuador 2010
Ecuador
Siglo XXI
32. ¿POR QUÉ SE DA ESTO A INICIOS DEL
SIGLO XX1 EN ECUADOR?
¿CÓMO PODEMOS APORTAR PARA
QUE ESTO CAMBIE?.
33. • Aplicar el pensamiento visual (Recordar siempre la forma en
que la mayoría de las personas procesa la información visual en especial
nuestro grupo objetivo. (Unidad 01))
• Aplicar retículas (Nos ayudan tener una estructura base para luego
plasmar el recorrido visual que queremos plantear)
• Tener siempre claro el ¿QUÉ? quiero comunicar.
(Concepto. No podremos definir el ¿qué?, si no conocemos bien problema)
• Definir el ¿Cómo? queremos transmitir el mensaje.
(Definir formatos y maneras de llegar acorde al cliente.
• Desarrollo de la propuesta
35. • ¿Por qué decimos que cada diseño es una
resolución de problemas?
• ¿Por qué la evolución de la estructura reticular
refleja la evolución del hombre?
• ¿Puede usted parafrasear las siguientes frases?
36. “Cualquier diseño implica la resolución de una serie de
problemas tanto a nivel visual como a nivel
organizativo.”(SamaraT. 2002)
“La historia de la retícula ha formado parte de una
evolución en la forma de pensar de los diseñadores
gráficos en relación al proceso de diseño…”(SamaraT. 2002)
“ Un diseño constructivo, susceptible de análisis e
inteligible, puede influir y elevar el nivel de gusto de la
sociedad y el modo en que esta concibe las formas y los
colores” (Müller J., 2012)
37. Una retícula aporta al uso de un orden sistematizado.
Que distingue los diversos tipos de
información.
Facilitando la navegación
del usuario.
(SamaraT. 2002)
38. Margen
Partes de una retícula
Módulos
Zonas espaciales
Líneas de flujo
(SamaraT., 2002)
39. Retículas de manuscrito
- Acoge a textos largos y continuos.
- Al usarla es importante crear un
interés visual y comodidad al ojo.
- El ajuste de los márgenes ayuda
en el interés visual.
40. Retículas de columnas
- Pude disponerse en columnas
verticales.
- Pueden ser independientes si se
trata de pequeños bloques
- Pueden cruzarse si se tratan de
columnas anchas
- Es flexible, se puede separar
diferentes tipos de información.
41. Retículas modular
- Ofrecen un mayor grado de
control.
- Cada modulo define una pequeña
porción de espacio.
- Poseen una gran posibilidad de
distribución.
42. Retículas jerárquica
- Pude disponerse en columnas
verticales.
- Pueden ser independientes si se
trata de pequeños bloques
- Pueden cruzarse si se tratan de
columnas anchas
- Es flexible, se puede separar
diferentes tipos de información.
43. Gerstner, K., 1964. Designing programmes. In: H.Armstrong, ed. 2009. Graphic DesignTheory, reading from the
field. NewYork: Princeton Architectural Press, pp.58-61.
Gerstner, K., 1968. Designing programmes, four essays and an introduction. 1st ed. London:Tiranti.
Meggs, P.B., 2006. Meggs’ history of graphic design. Chichester: John Wiley.
Rosarivo, Raúl M., Divina proporción tipográfica, La Plata,Argentina (1953). Previous editions: 1948 and 1947
Tschichold, Jan (1991).The form of the book: essays on the morality of good design. Point Roberts,WA: Hartley &
Marks. ISBN 0-88179-116-4.
Bibliografía
44. • ¿Cuál es la idea principal cada una de los textos sobre los
campos reticulares?
• Mencione 5 característica de cada uno de los campos reticulares.
• ¿Qué es un cícero?
• ¿Por qué el autor solo hace tres propuestas de campos
reticulares?
• ¿En qué circunstancias recomendaría usted usar cada uno de los
campos reticulares?
• ¿Por qué la utilidad de los campos reticulares se extiende más allá
del papel o pantalla?
45. • Lea el siguiente artículo, saque la tesis y los
argumentos, luego distribuya la información
considerando gráficos dentro de los campos
entregados en la parte de atrás de su hoja.
46. – Mario García, 2002
“Los diseñadores que respetan las palabras ganan el
respeto de los editores con los cuales trabajan”
47. La gente quiere seguir consumiendo buenas historias. Hay
múltiples pruebas de ello. El último ejemplo de ello es la
Revista5W, fundada por un grupo de periodistas españoles y
enfocada en la información internacional.
48. La gente quiere seguir consumiendo buenas
historias. Hay múltiples pruebas de ello. El
último ejemplo de ello es la Revista5W,
fundada por un grupo de periodistas
españoles y enfocada en la información
internacional.
49. COMPLEMENTOS
AUDIOVISUALES
• La proporción Áurea, RedesTVE2, 2005
• DocumentalThe Code, BBCTwo, 2011
Preguntas a contestar luego del video:
1. ¿Cómo el entendimiento de “el código” sirvió para
desarrollar películas?
2. ¿Por qué el conocer sobre los campos reticulares usados
por la naturaleza aportan a nuestro conocimiento?
50. CONSTRUYENDO LA
MANCHATIPOGRAFICA
• El espacio entre letras y palabras
es crucial para una mancha
tipográfica uniforme libre de
distracciones para el lector.
• Cada familia tipográfica tiene
interlineados y entre letrados que
se adaptan a sus características.
• La distancia promedio entreTexto
y lector 30 a 35cm. (Müller J., 1981)
• El tamaño de los caracteres si
cuenta. (Müller J., 1981)
(SamaraT., 2014)
51. • La letras pueden variar por su:
• Cajabaja y cajaalta Ag
• Peso y contraste A A A A A
• Ancho
• Postura
• Estilo Con Serifa, Sin Serifa y Gráficos
DIAGRAMANDO CON
VARIACIONESVISUALES
(SamaraT., 2014)
54. • Siempre considere las palabras claves.
• Apéguese a los adjetivos.
• Encuentre las frases descriptivas o puntos de vista.
• Considere el tono de las palabras.
• Busque familias tipográficas extensas que permitan
contraste.
PARA COMPONER CON TIPOGRAFÍAS
(García M., 2002)
55.
56.
57. PLANTEAMIENTO DE LAS
COLUMNAS
• El ancho del párrafo depende del peso y tamaño de una tipografía.
(SamaraT., 2014)
• Una forma empírica de asignar la anchura aconseja el colocar entre 7
a 10 palabras por linea. (Müller J., 1981) 8 y 12 palabras por linea (SamaraT.,
2014)
• La formula de interlineado para una mejor lectura es de: TF +2pt
(Müller J., 1981)
• Las columnas muy anchas o muy cortas dificultan la lectura y cansan al
ojo . (Müller J., 1981)
58.
59.
60. • ¿Qué es mejor que una alineación a la derecha,
centrada o a la izquierda? ¿Por qué?
62. OBJETIVOS DE LA UNIDAD
• Comprender el por qué y los tipos de
deconstrucción de los campos reticulares.
• Analizar la aplicabilidad de la deconstrucción de
los campos reticulares.
• Experimentar con los campos reticulares y la
reconstrucción de los mismos.
66. • “…,el propósito de deconstruir es desmontar
un espacio racionalmente estructurado de
modo que se obligue a los elementos que se
encuentran en él a establecer nuevas
relaciones entre sí…”(SamaraT., 2002)
En el diseño de campos reticulares:
67. • Una estructura puede alterarse de infinitas
formas. (SamaraT., 2002)
• El diseñador puede experimentar recortando
zonas importantes y desplazándolas, tanto
vertical com horizontalmente. (SamaraT., 2002)
• Desmontar o desplazar los módulos o las
columnas…, puede crear una sensación de
capas dentro del espacio competitivo. (SamaraT.,
2002)
68. DECONSTRUCCIÓN
LINGUISTICA
Cuando se utilizan las pistas verbales o conceptuales dentro del
contenido para romper una estructura reticular.
“Guayaquileña bonita, palomita cuculí,
fragancia de los frutales, granito de ajonjolí,
carnecita de canela, blancor de coco al reír,
pelo de noche sin luna, mirada oscura de añil,
¡no me mires de ese modo porque me voy a morir!”
(Romero Abel)
Ejercicio 1
69.
70.
71. LA COMPOSICIÓN ÓPTICA
ESPONTÁNEA
Este método esta lejos de ser aleatorio, es la disposición
intencionadamente intuitiva de material en función de sus
aspectos formales.
72.
73.
74. ALUSIÓN CONCEPTUAL O
PICTÓRICA
Este tipo de composición consiste en derivar una idea visual del
contenido y aplicarla al formato de la página como una clase de
estructura arbitraria. Esta estructura pude ser una representación
de un tema o puede basarse en un concepto.
"La lluvia va improvisando, cortinas de agua sin fin
Y la calles enlodadas, visten un oscuro gris,
Los grillos quieren cantar a lo Ibáñez-Safadi
y en las esquinas los pacos, fautean su Piulí,
Se esta cebando el invierno con el pobre Guayaquil."
(Romero Abel)
75.
76.
77. OPERACIÓN ALEATORIA
Consiste en recurrir al azar como principio organizador, contrario
a la intuición. Esta operación debe controlarse en cierta medida.