SlideShare une entreprise Scribd logo
1  sur  19
L.D.G. Keny Alejandro Castillo Pazos
Construir una estructura
adecuada del trabajo con
retículas depende de dos
fases de desarrollo.
En la primera fase, el
diseñador se propone
valorar las características
informativas y los
requisitos de producción
del contenido, la segunda
fase consiste en maquetar
el material de acuerdo con
las guías establecidas por
la retícula.
Anatomía de una
retícula: las partes
básicas de una
página
Las columnas: son
alineaciones
verticales de
tipografía que crean
divisiones
horizontales entre
los márgenes
Los módulos: son unidades
individuales de espacio que
están separados por
intervalos regulares que
cuando se repiten en el
formato de la pagina, crean
columnas y filas.
Los márgenes: son los
espacios negativos entre el
borde del formato y el
contenido que rodean y
definen la zona “viva” en la
que pueden disponerse la
tipografía y las imágenes
Las líneas de flujo: son
alineaciones que rompen el
espacio dividiéndolo en
bandas horizontales.
Las zonas especiales: son
grupo de módulos que, en
su conjunto forman campos
claramente identificables
Los marcadores: son
indicaciones de posición para
texto subordinado o repetido a
lo largo del documento, como
los folios explicativos los
títulos de sección, los
números de paginas o
cualquier otro elemento que
ocupe una única posición en
una maqueta
la retícula de bloque o
manuscrito es
estructuralmente, la
retícula más sencilla que
puede existir.
Como su nombre lo
implica su estructura de
base es un área grande y
rectangular que ocupa la
mayor parte de la página.
Retícula de
manuscrito
la información que es
discontinua presenta la
ventaja de que puede
disponerse en columnas
verticales, la anchura de
las columnas depende del
cuerpo de la letra del texto
corrido.
En una retícula de
columna existe también
una estructura
subordinada.
Retícula de
columnas:
Los proyectos de gran
complejidad requieren cierto
grado de control que va más
allá del que ofreciera una
retícula de columnas cada
modulo define una pequeña
porción de espacio
informativo.
Agrupados estos módulos
definen áreas llamadas zonas
especiales, a las que pueden
asignarles funciones
específicas.
Una retícula modular también
resulta adecuada para el
diseño de información
tabulada, como cuadros,
formularios, programación o
sistemas de navegación.
Retícula modular
El desarrollo de una
retícula jerárquica
empieza por analizar la
interacción óptica que
provocan los diversos
elementos si se sitúan de
manera espontánea en
diferentes posiciones y, a
continuación, habrá que
elaborar una estructura
racionalizada que los
coordine.
Este tipo de retícula tanto
se utiliza para construir
libros como se usa para
diseñar carteles o páginas
web.
Retícula jerárquica
Una retícula funciona de
verdad solamente si tras
haberse resuelto todos los
demás problemas literales
el diseñador se eleva sobre
la única formalidad que
implica su estructura
reticular y la utiliza para
crear una narrativa visual
dinámica compuesta de
partes que mantendrán el
interés pagina tras pagina.
Variaciones
Ejemplos de retículas
 Busca en Internet dos ejemplos de cada uno de los
tipos de retículas que acabas de conocer , explica
brevemente sus características y menciona por qué
crees que puede considerarse dentro de esa categoría.
 Retícula de manuscrito (2pts.)
 Retícula de columnas (2pts.)
 Retícula modular (2pts.)
 Retícula jerárquica (2pts.)
 Variaciones(2pts.)

Contenu connexe

Tendances

Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
tls02cv
 
Historia de la diagramacion
Historia de la diagramacionHistoria de la diagramacion
Historia de la diagramacion
liseth17
 
Exposicion gradacion radiacion
Exposicion gradacion radiacionExposicion gradacion radiacion
Exposicion gradacion radiacion
Luis Frias
 

Tendances (20)

Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
LA ESTRUCTURA EN DISEÑO BASICO
LA ESTRUCTURA EN DISEÑO BASICOLA ESTRUCTURA EN DISEÑO BASICO
LA ESTRUCTURA EN DISEÑO BASICO
 
Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorial
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Estructura
EstructuraEstructura
Estructura
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticula
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: Retículas
 
Cuadros clave-flash
Cuadros clave-flashCuadros clave-flash
Cuadros clave-flash
 
Composición punto, línea y plano
Composición   punto, línea y planoComposición   punto, línea y plano
Composición punto, línea y plano
 
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
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 
Uv fundamentosdeldiseo-marvinmillon-s4-estructuras
Uv fundamentosdeldiseo-marvinmillon-s4-estructurasUv fundamentosdeldiseo-marvinmillon-s4-estructuras
Uv fundamentosdeldiseo-marvinmillon-s4-estructuras
 
