{"id":367,"date":"2017-06-21T12:21:38","date_gmt":"2017-06-21T12:21:38","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/?page_id=367"},"modified":"2017-07-21T07:09:55","modified_gmt":"2017-07-21T07:09:55","slug":"6-composicion-y-puesta-en-pagina-2","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/6-composicion-y-puesta-en-pagina-2\/","title":{"rendered":"6. Composici\u00f3 i posada en p\u00e0gina"},"content":{"rendered":"<p><\/p>\n<h3>6.2. Elements en la p\u00e0gina composta<\/h3>\n<p>A continuaci\u00f3 enumerarem els diferents elements que poden apar\u00e8ixer en una maqueta. No tots hi han de ser sempre, dep\u00e8n del contingut que estiguem dissenyant, per\u00f2 \u00e9s important que sapiguem recon\u00e8ixer-los per a poder-hi treballar i considerar-los en la nostra composici\u00f3, si calgu\u00e9s. La llibertat creativa amb tots ells \u00e9s \u00e0mplia, si b\u00e9 \u00e9s cert que hi ha una jerarquia en cadascun i una s\u00e8rie de convencions sobre el seu \u00fas.<\/p>\n<p><a href=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-2.jpg\"><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-720 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-2.jpg\" alt=\"\" width=\"1200\" height=\"812\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-2.jpg 1200w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-2-300x203.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-2-768x520.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-2-1024x693.jpg 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<ul>\n<li><strong>Cap\u00e7alera de secci\u00f3 o faixa<\/strong>: \u00e9s el recurs gr\u00e0fic que marca la secci\u00f3 de la revista on ens trobem. Generalment hi sol haver una distinci\u00f3 entre les diferents parts de la revista, amb noms propis que acaben sent part distintiva de la publicaci\u00f3. La faixa es repetir\u00e0, situada en el mateix lloc, a cada p\u00e0gina que correspongui.<\/li>\n<\/ul>\n<div id=\"attachment_768\" style=\"width: 650px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_004-1.jpg\"><img aria-describedby=\"caption-attachment-768\" loading=\"lazy\" class=\"img-responsive wp-image-768 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_004-1.jpg\" alt=\"\" width=\"640\" height=\"833\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_004-1.jpg 640w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_004-1-230x300.jpg 230w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><p id=\"caption-attachment-768\" class=\"wp-caption-text\">En la imatge veiem un reportatge de la revista <em>GQ M\u00e9xico<\/em>, i a la faixa comprovem que ens trobem en la secci\u00f3 \u00abHistorias\u00bb.<\/p><\/div>\n<div id=\"attachment_372\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-372\" loading=\"lazy\" class=\"img-responsive wp-image-372 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_005.jpg\" alt=\"\" width=\"640\" height=\"480\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_005.jpg 640w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_005-300x225.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-372\" class=\"wp-caption-text\">Exemple de la revista <em>Woman<\/em>; a la faixa marca que \u00e9s un \u00abEspecial joyas\u00bb.<\/p><\/div>\n<ul>\n<li><strong>Avantt\u00edtol<\/strong>: \u00e9s la frase que antecedeix el titular principal. Acostuma a ser una frase explicativa del titular al qual acompanya.<\/li>\n<li><strong>Titular<\/strong>: \u00e9s l\u2019enunciat que resumeix el contingut i que presideix el reportatge o la not\u00edcia. \u00c9s un dels elements principals de la p\u00e0gina. Pot anar sobre blanc, o \u00abcalat\u00bb en les fotos.<\/li>\n<li><strong>Entradeta<\/strong>: generalment situada sota el t\u00edtol, \u00e9s un breu resum del contingut del reportatge. Sol fer-se servir per a cridar l\u2019atenci\u00f3 del lector sobre el contingut.<\/li>\n<li><strong>Text<\/strong>: \u00e9s el text principal, el m\u00e9s extens, on es desenvolupa tot el contingut. Depenent de l\u2019estil, ser\u00e0 justificat o sense justificar.<\/li>\n<li><strong>Capitular<\/strong>: la primera lletra que apareix en el text, que es col\u00b7loca amb una mida m\u00e9s gran (generalment, diverses l\u00ednies) i que t\u00e9 una funci\u00f3 estil\u00edstica.<\/li>\n<li><strong>Postil\u00b7les<\/strong>: s\u00f3n uns petits t\u00edtols que s\u2019introdueixen dins del text principal, la funci\u00f3 dels quals \u00e9s facilitar la lectura, creant punts d\u2019inter\u00e8s cridaners.<\/li>\n<li><strong>Foto a sang<\/strong>: \u00e9s la foto que abasta fins al l\u00edmit de tall de la p\u00e0gina, sense deixar espai al voltant.<\/li>\n<li><strong>Foto a caixa<\/strong>: \u00e9s la foto que arriba fins a la guia que marca la caixa de la ret\u00edcula.<\/li>\n<li><strong>Foto siluetada<\/strong>: \u00e9s la foto que es col\u00b7loca sense fons. Sol ser una decisi\u00f3 estil\u00edstica, i de vegades \u00e9s un bon recurs per a trencar amb dissenys massa quadriculats i amb poc moviment.<\/li>\n<li><strong>Foliaci\u00f3<\/strong>: \u00e9s la l\u00ednia de text que es col\u00b7loca en els extrems esquerre i dret inferiors i on normalment apareix el nom de la publicaci\u00f3, el nombre de p\u00e0gina en el qual ens trobem i fins i tot la data.<\/li>\n<li><strong>Suports o destacats<\/strong>: s\u00f3n textos formalment constru\u00efts de manera cridanera que s\u2019utilitzen per a trencar la monotonia de la informaci\u00f3 i que actuen com a crida d\u2019atenci\u00f3 cap al lector. Solen donar molt de joc en l\u2019\u00e0mbit estil\u00edstic, ja que s\u2019hi poden emprar tipografies a mides m\u00e9s grans, o estils que ajudin a definir la personalitat gr\u00e0fica del producte.<\/li>\n<li><strong>Peu de foto<\/strong>: petit text explicatiu de la foto que acompanya.<\/li>\n<li><strong>Trama<\/strong>: \u00e9s un recurs gr\u00e0fic utilitzat per a decorar la p\u00e0gina. Pot ser una trama com a tal (un degradat que es reprodueix creant un motiu) o un element gr\u00e0fic diferent. Es pot fer servir per a delimitar un espai o per a separar elements o zones.<\/li>\n<li><strong>L\u00ednies o filets<\/strong>: s\u00f3n l\u00ednies verticals o horitzontals que es poden utilitzar tant per a marcar un espai com per a separar zones. Si el filet s\u2019utilitza entre columnes de text, sol rebre el nom de corondell. Poden ser prims, seminegres, dols, canya, mitja canya, puntejat, etc.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-373 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_006.jpg\" alt=\"\" width=\"450\" height=\"527\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_006.jpg 450w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_006-256x300.jpg 256w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>6.2. Elements en la p\u00e0gina composta A continuaci\u00f3 enumerarem els diferents elements que poden apar\u00e8ixer en una maqueta. No tots hi han de ser sempre, dep\u00e8n del contingut que estiguem dissenyant, per\u00f2 \u00e9s important que sapiguem recon\u00e8ixer-los per a poder-hi treballar i considerar-los en la nostra composici\u00f3, si calgu\u00e9s. La llibertat creativa amb tots ells [&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\/ca\/wp-json\/wp\/v2\/pages\/367"}],"collection":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/comments?post=367"}],"version-history":[{"count":14,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/367\/revisions"}],"predecessor-version":[{"id":802,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/367\/revisions\/802"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/media?parent=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}