SlideShare a Scribd company logo
UNIDAD 4.
Las la Diagramación
     Retículas
  en




      Fidel Romero
       www.movendesign.com
RETÍCULAS - DIAGRAMACIÓN




Contenido:

4.1 Conceptos básicos de Retículas.
4.2 Beneficios del uso de Retículas.
4.3 Anatomía de la Retícula.
4.4 Retícula de Manuscrito.
4.5 Retícula de Columnas.
4.6 Retícula Modular.
4.7 Retícula Jerárquica.




                         2
RETÍCULAS - DIAGRAMACIÓN




¿Qué es una retícula?
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í.

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.

                                3
RETÍCULAS - DIAGRAMACIÓN




4
RETÍCULAS - DIAGRAMACIÓN




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.




                       5
RETÍCULAS - DIAGRAMACIÓN




6
RETÍCULAS - DIAGRAMACIÓN




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.




                   7
RETÍCULAS - DIAGRAMACIÓN




8
RETÍCULAS - DIAGRAMACIÓN




9
RETÍCULAS - DIAGRAMACIÓN




10
RETÍCULAS - DIAGRAMACIÓN




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.




                           11
RETÍCULAS - DIAGRAMACIÓN




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 - DIAGRAMACIÓN




13
RETÍCULAS - DIAGRAMACIÓN




14
RETÍCULAS - DIAGRAMACIÓN




RETICULA DE MANUSCRITO


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.



                    15
RETÍCULAS - DIAGRAMACIÓN




16
RETÍCULAS - DIAGRAMACIÓN




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.




                     17
RETÍCULAS - DIAGRAMACIÓN




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.



                      18
RETÍCULAS - DIAGRAMACIÓN




19
RETÍCULAS - DIAGRAMACIÓN




20
RETÍCULAS - DIAGRAMACIÓN




21
RETÍCULAS - DIAGRAMACIÓN




22
RETÍCULAS - DIAGRAMACIÓN




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.



                         23
RETÍCULAS - DIAGRAMACIÓN




24
RETÍCULAS - DIAGRAMACIÓN




RETICULA DE COLUMNAS
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.




                          25
RETÍCULAS - DIAGRAMACIÓN




26
RETÍCULAS - DIAGRAMACIÓN




27
RETÍCULAS - DIAGRAMACIÓN




28
RETÍCULAS - DIAGRAMACIÓN




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.

                        29
RETÍCULAS - DIAGRAMACIÓN




30
RETÍCULAS - DIAGRAMACIÓN




RETICULA MODULAR

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



                       31
RETÍCULAS - DIAGRAMACIÓN




32
RETÍCULAS - DIAGRAMACIÓN




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.

                            33
RETÍCULAS - DIAGRAMACIÓN




34
RETÍCULAS - DIAGRAMACIÓN




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 - DIAGRAMACIÓN




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 - DIAGRAMACIÓN




RETICULA JERARQUICA
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.



                       37
RETÍCULAS - DIAGRAMACIÓN




38
RETÍCULAS - DIAGRAMACIÓN




39
RETÍCULAS - DIAGRAMACIÓN




40
RETÍCULAS - DIAGRAMACIÓN




41
RETÍCULAS - DIAGRAMACIÓN




42
RETÍCULAS - DIAGRAMACIÓN




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 - DIAGRAMACIÓN




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 - DIAGRAMACIÓN




Instructor:

Fidel Romero
fidelromeromx@gmail.com
fidelromero@movendesign.com

www.movendesign.com




                              45

More Related Content

What's hot

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
 
Diseño Básico
Diseño BásicoDiseño Básico
Similitud elementos de diseño ww
Similitud elementos de diseño wwSimilitud elementos de diseño ww
Similitud elementos de diseño ww
Gonzalo Ramírez Gómez
 
la tipografía y sus características
la tipografía y sus característicasla tipografía y sus características
la tipografía y sus características
Julisa Alison Luna Timoteo
 
Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius WongFundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong
Universidad Nacional de Lanús
 
Radiacion
RadiacionRadiacion
Radiacion
lenny mendoza
 
Rejillas
RejillasRejillas
La Composición
La ComposiciónLa Composición
La Composición
guest415412
 
