SlideShare una empresa de Scribd logo
1 de 44
Descargar para leer sin conexión
FIDEL ROMERO
RETÍCULAS
2
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Consiste en una serie de líneas
rectas verticales y horizontales.
Una retícula subdivide la página
vertical y horizontal en márgenes,
columnas, espacios entre columnas,
líneas de texto y espacios entre
bloques de texto e imágenes.
Estas subdivisiones son la base de un
enfoque modular sistemático de la
maquetación, aplicable especialmente
a documentos de varias páginas, lo
cual acelera el proceso de diseño y
garantiza la coherencia visual de las
páginas relacionadas entre sí.
¿Qué
es una
retícula?
RETÍCULAS
3
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Cualquier diseño o diagramación
implica la resolución de una serie
de problemas tanto a nivel visual
como a nivel organizativo, imágenes
y símbolos, campos de texto, titulares,
tablas de datos: todo ello debe
reunirse con el fin de comunicar.
RETÍCULAS
4
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
5
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Las retículas pueden ser flexibles
y orgánicas, o bien rigurosas y
mecánicas.
Los beneficios que reporta trabajar
con una retícula son sencillas:
claridad,eficacia, economía y
continuidad.
El uso de retículas tiene muchas
ventajas: psicológicas, funcionales y
estéticas.
RETÍCULAS
6
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
7
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Más que nada, una retícula aporta
a la diagramación un orden
sistematizado, distinguiendo los
diversos tipos de información
y facilitando la navegación del
usuario a través del contenido.
RETÍCULAS
8
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Fragmentar la página en
partes.
Construir una retícula para un proyecto determinado
significa valorar de forma profunda el contenido
específico de dicho proyecto, en el que refiere a las
características visuales y semánticas del espacio
tipográfico.
RETÍCULAS
9
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
ANATOMÍA DE UNA RETÍCULA:
Las partes básicas de una
página.
Una retícula consiste en un conjunto determinado de
relaciones basadas en la alineación, que actúan como
guías para la distribución de los elementos en todo el
formato.
RETÍCULAS
10
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
11
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
12
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
La retícula de bloque o manuscrito es,
estructuralmente, la retícula más sencilla
que puede existir. Como su nombre implica,
su estructura de base es un área grande y
rectangular que ocupa la mayor parte de su
página.
RETICULA DE MANUSCRITO
RETÍCULAS
13
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
14
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Su tarea es acoger textos largos y
continuos, como en un libro, y se
desarrolló a partir de la traducción de
manuscritos que finalmente que finalmente
condujo a la impresión de libros.
RETÍCULAS
15
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Tiene una estructura principal – el bloque de
texto y los márgenes que definen su posición
en la página -, y una estructura secundaria,
que definen otros detalles esenciales: las
posiciones y relaciones del tamaño del
folio explicativo, los títulos de capítulo y
la numeración de las páginas, junto con un
área para las notas a pie de página, si es
necesario.
RETÍCULAS
16
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
17
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
18
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
19
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
20
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Aunque las retículas de manuscrito tradicionales
utilizan márgenes que tienen anchuras simétricas,
también puede crearse una estructura asimétrica en la
que los intervalos de márgenes sean diferentes.
Una estructura asimétrica añade espacio blanco en
el que descansar la vista o en el que colocar notas,
ilustraciones pequeños u otros elementos editoriales
que no se dan con regularidad y que, por lo tanto, en
realidad no exigen la articulación de una verdadera
columna para ellos.
RETÍCULAS
21
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
22
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
La anchura de las columnas depende del cuerpo de
letra del texto corrido. Debe encontrarse una anchura
en la que quepan tantos caracteres como resulte
cómodo leer en una única línea de tipografía de un
cuerpo determinado.
Si la columna es demasiado estrecha, probablemente
habrá demasiadas particiones de palabras, y será
difícil, conseguir una bandera uniforme.
RETICULA DE COLUMNAS
RETÍCULAS
23
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
24
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
25
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
26
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
En una retícula de columna tradicional, al
medianil entre las columnas se le da una medida
X y a los márgenes dos veces la anchura del
medianil, esto es, 2X.
Los márgenes más anchos que los medianiles
entre las columnas atraen la atención del ojo
hacia la parte interior, relajando la atención del
ojo hacia la parte interior, relajando la tensión
entre el borde de la columna y el borde del
formato.
RETÍCULAS
27
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
28
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Los proyectos de gran
complejidad requieren cierto
grado de control que va más
allá del que ofrecería una
retícula de columnas. En esta
situación, la elección más
eficaz podría ser una retícula
modular
RETICULA MODULAR
RETÍCULAS
29
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
30
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
31
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
32
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Una retícula modular es, en esencia, una retícula
de columnas con gran número de líneas de flujo
horizontales que subdividen las columnas en filas,
creando una matriz de celdas que se denominan módulos.
Cada módulo define una pequeña porción de espacio
informativo. Agrupados estos módulos definen áreas
llamadas ZONAS ESPACIALES, a las que pueden
asignárseles funciones específicas.
El grado de control dentro de la retícula depende del tamaño
de los módulos. Los módulos pequeños proporcionan mayor
flexibilidad y precisión, pero el exceso de subdivisiones
puede resultar confuso o redundante.
RETÍCULAS
33
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
34
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Las proporciones de los módulos pueden
determinarse de muchas formas. A veces, por
ejemplo, el módulo puede tener la anchura
y la longitud de un párrafo medio de texto
principal, en un cuerpo de letra determinado.
Los módulos pueden ser de proporción
vertical u horizontal, y esta decisión puede
estar vinculada al tipo de información que se
vayan a organizar.
RETÍCULAS
35
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Las retículas modulares se utilizan sobre todo
para coordinar los sistemas extensivos de
publicación.
Una retícula modular también resulta adecuada
para el diseño de información tabulada, como
cuadros, formularios programaciones o sistemas
de navegación.
RETÍCULAS
36
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Una retícula jerárquica unifica elementos
dispares, o crea una superestructura que se
opone a los elementos orgánicos situados en
un formato sencillo, como un cartel.
Una retícula jerárquica también puede utilizarse
para crear nuevas disposiciones visuales si
éstos se muestran en grupo.
RETICULA JERARQUICA
RETÍCULAS
37
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
38
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
39
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
40
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
41
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
RETÍCULAS
42
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Este tipo de retícula, tanto si se utiliza para
construir libros como su se usa para diseñar
carteles o páginas web, constituye una
aproximación casi orgánica a la manera
en que se ordena la información y los
elementos que la integran, también fija las
partes al espacio tipográfico de una forma
arquitectónica.
RETÍCULAS
43
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Referencias:
Samara, Timothy (2004). Diseña con y sin retícula. Editorial Gustavo Gili,
SL, Barcelona.
Roberts, Lucienne (2008). Retículas, soluciones creativas para el
diseñador gráfico. Editorial Gustavo Gili, SL, Barcelona.
RETÍCULAS
44
INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
Instructor:
Fidel Romero
fidelromeromx@gmail.com
fidelromero@movendesign.com
www.movendesign.com
Febrero de 2015

