SlideShare una empresa de Scribd logo
1 de 61
Profesora:  María Fabiola Alvarado Pinedo
RETÍCULAS MAQUETACIÓN, COMPOSICIÓN DE PÁGINA, COMPAGINACIÓN, SON DIFERENTES TÉRMINOS QUE SE USAN PARA REFERIRSE A UNA MISMA COSA:   LA MANERA DE OCUPAR EL ESPACIO DEL PLANO MENSURABLE QUE ES LA PÁGINA .
La Retícula es un instrumento esencial para cualquier diseño. Es un recurso compositivo que podrá influir interesantes decisiones. El espacio de diseño (hoja en blanco) podría compararse con una habitación vacía, pero en un  plano bidimensional. La disposición de los elementos dentro de estructuras que la sostengan crearan composiciones nuevas y originales.
La Retícula es un instrumento esencial para cualquier diseño. Es un recurso compositivo que podrá influir interesantes decisiones. El espacio de diseño (hoja en blanco) podría compararse con una habitación vacía, pero en un  plano bidimensional. La disposición de los elementos dentro de estructuras que la sostengan crearan composiciones nuevas y originales.
 
 
RETÍCULAS EJEMPLOS EN INFOGRAFÍAS
El número de módulos por página dependerá de los objetivos de diseño y sobre todo del número y tamaño de fotografías o imágenes que deseemos emplazar. En las ilustraciones podemos ver diversos ejemplos de retículas divididas en módulos.
El número de módulos por página dependerá de los objetivos de diseño y sobre todo del número y tamaño de fotografías o imágenes que deseemos emplazar. En las ilustraciones podemos ver diversos ejemplos de retículas divididas en módulos.
Lo que hay que comprender bien es que la retícula condiciona decisivamente el resultado final, por lo que antes de empezar un proyecto de diseño se deben realizar diversas pruebas de retículas, experimentar con los elementos gráficos y plantearse una composición esquemática de lo que se quiere conseguir.
Lo que hay que comprender bien es que la retícula condiciona decisivamente el resultado final, por lo que antes de empezar un proyecto de diseño se deben realizar diversas pruebas de retículas, experimentar con los elementos gráficos y plantearse una composición esquemática de lo que se quiere conseguir.
Lo que hay que comprender bien es que la retícula condiciona decisivamente el resultado final, por lo que antes de empezar un proyecto de diseño se deben realizar diversas pruebas de retículas, experimentar con los elementos gráficos y plantearse una composición esquemática de lo que se quiere conseguir.
 
 
 
MAQUETACIÓN DEL TEXTO NIVELES DE LECTURA EL DISEÑO DE LA RETÍCULA BASE
Recorrido visual y preferencias   Dado que en el espacio de trabajo la mayor importancia visual la van a tener las imágenes, su colocación en el formato es muy importante y debe cuidarse al máximo. Su ubicación y disposición condicionará el orden de lectura, el recorrido visual y la atención del lector. 
La  preferencia de la visión  por determinadas áreas o zonas de una página, y se ha llegado a marcar convencionalmente un  recorrido visual en Z , desde el ángulo superior izquierdo (de entrada) hasta el opuesto inferior derecho (de salida), en cierta manera condicionado por el sentido de la escritura y lectura de los textos, en las culturas occidentales.
 
 
 
 
 
 
 
 
 
 
 
 
 
Títulos y textos Se debe buscar un equilibrio visual agradable entre la posición, la forma y peso del título y el aire general del texto insinuado .
Desde antes de la era Gutenberg, creador de los caracteres móviles y precursor de la imprenta, existía la conciencia de diseño y equilibrio en la composición de manuscritos, en los que se procuraba que cada carácter dibujado tuviera una medida concreta y estandarizada, así como que los márgenes alrededor del texto fueran uniformes.
Subtítulos La inclusión natural de subtítulos, puede utilizarse para dar variedad al conjunto. Hay que estudiar con cuidado el peso de estos elementos y probarlos dentro de la retícula.
 
Subtítulos Puede utilizar estos ejercicios con diferentes espesores de línea, manténgase dentro de las líneas guías de la retícula
Títulos, Textos e imágenes  El diseño de una composición incluye en una mayoría de casos el uso de algún tipo de imagen, gráfico o fotografía.
 
Las imágenes ayudan y permiten romper las restricciones impuestas por la retícula y las rigideces formales creadas por los elementos tipográficos. Las imágenes pueden usarse de manera más flexible y visualmente estimulante.
 