Unidad 1 - Fundamentos del diseño gráfico
Unidad 1  - Fundamentos del diseño gráficoUnidad 1  - Fundamentos del diseño gráfico
Unidad 1 - Fundamentos del diseño gráfico
Fidel Romero
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMEN
alexabarrero
 
La retícula
La retículaLa retícula
Repetición de elementos y módulos
Repetición de elementos y módulosRepetición de elementos y módulos
Repetición de elementos y módulos
Julio Cesar Tisoc
 
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
Fai06
 
Errores en el diseño editorial
Errores en el diseño editorialErrores en el diseño editorial
Errores en el diseño editorial
Jesús R. Ruiz
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimedia
Alexis Guzmán Gómez
 
Estructura
EstructuraEstructura
Estructura
Edgar Matamoros
 
Diseño Básico Fundamentos
Diseño Básico FundamentosDiseño Básico Fundamentos
Diseño Básico Fundamentos
Abdel Suarez
 
Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong
PeKiiThaz97
 
Fundamentos del diseño.1.
Fundamentos del diseño.1.Fundamentos del diseño.1.
Fundamentos del diseño.1.
carmensenande
 
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
 

What's hot (20)

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 Básico
Diseño BásicoDiseño Básico
Diseño Básico
 
Similitud elementos de diseño ww
Similitud elementos de diseño wwSimilitud elementos de diseño ww
Similitud elementos de diseño ww
 
la tipografía y sus características
la tipografía y sus característicasla tipografía y sus características
la tipografía y sus características
 
Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius WongFundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong
 
Radiacion
RadiacionRadiacion
Radiacion
 
Rejillas
RejillasRejillas
Rejillas
 
La Composición
La ComposiciónLa Composición
La Composición
 
Unidad 1 - Fundamentos del diseño gráfico
Unidad 1  - Fundamentos del diseño gráficoUnidad 1  - Fundamentos del diseño gráfico
Unidad 1 - Fundamentos del diseño gráfico
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMEN
 
La retícula
La retículaLa retícula
La retícula
 
Repetición de elementos y módulos
Repetición de elementos y módulosRepetición de elementos y módulos
Repetición de elementos y módulos
 
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
 
Errores en el diseño editorial
Errores en el diseño editorialErrores en el diseño editorial
Errores en el diseño editorial
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimedia
 
Estructura
EstructuraEstructura
Estructura
 
Diseño Básico Fundamentos
Diseño Básico FundamentosDiseño Básico Fundamentos
Diseño Básico Fundamentos
 
Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong
 
Fundamentos del diseño.1.
Fundamentos del diseño.1.Fundamentos del diseño.1.
Fundamentos del diseño.1.
 
Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fundamentos del diseño W.W.
Fundamentos del diseño W.W.
 

Viewers also liked

Diseñar con o sin reticula
Diseñar con o sin reticulaDiseñar con o sin reticula
Diseñar con o sin reticula
liseth17
 
Manual de diseño editorial
Manual de diseño editorialManual de diseño editorial
Manual de diseño editorial
Malco Quintero
 
El punto y la línea sobre el plano
El punto y la línea sobre el planoEl punto y la línea sobre el plano
El punto y la línea sobre el plano
Killyam Fernando Montero Cubides
 
Diseñar con reticula
Diseñar con reticulaDiseñar con reticula
Diseñar con reticula
Catalina Bahia
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticula
Carlos E Franco R
 
Grid Systems
Grid SystemsGrid Systems
Grid Systems
Bas Leurs
 

Viewers also liked (6)

Diseñar con o sin reticula
Diseñar con o sin reticulaDiseñar con o sin reticula
Diseñar con o sin reticula
 
Manual de diseño editorial
Manual de diseño editorialManual de diseño editorial
Manual de diseño editorial
 
El punto y la línea sobre el plano
El punto y la línea sobre el planoEl punto y la línea sobre el plano
El punto y la línea sobre el plano
 
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
 
Grid Systems
Grid SystemsGrid Systems
Grid Systems
 

Similar to Unidad 4 - Retículas

Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
FERNANDOABRAHAMGOMEZ
 
Reticulas en-la-maquetación
Reticulas en-la-maquetaciónReticulas en-la-maquetación
Reticulas en-la-maquetación
David Espinosa
 
