Wecom 04_S_estructura

59
wecom 09. Revistas de la R a la S La estructura de la página Esta presentación usa la familia tipográfica Archer, comercializada por Hoefler & Frere-Jones en 2007 S DIEGO ARESO www.quintatinta.com // www.diegoareso.com

description

Material del workshop "Revistas de la R a la S", impartido en el congreso Wecom 09, organizado por la Universidad Pontificia de Salamanca.

Transcript of Wecom 04_S_estructura

Page 1: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

La estructura de la páginaEsta presentación usa la familia tipográficaArcher, comercializada por Hoefler & Frere-Jones en 2007

S

Diego Aresowww.quintatinta.com // www.diegoareso.com

Page 2: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 3: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 4: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 5: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 6: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 7: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

La rejilla o retícula (grid, en inglés) es la estructura de guías invisibles que ayudan al diseñador a situar texto, imágenes y otros elementos de la maqueta de acuerdo con un sistema pre-establecido.

Así, el diseño editorial se basa en una red de módulos verticales y horizontales que organizan todos los elementos

Pioneros: Bauhaus, Constructivistas, movimiento de la Nueva Tipografía...Difundida por el Estilo Internacional, o Estilo Suizo.Principal figura de esta época: Josef Müller-Brockmann.

Page 8: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

1955 Joseph Müller-BockmannBeethoven, cartel

Page 9: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 10: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

2xx

Page 11: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

1959Giselle, Armin Hoffman

Page 12: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 13: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 14: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

1959Joseph Müller-Bockmann

Page 15: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 16: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

1959Giselle, Armin Hoffman

Page 17: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 18: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 19: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 20: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

espacio negativo

Page 21: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 22: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 23: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Todo trabajo de diseño pasa por resolver problemas tanto visuales como de organización.Una retícula es una manera de conseguir ese objetivo.Los beneficios son: claridad, eficiencia, economía y continuidad. Antes que ninguna otra cosa, una retícula introduce un orden sistemático en una composición, ayuda a distinguir entre distintos tiops de información y facilita el camino que recorrerá el espectador.

[Timothy Samara, Los elementos del diseño, 2007]

retícula modular

márgenes

columnas

líneas de flujo

márcadores

módulo

Page 24: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

La retícula marcaLos blancos de cabecera, pie, corte y lomo.El número de columnasLa situación de cabeceras de sección y folios.Los módulos publicitarios.

Aporta:Repetibilidad. Uniformidad de criterio, unidad de aspecto, identidad, marca el estilo de la revista.Composición. Ayu da a componer los elementos de la página. Ap rta armonía, orden, proporción.Comunicación. Permite que el lector encuentre fácilmente ciertos elementos en su lugar.

Page 25: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 26: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 27: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 28: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 29: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 30: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 31: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 32: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 33: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 34: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Tipos de retícula básicos:La tradición clásica otorga una columna a los libros, tres columnas a las revistas cuyo tamaño se acerca al A4 y cinco columnas a los periódicos en tabloide.Pero lo cierto es que las retículas rebasan muchas veces esas cifras.

EL NÚMERO DE COLUMNAS VA EN DIRECTA PROPORCIÓN A LA FLEXIBILIDAD DEL DISEÑO: A MÁS COLUMNAS, MÁS POSIBILIDADES DE COMBINACIÓN.

Page 35: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 36: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 37: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Con una retícula de nueve columnas se puede diseñar una página dinámica y también una de columnas anchas y lectura reposada.

Page 38: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

En este ejemplo, la maquetación final no usa la estructura fijada por la retícula.Es una retícula demasiado limitada para las exigencias de la sección.

Page 39: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 40: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 41: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 42: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 43: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 44: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 45: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 46: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 47: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 48: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 49: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 50: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 51: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 52: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 53: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

La micro-retículaUna retícula muy detallada que teje una malla regular que coincide con los márgenes, las columnas, los corondeles, la rejilla base, el interlineado...Prima la flexibilidad.

Page 54: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 55: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 56: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 57: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 58: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S

Page 59: Wecom 04_S_estructura

wecom 09. Revistas de la R a la S