{"id":345,"date":"2017-06-21T12:08:26","date_gmt":"2017-06-21T12:08:26","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/?page_id=345"},"modified":"2017-07-13T09:23:11","modified_gmt":"2017-07-13T09:23:11","slug":"5-trabajar-con-la-reticula-3","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/5-trabajar-con-la-reticula-3\/","title":{"rendered":"5. Trabajar con la ret\u00edcula"},"content":{"rendered":"<p><\/p>\n<h3>5.3. La construcci\u00f3n de la ret\u00edcula<\/h3>\n<p>Al comienzo de un trabajo, lo primero que debemos tener en cuenta en un \u00e1mbito t\u00e9cnico para poder crear nuestra ret\u00edcula es el tama\u00f1o del proyecto que vamos a hacer. Este formato ser\u00e1 el punto de partida en nuestro proceso de creaci\u00f3n. La ret\u00edcula debe ser una concepci\u00f3n espec\u00edfica para cada trabajo. Todas las plantillas de una revista deben tener la misma ret\u00edcula (salvo que, en secciones distintas, var\u00ede por especificaciones del dise\u00f1o). Esta ret\u00edcula nos ayudar\u00e1 a definir el producto, su personalidad y sus caracter\u00edsticas propias. Tambi\u00e9n nos ayudar\u00e1 a resolver los problemas de organizaci\u00f3n de elementos que vayan surgiendo a lo largo del desarrollo del trabajo.<\/p>\n<p>Para poder construir una ret\u00edcula, debemos recurrir a sencillos c\u00e1lculos que nos ayuden a repartir el espacio. Supongamos que la altura de la columna es de 52 l\u00edneas, y queremos que haya 4 campos reticulares por columna, que ser\u00e1n exactamente del mismo tama\u00f1o y tendr\u00e1n el espacio de una l\u00ednea vac\u00eda entre ellos a modo de separaci\u00f3n. De las 52 l\u00edneas totales que tiene nuestra columna, debemos restar las 3 l\u00edneas de separaci\u00f3n necesarias para los cuatro m\u00f3dulos, por lo que nos quedar\u00edan 49 l\u00edneas para crear los campos. De la divisi\u00f3n de 49 l\u00edneas disponibles entre 4 campos reticulares, nos resultan 12,25 l\u00edneas para cada hueco. Puesto que no es posible dividir una l\u00ednea tipogr\u00e1fica en 0,25, buscamos el n\u00famero inmediatamente inferior que sea divisible entre 4. El resultado que buscamos es 48, que dividido por 4 nos da un resultado de 12. Cada campo reticular estar\u00e1 compuesto, pues, por 12 l\u00edneas. De este modo, si ajustamos la columna, contando los 4 campos de reticulares de 12 l\u00edneas cada uno, m\u00e1s las tres l\u00edneas vac\u00edas de separaci\u00f3n, nos dar\u00e1 una altura correcta de columna de 51 l\u00edneas.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-348 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a5_003.jpg\" alt=\"\" width=\"750\" height=\"548\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a5_003.jpg 750w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a5_003-300x219.jpg 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Ahora deberemos calcular cu\u00e1ntas columnas vamos a colocar en nuestro dise\u00f1o. Cuatro columnas de 51 l\u00edneas cada una, con 16 m\u00f3dulos reticulares en total. Los m\u00f3dulos reticulares pueden unirse entre s\u00ed para dar lugar a nuevos m\u00f3dulos de mayor tama\u00f1o.<\/p>\n<p>Una vez definido esto, deberemos comprobar si la proporci\u00f3n del espacio de los m\u00e1rgenes es adecuada, teniendo en cuenta el tama\u00f1o de la p\u00e1gina. Si no nos agrada el resultado, deberemos comenzar de nuevo con el c\u00e1lculo, variando el alto de columna determinado por el n\u00famero de l\u00edneas.<\/p>\n<div class=\"definicio\">\n<p>Debemos tener en cuenta que el margen interior de nuestro dise\u00f1o deber\u00e1 ser un par de mil\u00edmetros mayor que el exterior, ya que una revista pliega en el centro.<\/p>\n<\/div>\n<div class=\"cita\">\n<p>\u00abEl espacio en blanco debe ser considerado un elemento activo, no un fondo pasivo\u00bb (Jan Tschichold).<\/p>\n<\/div>\n<p>Es importante tener claro qu\u00e9 tipograf\u00edas vamos a usar a la hora de construir nuestra ret\u00edcula, ya que, como vimos anteriormente, no todas las tipograf\u00edas responden igual a un mismo cuerpo ni tienen el mismo alto o ancho, por lo que deberemos determinar el interlineado adecuado para esa tipograf\u00eda y, en consecuencia, el n\u00famero de l\u00edneas necesarias en la columna. El texto general, el que tendr\u00e1 mayor extensi\u00f3n en la p\u00e1gina, es el m\u00e1s importante para tener en cuenta a la hora de llevar a cabo estos c\u00e1lculos.<\/p>","protected":false},"excerpt":{"rendered":"<p>5.3. La construcci\u00f3n de la ret\u00edcula Al comienzo de un trabajo, lo primero que debemos tener en cuenta en un \u00e1mbito t\u00e9cnico para poder crear nuestra ret\u00edcula es el tama\u00f1o del proyecto que vamos a hacer. Este formato ser\u00e1 el punto de partida en nuestro proceso de creaci\u00f3n. La ret\u00edcula debe ser una concepci\u00f3n espec\u00edfica [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/345"}],"collection":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":6,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/345\/revisions"}],"predecessor-version":[{"id":687,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/345\/revisions\/687"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}