Se puede con ellas atravesar las columnas, ocupar el espacio de más de una columna e, incluso, superar los límites de la retícula. Tampoco existen restricciones en la elección del tamaño de la imagen que, si es necesario, puede extenderse a lo ancho de dos páginas. Puede ser mono-tono, bi-tono o a todo color, produciéndose así interesantes variaciones visuales.
La disposición de las imágenes en la retícula no se realiza de una manera aleatoria; muy al contrario: la división vertical en columnas y horizontal formando módulos o campos, es la referencia que permitirá evitar el caos y mantener equilibrado el conjunto, de tal manera que el tamaño y posición de las imágenes se dispongan y dimensionen en función de los espacios definidos en la retícula.
 
 
Evolución de ideas
Aquí se muestra la retícula real usada para el anuncio mural de Monotype, las columnas no tiene la anchura constante a lo largo del dibujo.
 
RETÍCULAS AHORA DETECTA LAS RETÍCULAS QUE SOSTIENEN ESTAS INFOGRAFÍAS
 
 
 
 
 
 
 
 
 
 
 
 
Profesora:  María Fabiola Alvarado Pinedo

Más contenido relacionado

La actualidad más candente

Presentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusPresentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusariandrea
 
Teoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del DiseñoTeoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del DiseñoLuis Frias
 
Recursos visuales: balance, movimiento, ritmo, volumen, escala.
Recursos visuales: balance, movimiento, ritmo, volumen, escala.Recursos visuales: balance, movimiento, ritmo, volumen, escala.
Recursos visuales: balance, movimiento, ritmo, volumen, escala.Eva Avila
 
Características de un Original Digital
Características de un Original DigitalCaracterísticas de un Original Digital
Características de un Original Digitalproducciongraficaunsl
 
Elementos básicos de las imágenes: La línea
Elementos básicos de las imágenes: La líneaElementos básicos de las imágenes: La línea
Elementos básicos de las imágenes: La líneaPaco Contreras
 
Resumen libro Wucius Wong
Resumen libro Wucius WongResumen libro Wucius Wong
Resumen libro Wucius Wongcarmensenande
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.Monica Pelaez
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
Dipolos, estrategias visuales de composición
Dipolos, estrategias visuales de composiciónDipolos, estrategias visuales de composición
Dipolos, estrategias visuales de composicióncontinentalmink7
 
Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fernando Flor
 
Definicion de imagen
Definicion de imagenDefinicion de imagen
Definicion de imagenYenny López
 

La actualidad más candente (20)

Presentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusPresentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wucius
 
Teoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del DiseñoTeoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del Diseño
 
Las reticulas
Las reticulasLas reticulas
Las reticulas
 
Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius WongFundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Recursos visuales: balance, movimiento, ritmo, volumen, escala.
Recursos visuales: balance, movimiento, ritmo, volumen, escala.Recursos visuales: balance, movimiento, ritmo, volumen, escala.
Recursos visuales: balance, movimiento, ritmo, volumen, escala.
 
Características de un Original Digital
Características de un Original DigitalCaracterísticas de un Original Digital
Características de un Original Digital
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Elementos básicos de las imágenes: La línea
Elementos básicos de las imágenes: La líneaElementos básicos de las imágenes: La línea
Elementos básicos de las imágenes: La línea
 
Resumen libro Wucius Wong
Resumen libro Wucius WongResumen libro Wucius Wong
Resumen libro Wucius Wong
 
Connotativo y denotativo de la imagen
Connotativo y denotativo de la imagenConnotativo y denotativo de la imagen
Connotativo y denotativo de la imagen
 
Semana 14 recorrido visual
Semana 14   recorrido visualSemana 14   recorrido visual
Semana 14 recorrido visual
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Dipolos, estrategias visuales de composición
Dipolos, estrategias visuales de composiciónDipolos, estrategias visuales de composición
Dipolos, estrategias visuales de composición
 
Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fundamentos del diseño W.W.
Fundamentos del diseño W.W.
 
Definicion de imagen
Definicion de imagenDefinicion de imagen
Definicion de imagen
 
Clase 4 TipografíA
Clase 4 TipografíAClase 4 TipografíA
Clase 4 TipografíA
 
Induccion perspectiva
Induccion perspectivaInduccion perspectiva
Induccion perspectiva
 

