{"id":335,"date":"2017-06-21T12:01:54","date_gmt":"2017-06-21T12:01:54","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/?page_id=335"},"modified":"2017-07-21T07:07:38","modified_gmt":"2017-07-21T07:07:38","slug":"5-trabajar-con-la-reticula","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/5-trabajar-con-la-reticula\/","title":{"rendered":"5. Trabajar con la ret\u00edcula"},"content":{"rendered":"<p><\/p>\n<h3>5.1. \u00bfQu\u00e9 es la ret\u00edcula?<\/h3>\n<p>La ret\u00edcula como herramienta de dise\u00f1o surgi\u00f3 en la antig\u00fcedad, cuando los pintores, escultores y arquitectos desarrollaron el uso del \u00abn\u00famero \u00e1ureo\u00bb como medio para mantener las proporciones y la armon\u00eda en sus obras. Con una serie de l\u00edneas paralelas y perpendiculares, trazaban una ret\u00edcula que serv\u00eda de gu\u00eda para el desarrollo posterior de la obra. La ret\u00edcula en dise\u00f1o editorial es la estructura de gu\u00edas invisibles que ayudan a colocar en la p\u00e1gina todos los elementos gr\u00e1ficos, de acuerdo a un sistema geom\u00e9trico predefinido. Es un esquema de l\u00edneas verticales y horizontales que ayudan a ordenar la composici\u00f3n, y permiten distribuir de manera f\u00e1cil y con orden todo el contenido. Por ello, la ret\u00edcula es una herramienta fundamental para el dise\u00f1ador. Podemos decir que la ret\u00edcula es el esqueleto detr\u00e1s de nuestro trabajo, un mapa invisible tras la composici\u00f3n, y que est\u00e1 pensada para ayudarnos a organizar todos los elementos del dise\u00f1o de una forma racional y l\u00f3gica.<\/p>\n<p>Dependiendo de las necesidades de cada proyecto se construir\u00e1 una ret\u00edcula, m\u00e1s o menos flexible, m\u00e1s o menos compleja, que nos guiar\u00e1 a la hora de repartir el espacio y distribuir los objetos. Como es habitual en el dise\u00f1o, la ret\u00edcula no est\u00e1 ah\u00ed para encorsetar el trabajo del dise\u00f1ador, sino que es una herramienta para hacer m\u00e1s f\u00e1cil el trabajo de composici\u00f3n de las p\u00e1ginas. Debemos conocer su existencia y su funcionamiento para poder beneficiarnos de todas las ventajas que nos ofrece. Est\u00e1 para ayudarnos a optimizar el espacio y para agilizar nuestro trabajo creativo. Hay que experimentar con ellas, probar y saltarse en ocasiones las normas para conseguir soluciones pero, sobre todo, hay que valerse de las facilidades que nos ofrecen para crear una estructura coherente a lo largo de todo un trabajo.<\/p>\n<p>Uno de los estudios m\u00e1s interesantes sobre el tema es del dise\u00f1ador suizo Josef M\u00fcller-Brockmann, que con su libro <em>Grid Systems in graphic design<\/em> (editado en Espa\u00f1a como <em>Sistemas de ret\u00edculas: Un manual para dise\u00f1adores gr\u00e1ficos<\/em>, editorial GGdise\u00f1o) difundi\u00f3 globalmente el uso de la ret\u00edcula. El trabajo de M\u00fcller-Brockmann se caracteriz\u00f3 por la l\u00f3gica competitiva y la sencillez, lo que le llev\u00f3 a elaborar un sistema de ret\u00edculas que, a d\u00eda de hoy, se ha convertido en referencia de estudio para cualquier dise\u00f1ador. M\u00fcller-Brockmann establece que el trabajo del dise\u00f1ador ha de basarse en un pensamiento matem\u00e1tico, debe concebir su trabajo de manera constructiva, ha de ser claro, pr\u00e1ctico, funcional y, por supuesto, est\u00e9tico.<\/p>\n<p>Podr\u00edamos concluir que la ret\u00edcula es una herramienta de dise\u00f1o primordial para resolver problemas visuales de organizaci\u00f3n. Sus beneficios en el dise\u00f1o son aportar claridad, eficiencia, econom\u00eda y continuidad, al introducir un orden sistem\u00e1tico en una composici\u00f3n.<\/p>\n<p><div id=\"attachment_799\" style=\"width: 910px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a5_001z-1.jpg\"><img aria-describedby=\"caption-attachment-799\" loading=\"lazy\" class=\"img-responsive wp-image-799 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a5_001z-1.jpg\" alt=\"\" width=\"900\" height=\"627\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a5_001z-1.jpg 900w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a5_001z-1-300x209.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a5_001z-1-768x535.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><p id=\"caption-attachment-799\" class=\"wp-caption-text\">Con un dise\u00f1o de m\u00faltiples columnas, es posible conseguir maquetas din\u00e1micas y columnas anchas de lectura reposada.<\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>5.1. \u00bfQu\u00e9 es la ret\u00edcula? La ret\u00edcula como herramienta de dise\u00f1o surgi\u00f3 en la antig\u00fcedad, cuando los pintores, escultores y arquitectos desarrollaron el uso del \u00abn\u00famero \u00e1ureo\u00bb como medio para mantener las proporciones y la armon\u00eda en sus obras. Con una serie de l\u00edneas paralelas y perpendiculares, trazaban una ret\u00edcula que serv\u00eda de gu\u00eda para [&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\/335"}],"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=335"}],"version-history":[{"count":5,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/335\/revisions"}],"predecessor-version":[{"id":800,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/335\/revisions\/800"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}