T2 pa3drawienskygarcia
T2 pa3drawienskygarciaT2 pa3drawienskygarcia
T2 pa3drawienskygarcia
DrawienskyGarcia
 
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
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorial
luiart
 
Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorial
Angel Arias Camacho
 
Clase vii la reticula_diagramación
Clase vii la reticula_diagramaciónClase vii la reticula_diagramación
Clase vii la reticula_diagramación
cliovirtual
 
Composición con retículas
Composición con retículasComposición con retículas
Composición con retículas
KenyAlejandroCastill
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
profesorvelasques
 
T2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dgT2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dg
GISELLABIGAILQUISHPE1
 
Ordenadores graficos
Ordenadores graficosOrdenadores graficos
Ordenadores graficos
edissonportero2012
 
"Maquetación"
"Maquetación" "Maquetación"
Tarea 3.
Tarea 3.Tarea 3.
Tarea 3.
Fenix186
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
davidorozco7
 
¿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
 
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
Wvivi Martinez
 
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
 
diseño editorial
diseño editorialdiseño editorial
diseño editorial
Bryan Carriel Velasquez
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
kritocruz
 

Similar to Unidad 4 - Retículas (20)

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
 
T2 pa3drawienskygarcia
T2 pa3drawienskygarciaT2 pa3drawienskygarcia
T2 pa3drawienskygarcia
 
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
 
Principiios del diseño editorial
Principiios del diseño editorialPrincipiios del diseño editorial
Principiios del diseño editorial
 
Clase vii la reticula_diagramación
Clase vii la reticula_diagramaciónClase vii la reticula_diagramación
Clase vii la reticula_diagramación
 
Composición con retículas
Composición con retículasComposición con retículas
Composición con retículas
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
T2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dgT2.pa3.quishpe.abigail.dg
T2.pa3.quishpe.abigail.dg
 
Ordenadores graficos
Ordenadores graficosOrdenadores graficos
Ordenadores graficos
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Tarea 3.
Tarea 3.Tarea 3.
Tarea 3.
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
 
¿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
 
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
 
Principios ordenadores y organización l
Principios ordenadores y organización lPrincipios ordenadores y organización l
Principios ordenadores y organización l
 
diseño editorial
diseño editorialdiseño editorial
diseño editorial
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 

More from 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 managers
Fidel 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 digital
Fidel 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 Facebook
Fidel Romero
 
Diseño editorial: Tipografia
Diseño editorial: TipografiaDiseño editorial: Tipografia
Diseño editorial: Tipografia
Fidel 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ón
Fidel 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ón
Fidel Romero
 
Diseño editorial: Impresión
Diseño editorial: ImpresiónDiseño editorial: Impresión
Diseño editorial: Impresión
Fidel 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ágenes
Fidel Romero
 
Diseño editorial: Color
Diseño editorial: ColorDiseño editorial: Color
Diseño editorial: Color
Fidel 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 usos
Fidel 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ías
Fidel 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áginas
Fidel 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 infografias
Fidel 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 contenidos
Fidel Romero
 
Cómo crear una infografía
Cómo crear una infografíaCómo crear una infografía
Cómo crear una infografía
Fidel 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 datos
Fidel 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
 

More from 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]
 

Recently uploaded

ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
JesusFlores151669
 
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptxVIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
belindaramirez10
 
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdfPresentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
alancarranzavargas2
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
CarlitaChirito
 
Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)
MilagrosSalavarra1
 
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
lucianolinovalle
 
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
uriolmedinan
 
Cuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historiaCuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historia
DougliannyGarcia
 
Catalogo General Cosmic Amado Salvador distribuidor oficial Valencia
Catalogo General Cosmic Amado Salvador distribuidor oficial ValenciaCatalogo General Cosmic Amado Salvador distribuidor oficial Valencia
Catalogo General Cosmic Amado Salvador distribuidor oficial Valencia
AMADO SALVADOR
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
worldmusic00
 
Agenda Docente 2024 horizontal .pdf para todos
Agenda Docente 2024 horizontal .pdf para todosAgenda Docente 2024 horizontal .pdf para todos
Agenda Docente 2024 horizontal .pdf para todos
LorenaPosada3
 
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
AMADO SALVADOR
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
GuillermoAlejandroCh6
 
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptxTIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
raulvedia2
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Rubi Caballero pizarro
 