Diagramacion
DiagramacionDiagramacion
Diagramacion
 
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.
 
Planos seriados
Planos seriadosPlanos seriados
Planos seriados
 
Historia de la diagramacion
Historia de la diagramacionHistoria de la diagramacion
Historia de la diagramacion
 
géneros, estilos, categor+ias de la ilustración gráfica.
géneros, estilos, categor+ias de la ilustración gráfica. géneros, estilos, categor+ias de la ilustración gráfica.
géneros, estilos, categor+ias de la ilustración gráfica.
 
Fumdamentos de Diseño Gráfico
Fumdamentos de Diseño GráficoFumdamentos de Diseño Gráfico
Fumdamentos de Diseño Gráfico
 
Exposicion gradacion radiacion
Exposicion gradacion radiacionExposicion gradacion radiacion
Exposicion gradacion radiacion
 

En vedette (10)

Presencia de Estructuras Modulares
Presencia de Estructuras ModularesPresencia de Estructuras Modulares
Presencia de Estructuras Modulares
 
Curso Diseño publicitario
Curso Diseño publicitario Curso Diseño publicitario
Curso Diseño publicitario
 
Bruno munari
Bruno munariBruno munari
Bruno munari
 
Principios de Diseño
Principios de DiseñoPrincipios de Diseño
Principios de Diseño
 
Portafolio Fundamentos del Diseño II
Portafolio Fundamentos del Diseño IIPortafolio Fundamentos del Diseño II
Portafolio Fundamentos del Diseño II
 
Ud1 módulos , REDES MODULARES
Ud1 módulos , REDES MODULARESUd1 módulos , REDES MODULARES
Ud1 módulos , REDES MODULARES
 
Fundamentos del diseño 2
Fundamentos del diseño 2Fundamentos del diseño 2
Fundamentos del diseño 2
 
Resumen libro Wucius Wong
Resumen libro Wucius WongResumen libro Wucius Wong
Resumen libro Wucius Wong
 
Bloque 2 elementos de configuración formal
Bloque 2 elementos de configuración formalBloque 2 elementos de configuración formal
Bloque 2 elementos de configuración formal
 
Unidad II Módulos y Retículas
Unidad II Módulos y RetículasUnidad II Módulos y Retículas
Unidad II Módulos y Retículas
 

Similaire à Composición con retículas

Clase vii la reticula_diagramación
Clase vii la reticula_diagramaciónClase vii la reticula_diagramación
Clase vii la reticula_diagramación
cliovirtual
 
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
viviqv
 
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
viviqv
 
¿Qué son las retículas? y Retículas Básicas
¿Qué son las retículas? y Retículas Básicas¿Qué son las retículas? y Retículas Básicas
¿Qué son las retículas? y Retículas Básicas
Karlos Espinosa
 
Principios ordenadores y organización l
Principios ordenadores y organización lPrincipios ordenadores y organización l
Principios ordenadores y organización l
Evelyn Ventura
 

Similaire à Composición con retículas (20)

Clase vii la reticula_diagramación
Clase vii la reticula_diagramaciónClase vii la reticula_diagramación
Clase vii la reticula_diagramación
 
Reticulas 100519102339-phpapp02
Reticulas 100519102339-phpapp02Reticulas 100519102339-phpapp02
Reticulas 100519102339-phpapp02
 
Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorial
 
Clase 3 principios de reticula
Clase 3 principios de reticulaClase 3 principios de reticula
Clase 3 principios de reticula
 
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
 
¿Qué son las retículas? y Retículas Básicas
¿Qué son las retículas? y Retículas Básicas¿Qué son las retículas? y Retículas Básicas
¿Qué son las retículas? y Retículas Básicas
 
Clase 6 Diagramacion
Clase 6 DiagramacionClase 6 Diagramacion
Clase 6 Diagramacion
 
nterfaces visuales para el acceso a revistas: las propuestas del SCImagoJR. E...
nterfaces visuales para el acceso a revistas: las propuestas del SCImagoJR. E...nterfaces visuales para el acceso a revistas: las propuestas del SCImagoJR. E...
nterfaces visuales para el acceso a revistas: las propuestas del SCImagoJR. E...
 
Diseño Instruccional de la Unidad No 5.- Conociendo Excel.- Luis Salvador
Diseño Instruccional de la Unidad No 5.- Conociendo Excel.- Luis SalvadorDiseño Instruccional de la Unidad No 5.- Conociendo Excel.- Luis Salvador
Diseño Instruccional de la Unidad No 5.- Conociendo Excel.- Luis Salvador
 
Modelo Instruccional.- Módulo 5.- Conociendo Excel.- Cuarta Edición
Modelo Instruccional.- Módulo 5.- Conociendo Excel.- Cuarta EdiciónModelo Instruccional.- Módulo 5.- Conociendo Excel.- Cuarta Edición
Modelo Instruccional.- Módulo 5.- Conociendo Excel.- Cuarta Edición
 