Similar a Infografía, uso de retícula

Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavidDavid Correa
 
Taller n°1
Taller n°1Taller n°1
Taller n°1Cals89
 
Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1Fai06
 
Tecnologia(wucios wong)
Tecnologia(wucios wong)Tecnologia(wucios wong)
Tecnologia(wucios wong)16253637
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorialluiart
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicosAdrianagz
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetaciónDavid Espinosa
 
Factores de influencia en el diseño grafico
Factores de influencia en el diseño graficoFactores de influencia en el diseño grafico
Factores de influencia en el diseño graficoMariaBelenG6
 
Diagramación y composición act 2.1
Diagramación y composición act 2.1Diagramación y composición act 2.1
Diagramación y composición act 2.1Wvivi Martinez
 
Representacion de paneles arquitectonicas
Representacion de paneles arquitectonicasRepresentacion de paneles arquitectonicas
Representacion de paneles arquitectonicasArq. Juan Manuel Yapur
 
El folleto
El folletoEl folleto
El folletoMash169
 
Taller n°1
Taller n°1Taller n°1
Taller n°1Cals89
 
Taller 1 diagrama
Taller 1 diagramaTaller 1 diagrama
Taller 1 diagramaJose Ruiz
 

Similar a Infografía, uso de retícula (20)

Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 
Presentation1
Presentation1Presentation1
Presentation1
 
Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1
 
Tecnologia(wucios wong)
Tecnologia(wucios wong)Tecnologia(wucios wong)
Tecnologia(wucios wong)
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorial
 
T1.giomara y stalin
T1.giomara y stalinT1.giomara y stalin
T1.giomara y stalin
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 
Factores de influencia en el diseño grafico
Factores de influencia en el diseño graficoFactores de influencia en el diseño grafico
Factores de influencia en el diseño grafico
 
Manual de impacto visual
Manual de impacto visualManual de impacto visual
Manual de impacto visual
 
Diagramación y composición act 2.1
Diagramación y composición act 2.1Diagramación y composición act 2.1
Diagramación y composición act 2.1
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Representacion de paneles arquitectonicas
Representacion de paneles arquitectonicasRepresentacion de paneles arquitectonicas
Representacion de paneles arquitectonicas
 
El folleto
El folletoEl folleto
El folleto
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 
Taller 1 diagrama
Taller 1 diagramaTaller 1 diagrama
Taller 1 diagrama
 
Maquetacion1
Maquetacion1Maquetacion1
Maquetacion1
 

Más de Maria Fabiola Alvarado Pinedo

Educación, ciencia y tecnología clase 3-Saberes y poderes
Educación, ciencia y tecnología clase 3-Saberes y poderesEducación, ciencia y tecnología clase 3-Saberes y poderes
Educación, ciencia y tecnología clase 3-Saberes y poderesMaria Fabiola Alvarado Pinedo
 
Clase 5 Nuevas Tecnologías en el Contexto Educativo, nivel 2
Clase 5 Nuevas Tecnologías en el Contexto Educativo, nivel 2Clase 5 Nuevas Tecnologías en el Contexto Educativo, nivel 2
Clase 5 Nuevas Tecnologías en el Contexto Educativo, nivel 2Maria Fabiola Alvarado Pinedo
 
El lenguaje visual implicancias en distintas disciplinas
El lenguaje visual implicancias en distintas disciplinasEl lenguaje visual implicancias en distintas disciplinas
El lenguaje visual implicancias en distintas disciplinasMaria Fabiola Alvarado Pinedo
 

Más de Maria Fabiola Alvarado Pinedo (20)

Imagen corporativa
Imagen corporativaImagen corporativa
Imagen corporativa
 
Folletos y afiches
Folletos y afichesFolletos y afiches
Folletos y afiches
 
Educación, ciencia y tecnología clase encuentro4
Educación, ciencia y tecnología clase encuentro4Educación, ciencia y tecnología clase encuentro4
Educación, ciencia y tecnología clase encuentro4
 
Educación, Ciencia y Tecnología. Encuentro 3
 Educación, Ciencia y Tecnología. Encuentro 3 Educación, Ciencia y Tecnología. Encuentro 3
Educación, Ciencia y Tecnología. Encuentro 3
 
Educación, ciencia y tecnología clase 3-Saberes y poderes
Educación, ciencia y tecnología clase 3-Saberes y poderesEducación, ciencia y tecnología clase 3-Saberes y poderes
Educación, ciencia y tecnología clase 3-Saberes y poderes
 