Más contenido relacionado

La actualidad más candente

Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación Nathaly Correa
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulastls02cv
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticulaCarlos E Franco R
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficojorge caicedo solano
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNAle Altuve
 
Diagramacion
DiagramacionDiagramacion
Diagramacionperla
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - RetículasFidel Romero
 
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
 
Diseñar con o sin reticula
Diseñar con o sin reticulaDiseñar con o sin reticula
Diseñar con o sin reticulaliseth17
 
Historia de la diagramacion
Historia de la diagramacionHistoria de la diagramacion
Historia de la diagramacionliseth17
 

La actualidad más candente (20)

Reticula
ReticulaReticula
Reticula
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
Reticulas
ReticulasReticulas
Reticulas
 
Diseñar con reticula
Diseñar con reticulaDiseñar con reticula
Diseñar con reticula
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticula
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
 
Tema 9 al 14 diseño grafico
Tema 9 al 14 diseño graficoTema 9 al 14 diseño grafico
Tema 9 al 14 diseño grafico
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Diagramacion de revista
Diagramacion de revistaDiagramacion de revista
Diagramacion de revista
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
 
Diagramacion
DiagramacionDiagramacion
Diagramacion
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 
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
 
Diseñar con o sin reticula
Diseñar con o sin reticulaDiseñar con o sin reticula
Diseñar con o sin reticula
 
Tema 4 al 8 diseño y su configuracion
Tema 4 al 8 diseño y su configuracionTema 4 al 8 diseño y su configuracion
Tema 4 al 8 diseño y su configuracion
 
Historia de la diagramacion
Historia de la diagramacionHistoria de la diagramacion
Historia de la diagramacion
 