comunicación persuasiva al cliente (1).pptx
comunicación persuasiva al cliente (1).pptxcomunicación persuasiva al cliente (1).pptx
comunicación persuasiva al cliente (1).pptx
RAPHAELENRIQUEVALERO
 
EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
raulvedia2
 
manual pdf de empresa postres maria jose
manual pdf de empresa postres maria josemanual pdf de empresa postres maria jose
manual pdf de empresa postres maria jose
tatianezpapa
 
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptxETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ruthyeimi937
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
AMADO SALVADOR
 

Recently uploaded (20)

ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
 
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptxVIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
 
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdfPresentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
 
Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)
 
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
 
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
 
Cuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historiaCuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historia
 
Catalogo General Cosmic Amado Salvador distribuidor oficial Valencia
Catalogo General Cosmic Amado Salvador distribuidor oficial ValenciaCatalogo General Cosmic Amado Salvador distribuidor oficial Valencia
Catalogo General Cosmic Amado Salvador distribuidor oficial Valencia
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
 
Agenda Docente 2024 horizontal .pdf para todos
Agenda Docente 2024 horizontal .pdf para todosAgenda Docente 2024 horizontal .pdf para todos
Agenda Docente 2024 horizontal .pdf para todos
 
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
 
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptxTIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
 
comunicación persuasiva al cliente (1).pptx
comunicación persuasiva al cliente (1).pptxcomunicación persuasiva al cliente (1).pptx
comunicación persuasiva al cliente (1).pptx
 
EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
 
manual pdf de empresa postres maria jose
manual pdf de empresa postres maria josemanual pdf de empresa postres maria jose
manual pdf de empresa postres maria jose
 
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptxETAPAS DE LLITIA LITERATURA PERUANA.pptx
ETAPAS DE LLITIA LITERATURA PERUANA.pptx
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
 

Unidad 4 - Retículas

  • 1. UNIDAD 4. Las la Diagramación Retículas en Fidel Romero www.movendesign.com
  • 2. RETÍCULAS - DIAGRAMACIÓN Contenido: 4.1 Conceptos básicos de Retículas. 4.2 Beneficios del uso de Retículas. 4.3 Anatomía de la Retícula. 4.4 Retícula de Manuscrito. 4.5 Retícula de Columnas. 4.6 Retícula Modular. 4.7 Retícula Jerárquica. 2
  • 3. RETÍCULAS - DIAGRAMACIÓN ¿Qué es una retícula? 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í. 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. 3
  • 5. RETÍCULAS - DIAGRAMACIÓN 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. 5
  • 7. RETÍCULAS - DIAGRAMACIÓN 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. 7
  • 11. RETÍCULAS - DIAGRAMACIÓN 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. 11
  • 12. RETÍCULAS - DIAGRAMACIÓN 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
  • 15. RETÍCULAS - DIAGRAMACIÓN RETICULA DE MANUSCRITO 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. 15
  • 17. RETÍCULAS - DIAGRAMACIÓN 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. 17
  • 18. RETÍCULAS - DIAGRAMACIÓN 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. 18
  • 23. RETÍCULAS - DIAGRAMACIÓN 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. 23
  • 25. RETÍCULAS - DIAGRAMACIÓN RETICULA DE COLUMNAS 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. 25
  • 29. RETÍCULAS - DIAGRAMACIÓN 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. 29
  • 31. RETÍCULAS - DIAGRAMACIÓN RETICULA MODULAR 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 31
  • 33. RETÍCULAS - DIAGRAMACIÓN 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. 33
  • 35. RETÍCULAS - DIAGRAMACIÓN 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
  • 36. RETÍCULAS - DIAGRAMACIÓN 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
  • 37. RETÍCULAS - DIAGRAMACIÓN RETICULA JERARQUICA 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. 37
  • 43. RETÍCULAS - DIAGRAMACIÓN 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
  • 44. RETÍCULAS - DIAGRAMACIÓN 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
  • 45. RETÍCULAS - DIAGRAMACIÓN Instructor: Fidel Romero fidelromeromx@gmail.com fidelromero@movendesign.com www.movendesign.com 45