Programa alumnos e_cy_t
Programa alumnos e_cy_tPrograma alumnos e_cy_t
Programa alumnos e_cy_t
 
Educación, ciencia y tecnología2-La tecnología
Educación, ciencia y tecnología2-La tecnologíaEducación, ciencia y tecnología2-La tecnología
Educación, ciencia y tecnología2-La tecnología
 
Encuentro 1
Encuentro 1Encuentro 1
Encuentro 1
 
Plastica visual programa1 c_alvarado pinedo
Plastica visual programa1 c_alvarado pinedoPlastica visual programa1 c_alvarado pinedo
Plastica visual programa1 c_alvarado pinedo
 
Oei guia concurso_guiones_cine
Oei guia concurso_guiones_cineOei guia concurso_guiones_cine
Oei guia concurso_guiones_cine
 
Clase 5 Nuevas Tecnologías en el Contexto Educativo, nivel 2
Clase 5 Nuevas Tecnologías en el Contexto Educativo, nivel 2Clase 5 Nuevas Tecnologías en el Contexto Educativo, nivel 2
Clase 5 Nuevas Tecnologías en el Contexto Educativo, nivel 2
 
Consignas3
Consignas3Consignas3
Consignas3
 
Plataformas y programas
Plataformas y programasPlataformas y programas
Plataformas y programas
 
Metodología del Diseño
Metodología del DiseñoMetodología del Diseño
Metodología del Diseño
 
El lenguaje visual implicancias en distintas disciplinas
El lenguaje visual implicancias en distintas disciplinasEl lenguaje visual implicancias en distintas disciplinas
El lenguaje visual implicancias en distintas disciplinas
 
Tutorial de Glogster y Padlet para compartir
Tutorial de Glogster y Padlet para compartirTutorial de Glogster y Padlet para compartir
Tutorial de Glogster y Padlet para compartir
 
Compartir infografías en una wiki
Compartir infografías en una wikiCompartir infografías en una wiki
Compartir infografías en una wiki
 
Compartir infografías desde una wiki
Compartir infografías desde una wikiCompartir infografías desde una wiki
Compartir infografías desde una wiki
 
Para compartir los mapas conceptuales
Para compartir los mapas conceptualesPara compartir los mapas conceptuales
Para compartir los mapas conceptuales
 
Descargar cmap tools
Descargar cmap toolsDescargar cmap tools
Descargar cmap tools
 