Elementos compositivos 8º
Elementos compositivos 8ºElementos compositivos 8º
Elementos compositivos 8º
 

Similar a Diseño editorial: Retículas

Diseñar con y sin retícula
Diseñar con y sin retículaDiseñar con y sin retícula
Diseñar con y sin retículaviviqv
 
Diseñar con y sin retícula
Diseñar con y sin retículaDiseñar con y sin retícula
Diseñar con y sin retículaviviqv
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorialluiart
 
T2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgT2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgEVELYNELENA3
 
Clase vii la reticula_diagramación
Clase vii la reticula_diagramaciónClase vii la reticula_diagramación
Clase vii la reticula_diagramacióncliovirtual
 
Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorialAngel Arias Camacho
 
Maquetacion editorial
Maquetacion editorialMaquetacion editorial
Maquetacion editorialLuis Frias
 
Principios ordenadores y organización l
Principios ordenadores y organización lPrincipios ordenadores y organización l
Principios ordenadores y organización lEvelyn Ventura
 
Tipografia y maquetacion6
Tipografia y maquetacion6Tipografia y maquetacion6
Tipografia y maquetacion6sugart
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoAnnabellYar
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoAndyMora16
 
Todo lo que necesitas saber antes de crear una revista
Todo lo que necesitas saber antes de crear una revistaTodo lo que necesitas saber antes de crear una revista
Todo lo que necesitas saber antes de crear una revistapmdesingfiles
 

Similar a Diseño editorial: Retículas (20)

Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 
Diseñar con y sin retícula
Diseñar con y sin retículaDiseñar con y sin retícula
Diseñar con y sin retícula
 
Diseñar con y sin retícula
Diseñar con y sin retículaDiseñar con y sin retícula
Diseñar con y sin retícula
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorial
 
T2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dgT2.pa3.toaquiza.evelyn.dg
T2.pa3.toaquiza.evelyn.dg
 
Clase vii la reticula_diagramación
Clase vii la reticula_diagramaciónClase vii la reticula_diagramación
Clase vii la reticula_diagramación
 
T2 pa3armasdanieladg
T2 pa3armasdanieladgT2 pa3armasdanieladg
T2 pa3armasdanieladg
 
T2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dgT2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dg
 
Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorial
 
Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorial
 
T2 pa3drawienskygarcia
T2 pa3drawienskygarciaT2 pa3drawienskygarcia
T2 pa3drawienskygarcia
 
Maquetacion editorial
Maquetacion editorialMaquetacion editorial
Maquetacion editorial
 
Principios ordenadores y organización l
Principios ordenadores y organización lPrincipios ordenadores y organización l
Principios ordenadores y organización l
 
Tipografia y maquetacion6
Tipografia y maquetacion6Tipografia y maquetacion6
Tipografia y maquetacion6
 
T2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenograficoT2.p3 yarannabeldisenografico
T2.p3 yarannabeldisenografico
 
diseño editorial
diseño editorialdiseño editorial
diseño editorial
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
T2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenograficoT2 pa3nourymyriamdisenografico
T2 pa3nourymyriamdisenografico
 
Todo lo que necesitas saber antes de crear una revista
Todo lo que necesitas saber antes de crear una revistaTodo lo que necesitas saber antes de crear una revista
Todo lo que necesitas saber antes de crear una revista
 
Mediosimpresos
MediosimpresosMediosimpresos
Mediosimpresos
 

Más de Fidel Romero

Guía SEO para social media managers
Guía SEO para social media managersGuía SEO para social media managers
Guía SEO para social media managersFidel Romero
 
Construyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digitalConstruyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digitalFidel Romero
 
Guía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en FacebookGuía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en FacebookFidel Romero
 
Diseño editorial: Tipografia
Diseño editorial: TipografiaDiseño editorial: Tipografia
Diseño editorial: TipografiaFidel Romero
 
Diseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresiónDiseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresiónFidel Romero
 
Diseño editorial: Programas de autoedición
Diseño editorial: Programas de autoediciónDiseño editorial: Programas de autoedición
Diseño editorial: Programas de autoediciónFidel Romero
 
Diseño editorial: Impresión
Diseño editorial: ImpresiónDiseño editorial: Impresión
Diseño editorial: ImpresiónFidel Romero
 
Diseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenesDiseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenesFidel Romero
 
Diseño editorial: Color
Diseño editorial: ColorDiseño editorial: Color
Diseño editorial: ColorFidel Romero
 
Actividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usosActividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usosFidel Romero
 
Piktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografíasPiktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografíasFidel Romero
 
Wordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y PáginasWordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y PáginasFidel Romero
 
Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...Fidel Romero
 
Piktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografiasPiktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografiasFidel Romero
 
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)Fidel Romero
 
Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]Fidel Romero
 
Herramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidosHerramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidosFidel Romero
 
Cómo crear una infografía
Cómo crear una infografíaCómo crear una infografía
Cómo crear una infografíaFidel Romero
 
Infogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datosInfogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datosFidel Romero
 
Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]Fidel Romero
 

Más de Fidel Romero (20)

Guía SEO para social media managers
Guía SEO para social media managersGuía SEO para social media managers
Guía SEO para social media managers
 
Construyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digitalConstruyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digital
 
Guía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en FacebookGuía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en Facebook
 
Diseño editorial: Tipografia
Diseño editorial: TipografiaDiseño editorial: Tipografia
Diseño editorial: Tipografia
 
Diseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresiónDiseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresión
 
Diseño editorial: Programas de autoedición
Diseño editorial: Programas de autoediciónDiseño editorial: Programas de autoedición
Diseño editorial: Programas de autoedición
 
Diseño editorial: Impresión
Diseño editorial: ImpresiónDiseño editorial: Impresión
Diseño editorial: Impresión
 
Diseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenesDiseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenes
 
Diseño editorial: Color
Diseño editorial: ColorDiseño editorial: Color
Diseño editorial: Color
 
Actividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usosActividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usos
 
Piktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografíasPiktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografías
 
Wordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y PáginasWordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y Páginas
 
Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...
 
Piktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografiasPiktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografias
 
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
 
Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]
 
Herramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidosHerramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidos
 
Cómo crear una infografía
Cómo crear una infografíaCómo crear una infografía
Cómo crear una infografía
 
Infogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datosInfogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datos
 
Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]
 

Último

Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...mariaclaramb
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadDiosymarSuarez
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basicoJOSE645741
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfalguien92
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfsalazar1611ale
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaJosAntonioFloresQuis
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 

Último (20)

Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la Modernidad
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdf
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzada
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 

