Una de las primeras decisiones en un proyecto gr\u00e1fico es el tama\u00f1o y la forma de la p\u00e1gina, es decir, la proporci\u00f3n<\/strong>, aunque las limitaciones pr\u00e1cticas, especialmente el ahorro del papel, suelen limitar las opciones. Cualquier material que deba adaptarse a fotocopiadoras o impresoras deber\u00e1 tener un formato adaptado al sistema DIN. La impresi\u00f3n de libros permite m\u00e1s libertad en la elecci\u00f3n del formato de p\u00e1gina, pero tambi\u00e9n hay que tener en cuenta el ahorro de papel y los formatos de las m\u00e1quinas de impresi\u00f3n.<\/p>\n En los proyectos editoriales se tiene que trabajar siempre en dobles p\u00e1ginas, tal como se ver\u00eda el dise\u00f1o final. La p\u00e1gina izquierda siempre ser\u00e1 la par y la derecha la impar, puesto que una publicaci\u00f3n empieza siempre con una p\u00e1gina suelta (p\u00e1gina 1) y contin\u00faa con una doble.<\/p>\n Figura 107<\/p><\/div>\n <\/p>\n La estructura de p\u00e1gina b\u00e1sica es la pauta; define los m\u00e1rgenes y las columnas de la p\u00e1gina y determina, as\u00ed, la disposici\u00f3n y las dimensiones de la mancha. Es esencial tener en cuenta que los blancos de la p\u00e1gina son tan importantes como la mancha<\/strong>.<\/p>\n Los m\u00e1rgenes<\/strong> regulan el peso visual de la mancha tipogr\u00e1fica en la p\u00e1gina y tienen la finalidad de evitar que sus elementos se pierdan con el guillotinado o con la encuadernaci\u00f3n, as\u00ed como asegurar una buena legibilidad del texto. Igualmente, deben tener el espacio suficiente para manipular con comodidad la p\u00e1gina.<\/p>\n En la figura 108 se muestran los nombres que reciben los m\u00e1rgenes de la p\u00e1gina en lenguaje t\u00e9cnico:<\/p>\n Figura 108. a) Margen de lomo \/ interior. b) Margen de corte \/ exterior. c) Margen de cabeza \/ superior. d) Margen de pie \/ inferior<\/p><\/div>\n <\/p>\n La maquetaci\u00f3n en columnas<\/strong> ayuda a mantener una longitud de l\u00ednea manejable y permite que el espacio blanco de la p\u00e1gina no se limite a los m\u00e1rgenes. Es importante la relaci\u00f3n din\u00e1mica entre el formato de la p\u00e1gina, el interlineado y el ancho de columna. Del mismo modo que para decidir el ancho de columna correcto es esencial considerar el cuerpo de la tipograf\u00eda y el interlineado.<\/p>\n El medianil<\/strong> es la separaci\u00f3n entre columnas y viene determinado por la relaci\u00f3n entre el cuerpo de la tipograf\u00eda, el interlineado y el ancho de columna. Su finalidad es indicar al lector que tiene que saltar a la l\u00ednea siguiente evitando que contin\u00fae la lectura en la l\u00ednea de la columna contigua. Por lo tanto, el ancho del medianil tendr\u00e1 que ser mayor que el espacio entre palabras.<\/p>\n Figura 109<\/p><\/div>\n <\/p>\n La ret\u00edcula<\/strong> es una estructura subyacente que permite organizar y situar los diferentes elementos. Se aplica especialmente en documentos de varias p\u00e1ginas para agilizar la maquetaci\u00f3n y garantizar la coherencia visual entre las p\u00e1ginas. Sin embargo, para llevar a cabo cualquier dise\u00f1o, ya sea de un libro, un folleto, un cartel, un envase, un sitio web o una marca, habr\u00e1 que trabajar con una ret\u00edcula.<\/p>\n Para construir la ret\u00edcula es necesario conocer bien el contenido y hacer previsi\u00f3n de posibles problemas (por ejemplo, titulares muy largos). Es importante que la ret\u00edcula, a pesar de que es una gu\u00eda, nunca se imponga a los elementos que se maquetan. Su finalidad es proporcionar una unidad visual sin perder vitalidad en la composici\u00f3n. Normalmente una misma ret\u00edcula ofrece multitud de soluciones para maquetar una p\u00e1gina, pero, incluso as\u00ed, es recomendable romperla en algunos casos.<\/p>\n La ret\u00edcula divide una superficie en campos, a modo de rejilla, que pueden tener las mismas dimensiones o variar, aunque generalmente son proporcionales entre ellos. La altura de los campos corresponde a un n\u00famero determinado de l\u00edneas de texto y su anchura corresponde al ancho de la columna m\u00e1s estrecha. Se puede componer el texto en anchos de columnas diferentes uniendo uno o varios campos.<\/p>\n Figura 110. Ret\u00edcula de manuscrito<\/p><\/div>\n <\/p>\n Figura 111. Ret\u00edcula de columnas<\/p><\/div>\n <\/p>\n Figura 112. Ret\u00edcula modular<\/p><\/div>\n <\/p>\n Figura 113. Ret\u00edcula jer\u00e1rquica<\/p><\/div>\n Josef M\u00fcller-Brockmann, dise\u00f1ador gr\u00e1fico y profesor universitario de origen suizo, caracteriz\u00f3 su trabajo por la sencillez, la l\u00f3gica compositiva y el uso de la ret\u00edcula. Escribi\u00f3 Sistemas de ret\u00edculas<\/em>, una obra cl\u00e1sica de referencia sobre el dise\u00f1o y la composici\u00f3n rigurosa y sistematizada en cualquiera de sus formas.<\/p>\n Figura 114. Josef M\u00fcller-Brockmann (2016). Sistemas de ret\u00edculas<\/em> (3.\u00aa edici\u00f3n, 4.\u00aa tirada). Editorial Gustavo Gili<\/p><\/div>\n <\/p>\n \u00abEl sistema de ret\u00edcula es una ayuda, no una garant\u00eda. Permite un n\u00famero de usos posibles y cada dise\u00f1ador puede buscar una soluci\u00f3n adecuada a su estilo personal. Pero hay que aprender a utilizar la ret\u00edcula, este es un arte que requiere pr\u00e1ctica\u00bb (Josef M\u00fcller-Brockmann, 1914-1996).<\/p>\n<\/div>\n![\"Figura](\"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M4_Pagina_14_Imagen_0002.png\")
![\"Figura](\"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M4_Pagina_15_Imagen_0001.png\")
![\"Figura](\"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M4_Pagina_15_Imagen_0002.png\")
Hay diferentes sistemas reticulares<\/strong><\/h4>\n
\n
![\"Figura](\"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M4_Pagina_16_Imagen_0001-1.png\")
\n
![\"Figura](\"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M4_Pagina_16_Imagen_0002.png\")
\n
![\"Figura](\"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M4_Pagina_17_Imagen_0001.png\")
\n
![\"Figura](\"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M4_Pagina_17_Imagen_0002.png\")
Fuente: http:\/\/www.afxdesign.com\/web-design-blog\/ipad-web-design\/responsive-web-design-example<\/a><\/h6>\n
![\"Figura](\"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M4_Pagina_17_Imagen_0003.png\")
Fuente: http:\/\/ggili.com\/es\/tienda\/productos\/sistemas-de-reticulas-1<\/a><\/h6>\n
![\"Figura](\"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/Tipografia_Materiales-M4_Pagina_18_Imagen_0001.png\")