Infografía, uso de retícula

  • 1. Profesora: María Fabiola Alvarado Pinedo
  • 2. RETÍCULAS MAQUETACIÓN, COMPOSICIÓN DE PÁGINA, COMPAGINACIÓN, SON DIFERENTES TÉRMINOS QUE SE USAN PARA REFERIRSE A UNA MISMA COSA: LA MANERA DE OCUPAR EL ESPACIO DEL PLANO MENSURABLE QUE ES LA PÁGINA .
  • 3. La Retícula es un instrumento esencial para cualquier diseño. Es un recurso compositivo que podrá influir interesantes decisiones. El espacio de diseño (hoja en blanco) podría compararse con una habitación vacía, pero en un plano bidimensional. La disposición de los elementos dentro de estructuras que la sostengan crearan composiciones nuevas y originales.
  • 4. La Retícula es un instrumento esencial para cualquier diseño. Es un recurso compositivo que podrá influir interesantes decisiones. El espacio de diseño (hoja en blanco) podría compararse con una habitación vacía, pero en un plano bidimensional. La disposición de los elementos dentro de estructuras que la sostengan crearan composiciones nuevas y originales.
  • 5.  
  • 6.  
  • 7. RETÍCULAS EJEMPLOS EN INFOGRAFÍAS
  • 8. El número de módulos por página dependerá de los objetivos de diseño y sobre todo del número y tamaño de fotografías o imágenes que deseemos emplazar. En las ilustraciones podemos ver diversos ejemplos de retículas divididas en módulos.
  • 9. El número de módulos por página dependerá de los objetivos de diseño y sobre todo del número y tamaño de fotografías o imágenes que deseemos emplazar. En las ilustraciones podemos ver diversos ejemplos de retículas divididas en módulos.
  • 10. Lo que hay que comprender bien es que la retícula condiciona decisivamente el resultado final, por lo que antes de empezar un proyecto de diseño se deben realizar diversas pruebas de retículas, experimentar con los elementos gráficos y plantearse una composición esquemática de lo que se quiere conseguir.
  • 11. Lo que hay que comprender bien es que la retícula condiciona decisivamente el resultado final, por lo que antes de empezar un proyecto de diseño se deben realizar diversas pruebas de retículas, experimentar con los elementos gráficos y plantearse una composición esquemática de lo que se quiere conseguir.
  • 12. Lo que hay que comprender bien es que la retícula condiciona decisivamente el resultado final, por lo que antes de empezar un proyecto de diseño se deben realizar diversas pruebas de retículas, experimentar con los elementos gráficos y plantearse una composición esquemática de lo que se quiere conseguir.
  • 13.  
  • 14.  
  • 15.  
  • 16. MAQUETACIÓN DEL TEXTO NIVELES DE LECTURA EL DISEÑO DE LA RETÍCULA BASE
  • 17. Recorrido visual y preferencias   Dado que en el espacio de trabajo la mayor importancia visual la van a tener las imágenes, su colocación en el formato es muy importante y debe cuidarse al máximo. Su ubicación y disposición condicionará el orden de lectura, el recorrido visual y la atención del lector. 
  • 18. La preferencia de la visión por determinadas áreas o zonas de una página, y se ha llegado a marcar convencionalmente un recorrido visual en Z , desde el ángulo superior izquierdo (de entrada) hasta el opuesto inferior derecho (de salida), en cierta manera condicionado por el sentido de la escritura y lectura de los textos, en las culturas occidentales.
  • 19.  
  • 20.  
  • 21.  
  • 22.  
  • 23.  
  • 24.  
  • 25.  
  • 26.  
  • 27.  
  • 28.  
  • 29.  
  • 30.  
  • 31.  
  • 32. Títulos y textos Se debe buscar un equilibrio visual agradable entre la posición, la forma y peso del título y el aire general del texto insinuado .
  • 33. Desde antes de la era Gutenberg, creador de los caracteres móviles y precursor de la imprenta, existía la conciencia de diseño y equilibrio en la composición de manuscritos, en los que se procuraba que cada carácter dibujado tuviera una medida concreta y estandarizada, así como que los márgenes alrededor del texto fueran uniformes.
  • 34. Subtítulos La inclusión natural de subtítulos, puede utilizarse para dar variedad al conjunto. Hay que estudiar con cuidado el peso de estos elementos y probarlos dentro de la retícula.
  • 35.  
  • 36. Subtítulos Puede utilizar estos ejercicios con diferentes espesores de línea, manténgase dentro de las líneas guías de la retícula
  • 37. Títulos, Textos e imágenes El diseño de una composición incluye en una mayoría de casos el uso de algún tipo de imagen, gráfico o fotografía.
  • 38.  
  • 39. Las imágenes ayudan y permiten romper las restricciones impuestas por la retícula y las rigideces formales creadas por los elementos tipográficos. Las imágenes pueden usarse de manera más flexible y visualmente estimulante.
  • 40.  
  • 41. Se puede con ellas atravesar las columnas, ocupar el espacio de más de una columna e, incluso, superar los límites de la retícula. Tampoco existen restricciones en la elección del tamaño de la imagen que, si es necesario, puede extenderse a lo ancho de dos páginas. Puede ser mono-tono, bi-tono o a todo color, produciéndose así interesantes variaciones visuales.
  • 42. La disposición de las imágenes en la retícula no se realiza de una manera aleatoria; muy al contrario: la división vertical en columnas y horizontal formando módulos o campos, es la referencia que permitirá evitar el caos y mantener equilibrado el conjunto, de tal manera que el tamaño y posición de las imágenes se dispongan y dimensionen en función de los espacios definidos en la retícula.
  • 43.  
  • 44.  
  • 46. Aquí se muestra la retícula real usada para el anuncio mural de Monotype, las columnas no tiene la anchura constante a lo largo del dibujo.
  • 47.  
  • 48. RETÍCULAS AHORA DETECTA LAS RETÍCULAS QUE SOSTIENEN ESTAS INFOGRAFÍAS
  • 49.  
  • 50.  
  • 51.  
  • 52.  
  • 53.  
  • 54.  
  • 55.  
  • 56.  
  • 57.  
  • 58.  
  • 59.  
  • 60.  
  • 61. Profesora: María Fabiola Alvarado Pinedo