Diseño editorial: Retículas

  • 2. RETÍCULAS 2 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Consiste en una serie de líneas rectas verticales y horizontales. Una retícula subdivide la página vertical y horizontal en márgenes, columnas, espacios entre columnas, líneas de texto y espacios entre bloques de texto e imágenes. Estas subdivisiones son la base de un enfoque modular sistemático de la maquetación, aplicable especialmente a documentos de varias páginas, lo cual acelera el proceso de diseño y garantiza la coherencia visual de las páginas relacionadas entre sí. ¿Qué es una retícula?
  • 3. RETÍCULAS 3 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Cualquier diseño o diagramación implica la resolución de una serie de problemas tanto a nivel visual como a nivel organizativo, imágenes y símbolos, campos de texto, titulares, tablas de datos: todo ello debe reunirse con el fin de comunicar.
  • 5. RETÍCULAS 5 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Las retículas pueden ser flexibles y orgánicas, o bien rigurosas y mecánicas. Los beneficios que reporta trabajar con una retícula son sencillas: claridad,eficacia, economía y continuidad. El uso de retículas tiene muchas ventajas: psicológicas, funcionales y estéticas.
  • 7. RETÍCULAS 7 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Más que nada, una retícula aporta a la diagramación un orden sistematizado, distinguiendo los diversos tipos de información y facilitando la navegación del usuario a través del contenido.
  • 8. RETÍCULAS 8 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Fragmentar la página en partes. Construir una retícula para un proyecto determinado significa valorar de forma profunda el contenido específico de dicho proyecto, en el que refiere a las características visuales y semánticas del espacio tipográfico.
  • 9. RETÍCULAS 9 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx ANATOMÍA DE UNA RETÍCULA: Las partes básicas de una página. Una retícula consiste en un conjunto determinado de relaciones basadas en la alineación, que actúan como guías para la distribución de los elementos en todo el formato.
  • 12. RETÍCULAS 12 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx La retícula de bloque o manuscrito es, estructuralmente, la retícula más sencilla que puede existir. Como su nombre implica, su estructura de base es un área grande y rectangular que ocupa la mayor parte de su página. RETICULA DE MANUSCRITO
  • 14. RETÍCULAS 14 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Su tarea es acoger textos largos y continuos, como en un libro, y se desarrolló a partir de la traducción de manuscritos que finalmente que finalmente condujo a la impresión de libros.
  • 15. RETÍCULAS 15 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Tiene una estructura principal – el bloque de texto y los márgenes que definen su posición en la página -, y una estructura secundaria, que definen otros detalles esenciales: las posiciones y relaciones del tamaño del folio explicativo, los títulos de capítulo y la numeración de las páginas, junto con un área para las notas a pie de página, si es necesario.
  • 20. RETÍCULAS 20 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Aunque las retículas de manuscrito tradicionales utilizan márgenes que tienen anchuras simétricas, también puede crearse una estructura asimétrica en la que los intervalos de márgenes sean diferentes. Una estructura asimétrica añade espacio blanco en el que descansar la vista o en el que colocar notas, ilustraciones pequeños u otros elementos editoriales que no se dan con regularidad y que, por lo tanto, en realidad no exigen la articulación de una verdadera columna para ellos.
  • 22. RETÍCULAS 22 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx La anchura de las columnas depende del cuerpo de letra del texto corrido. Debe encontrarse una anchura en la que quepan tantos caracteres como resulte cómodo leer en una única línea de tipografía de un cuerpo determinado. Si la columna es demasiado estrecha, probablemente habrá demasiadas particiones de palabras, y será difícil, conseguir una bandera uniforme. RETICULA DE COLUMNAS
  • 26. RETÍCULAS 26 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx En una retícula de columna tradicional, al medianil entre las columnas se le da una medida X y a los márgenes dos veces la anchura del medianil, esto es, 2X. Los márgenes más anchos que los medianiles entre las columnas atraen la atención del ojo hacia la parte interior, relajando la atención del ojo hacia la parte interior, relajando la tensión entre el borde de la columna y el borde del formato.
  • 28. RETÍCULAS 28 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Los proyectos de gran complejidad requieren cierto grado de control que va más allá del que ofrecería una retícula de columnas. En esta situación, la elección más eficaz podría ser una retícula modular RETICULA MODULAR
  • 32. RETÍCULAS 32 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Una retícula modular es, en esencia, una retícula de columnas con gran número de líneas de flujo horizontales que subdividen las columnas en filas, creando una matriz de celdas que se denominan módulos. Cada módulo define una pequeña porción de espacio informativo. Agrupados estos módulos definen áreas llamadas ZONAS ESPACIALES, a las que pueden asignárseles funciones específicas. El grado de control dentro de la retícula depende del tamaño de los módulos. Los módulos pequeños proporcionan mayor flexibilidad y precisión, pero el exceso de subdivisiones puede resultar confuso o redundante.
  • 34. RETÍCULAS 34 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Las proporciones de los módulos pueden determinarse de muchas formas. A veces, por ejemplo, el módulo puede tener la anchura y la longitud de un párrafo medio de texto principal, en un cuerpo de letra determinado. Los módulos pueden ser de proporción vertical u horizontal, y esta decisión puede estar vinculada al tipo de información que se vayan a organizar.
  • 35. RETÍCULAS 35 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Las retículas modulares se utilizan sobre todo para coordinar los sistemas extensivos de publicación. Una retícula modular también resulta adecuada para el diseño de información tabulada, como cuadros, formularios programaciones o sistemas de navegación.
  • 36. RETÍCULAS 36 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Una retícula jerárquica unifica elementos dispares, o crea una superestructura que se opone a los elementos orgánicos situados en un formato sencillo, como un cartel. Una retícula jerárquica también puede utilizarse para crear nuevas disposiciones visuales si éstos se muestran en grupo. RETICULA JERARQUICA
  • 42. RETÍCULAS 42 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Este tipo de retícula, tanto si se utiliza para construir libros como su se usa para diseñar carteles o páginas web, constituye una aproximación casi orgánica a la manera en que se ordena la información y los elementos que la integran, también fija las partes al espacio tipográfico de una forma arquitectónica.
  • 43. RETÍCULAS 43 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Referencias: Samara, Timothy (2004). Diseña con y sin retícula. Editorial Gustavo Gili, SL, Barcelona. Roberts, Lucienne (2008). Retículas, soluciones creativas para el diseñador gráfico. Editorial Gustavo Gili, SL, Barcelona.
  • 44. RETÍCULAS 44 INSTRUCTOR: FIDEL ROMERO / @fidelromero_mx Instructor: Fidel Romero fidelromeromx@gmail.com fidelromero@movendesign.com www.movendesign.com Febrero de 2015