T2 pa3armasdanieladg
T2 pa3armasdanieladgT2 pa3armasdanieladg
T2 pa3armasdanieladg
 
Flexsdashboard
Flexsdashboard Flexsdashboard
Flexsdashboard
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
 
Illustrator cs5
Illustrator cs5Illustrator cs5
Illustrator cs5
 
Illustrator cs5
Illustrator cs5Illustrator cs5
Illustrator cs5
 
Principios ordenadores y organización l
Principios ordenadores y organización lPrincipios ordenadores y organización l
Principios ordenadores y organización l
 
Diagramas
DiagramasDiagramas
Diagramas
 
Diagramas
DiagramasDiagramas
Diagramas
 
D Iagramas U Ml
D Iagramas U MlD Iagramas U Ml
D Iagramas U Ml
 

Dernier

PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
sofiospina94
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
EdisonCondesoDelgado1
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
irenecarmona12
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
jose880240
 
S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1
eje12345ja
 

Dernier (20)

PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
Manual de uso Avanzado para Excel 2016.pdf
Manual de uso  Avanzado para Excel 2016.pdfManual de uso  Avanzado para Excel 2016.pdf
Manual de uso Avanzado para Excel 2016.pdf
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
que son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposque son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tipos
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 

Composición con retículas

  • 1. L.D.G. Keny Alejandro Castillo Pazos
  • 2. Construir una estructura adecuada del trabajo con retículas depende de dos fases de desarrollo. En la primera fase, el diseñador se propone valorar las características informativas y los requisitos de producción del contenido, la segunda fase consiste en maquetar el material de acuerdo con las guías establecidas por la retícula. Anatomía de una retícula: las partes básicas de una página
  • 3. Las columnas: son alineaciones verticales de tipografía que crean divisiones horizontales entre los márgenes Los módulos: son unidades individuales de espacio que están separados por intervalos regulares que cuando se repiten en el formato de la pagina, crean columnas y filas. Los márgenes: son los espacios negativos entre el borde del formato y el contenido que rodean y definen la zona “viva” en la que pueden disponerse la tipografía y las imágenes Las líneas de flujo: son alineaciones que rompen el espacio dividiéndolo en bandas horizontales. Las zonas especiales: son grupo de módulos que, en su conjunto forman campos claramente identificables Los marcadores: son indicaciones de posición para texto subordinado o repetido a lo largo del documento, como los folios explicativos los títulos de sección, los números de paginas o cualquier otro elemento que ocupe una única posición en una maqueta
  • 4. la retícula de bloque o manuscrito es estructuralmente, la retícula más sencilla que puede existir. Como su nombre lo implica su estructura de base es un área grande y rectangular que ocupa la mayor parte de la página. Retícula de manuscrito
  • 5.
  • 6.
  • 7. la información que es discontinua presenta la ventaja de que puede disponerse en columnas verticales, la anchura de las columnas depende del cuerpo de la letra del texto corrido. En una retícula de columna existe también una estructura subordinada. Retícula de columnas:
  • 8.
  • 9.
  • 10. Los proyectos de gran complejidad requieren cierto grado de control que va más allá del que ofreciera una retícula de columnas cada modulo define una pequeña porción de espacio informativo. Agrupados estos módulos definen áreas llamadas zonas especiales, a las que pueden asignarles funciones específicas. Una retícula modular también resulta adecuada para el diseño de información tabulada, como cuadros, formularios, programación o sistemas de navegación. Retícula modular
  • 11.
  • 12.
  • 13. El desarrollo de una retícula jerárquica empieza por analizar la interacción óptica que provocan los diversos elementos si se sitúan de manera espontánea en diferentes posiciones y, a continuación, habrá que elaborar una estructura racionalizada que los coordine. Este tipo de retícula tanto se utiliza para construir libros como se usa para diseñar carteles o páginas web. Retícula jerárquica
  • 14.
  • 15.
  • 16. Una retícula funciona de verdad solamente si tras haberse resuelto todos los demás problemas literales el diseñador se eleva sobre la única formalidad que implica su estructura reticular y la utiliza para crear una narrativa visual dinámica compuesta de partes que mantendrán el interés pagina tras pagina. Variaciones
  • 17.
  • 18.
  • 19. Ejemplos de retículas  Busca en Internet dos ejemplos de cada uno de los tipos de retículas que acabas de conocer , explica brevemente sus características y menciona por qué crees que puede considerarse dentro de esa categoría.  Retícula de manuscrito (2pts.)  Retícula de columnas (2pts.)  Retícula modular (2pts.)  Retícula jerárquica (2pts.)  Variaciones(2pts.)