{"id":119,"date":"2019-12-06T21:35:13","date_gmt":"2019-12-06T19:35:13","guid":{"rendered":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/?page_id=119"},"modified":"2020-01-21T17:00:06","modified_gmt":"2020-01-21T15:00:06","slug":"2-5-3-el-maquetado","status":"publish","type":"page","link":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/2-5-3-el-maquetado\/","title":{"rendered":"2.5.3. El maquetado"},"content":{"rendered":"<p>El <a href=\"http:\/\/disseny.recursos.uoc.edu\/materials\/interface-toolkit\/es\/reticulas-para-pantalla\/\"><strong>maquetado basado en <\/strong><\/a><strong><a href=\"http:\/\/disseny.recursos.uoc.edu\/materials\/interface-toolkit\/es\/reticulas-para-pantalla\/\" target=\"_blank\" rel=\"noopener noreferrer\">cuadr\u00edcula<\/a><\/strong> es una t\u00e9cnica del dise\u00f1o de impresi\u00f3n que se transfiere de manera efectiva a la web. Este enfoque garantiza la uniformidad del dise\u00f1o a trav\u00e9s de un dise\u00f1o maestro que se utiliza como plantilla para crear variaciones de dise\u00f1o, manteniendo unas <a href=\"http:\/\/disseny.recursos.uoc.edu\/materials\/interface-toolkit\/es\/agrupamiento-chunking\/\" target=\"_blank\" rel=\"noopener noreferrer\">reglas de agrupamiento<\/a> y <a href=\"http:\/\/disseny.recursos.uoc.edu\/materials\/interface-toolkit\/es\/alineacion\/\" target=\"_blank\" rel=\"noopener noreferrer\">alineaci\u00f3n<\/a>. No todos los dise\u00f1os usar\u00e1n todas las partes de la cuadr\u00edcula; de hecho, la mayor\u00eda de los dise\u00f1os probablemente usar\u00e1n solo unos pocos, pero la ubicaci\u00f3n de cada elemento en la cuadr\u00edcula debe ser uniforme y consistente.<\/p>\n<figure id=\"attachment_231\" aria-describedby=\"caption-attachment-231\" style=\"width: 225px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"wp-image-231 size-medium\" src=\"\/wp-content\/uploads\/2019\/12\/m4357_09-225x300.jpg\" alt=\"\" width=\"225\" height=\"300\" srcset=\"\/wp-content\/uploads\/2019\/12\/m4357_09-225x300.jpg 225w, \/wp-content\/uploads\/2019\/12\/m4357_09.jpg 765w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><figcaption id=\"caption-attachment-231\" class=\"wp-caption-text\">Figura 9. El maquetado basado en cuadr\u00edcula<br \/>Fuente: Jesse James Garrett (2002). <em>The Elements of User Experience: User-Centered Design for the Web<\/em> (cap. 7).<\/figcaption><\/figure>\n<div class=\"featured featured-grey\"><p><strong>Ejercicio<\/strong><\/p>\n<p>Utilizad la t\u00e9cnica del maquetado basado en cuadr\u00edcula para trazar el dise\u00f1o de las secciones de la p\u00e1gina web principal de un buscador de alquiler de pisos.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>El maquetado basado en cuadr\u00edcula es una t\u00e9cnica del dise\u00f1o de impresi\u00f3n que se transfiere de manera efectiva a la web. Este enfoque garantiza la uniformidad del dise\u00f1o a trav\u00e9s de un dise\u00f1o maestro que se utiliza como plantilla para crear variaciones de dise\u00f1o, manteniendo unas reglas de agrupamiento y alineaci\u00f3n. No todos los dise\u00f1os [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/119"}],"collection":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":6,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":624,"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/119\/revisions\/624"}],"wp:attachment":[{"href":"http:\/\/quadern-interficies-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}