{"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\/6-composicion-y-puesta-en-pagina-2\/","title":{"rendered":"6. Composici\u00f3n y puesta en p\u00e1gina"},"content":{"rendered":"<p><\/p>\n<h3>6.2. Elementos en la p\u00e1gina compuesta<\/h3>\n<p>A continuaci\u00f3n, enumeraremos los distintos elementos que pueden aparecer en una maqueta. No todos tienen por qu\u00e9 estar siempre, depender\u00e1 del contenido que estemos dise\u00f1ando, pero es importante que sepamos reconocerlos para poder trabajar con ellos y considerarlos en nuestra composici\u00f3n si fuera necesario. La libertad creativa con todos ellos es amplia, si bien es cierto que hay una jerarqu\u00eda en cada uno de ellos, y una serie de convenciones acerca de su uso.<\/p>\n<p><a href=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-1.jpg\"><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-671 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-1.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-1.jpg 1200w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-1-300x203.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-1-768x520.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_003-1-1024x693.jpg 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<ul>\n<li><strong>Cabecera de secci\u00f3n o cintillo<\/strong>: es el recurso gr\u00e1fico que marca la secci\u00f3n de la revista en la que nos encontramos. Generalmente, suele haber una distinci\u00f3n entre las diferentes partes de la revista, con nombres propios que acaban siendo parte distintiva de la publicaci\u00f3n. El cintillo se repetir\u00e1, situado en el mismo lugar, en cada p\u00e1gina que corresponda.<\/li>\n<\/ul>\n<div id=\"attachment_801\" 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-2.jpg\"><img aria-describedby=\"caption-attachment-801\" loading=\"lazy\" class=\"img-responsive wp-image-801 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_004-2.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-2.jpg 640w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a6_004-2-230x300.jpg 230w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><p id=\"caption-attachment-801\" class=\"wp-caption-text\">En la imagen, vemos un reportaje de la revista <em>GQ M\u00e9xico<\/em>, y en el cintillo comprobamos que nos encontramos en la secci\u00f3n \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\">Ejemplo de la revista <em>Woman<\/em>; en el cintillo, marca que es un \u00abEspecial joyas\u00bb.<\/p><\/div>\n<ul>\n<li><strong>Antet\u00edtulo<\/strong>: es la frase que antecede al titular principal. Suele ser una oraci\u00f3n explicativa del titular al que acompa\u00f1a.<\/li>\n<li><strong>Titular<\/strong>: es el enunciado que resume el contenido y que preside el reportaje o la noticia. Es uno de los elementos principales de la p\u00e1gina. Puede ir sobre blanco, o \u00abcalado\u00bb en las fotos.<\/li>\n<li><strong>Entradilla<\/strong>: generalmente ubicada bajo el t\u00edtulo, es un breve resumen del contenido del reportaje. Suele usarse para llamar la atenci\u00f3n del lector sobre el contenido.<\/li>\n<li><strong>Texto<\/strong>: es el texto principal, el m\u00e1s extenso, donde se desarrolla todo el contenido. Dependiendo del estilo, ser\u00e1 justificado o sin justificar.<\/li>\n<li><strong>Capitular<\/strong>: la primera letra que aparece en el texto que se coloca de mayor tama\u00f1o (generalmente, varias l\u00edneas) y que tiene una funci\u00f3n estil\u00edstica.<\/li>\n<li><strong>Ladillos<\/strong>: son unos peque\u00f1os t\u00edtulos que se introducen dentro del texto principal y cuya funci\u00f3n es facilitar la lectura, creando llamativos puntos de inter\u00e9s.<\/li>\n<li><strong>Foto a sangre<\/strong>: es la foto que abarca hasta el l\u00edmite de corte de la p\u00e1gina, sin dejar espacio alrededor.<\/li>\n<li><strong>Foto a caja<\/strong>: es la foto que llega hasta la gu\u00eda que marca la caja de la ret\u00edcula.<\/li>\n<li><strong>Foto silueteada<\/strong>: es la foto que se coloca sin fondo. Suele ser una decisi\u00f3n estil\u00edstica y a veces es un buen recurso para romper con dise\u00f1os demasiado cuadriculados y con poco movimiento.<\/li>\n<li><strong>Foliaci\u00f3n<\/strong>: es la l\u00ednea de texto que se suele colocar en los extremos izquierdo y derecho inferiores, y en la que normalmente aparece el nombre de la publicaci\u00f3n, el n\u00famero de p\u00e1gina en el que nos encontramos e incluso la fecha.<\/li>\n<li><strong>Apoyos o destacados<\/strong>: son textos formalmente construidos de manera llamativa que se utilizan para romper la monoton\u00eda de la informaci\u00f3n y que act\u00faan como llamada de atenci\u00f3n hacia el lector. Suelen dar mucho juego en un \u00e1mbito estil\u00edstico, ya que se pueden usar tipograf\u00edas a tama\u00f1os mayores, o estilos que ayuden a definir la personalidad gr\u00e1fica del producto.<\/li>\n<li><strong>Pie de foto<\/strong>: peque\u00f1o texto explicativo de la foto a la que acompa\u00f1a.<\/li>\n<li><strong>Trama<\/strong>: es un recurso gr\u00e1fico utilizado para decorar la p\u00e1gina. Puede ser una trama como tal (un degradado que se reproduce creando un motivo), o un elemento gr\u00e1fico distinto. Se puede usar para delimitar un espacio o para separar elementos o zonas.<\/li>\n<li><strong>L\u00edneas o filetes<\/strong>: son l\u00edneas verticales u horizontales que se pueden utilizar tanto para marcar un espacio como para separar zonas. Si el filete se utiliza entre columnas de texto, suele recibir el nombre de \u00abcorondel\u00bb. Pueden ser finos, seminegros, lutos, ca\u00f1a, media ca\u00f1a, punteado, 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. Elementos en la p\u00e1gina compuesta A continuaci\u00f3n, enumeraremos los distintos elementos que pueden aparecer en una maqueta. No todos tienen por qu\u00e9 estar siempre, depender\u00e1 del contenido que estemos dise\u00f1ando, pero es importante que sepamos reconocerlos para poder trabajar con ellos y considerarlos en nuestra composici\u00f3n si fuera necesario. La libertad creativa con todos [&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\/367"}],"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=367"}],"version-history":[{"count":14,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/367\/revisions"}],"predecessor-version":[{"id":802,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/367\/revisions\/802"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}