{"id":222,"date":"2017-06-21T10:06:38","date_gmt":"2017-06-21T10:06:38","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/?page_id=222"},"modified":"2017-08-30T07:37:01","modified_gmt":"2017-08-30T07:37:01","slug":"2-las-tipografias-17","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/2-las-tipografias-17\/","title":{"rendered":"2. Les tipografies"},"content":{"rendered":"<p><\/p>\n<h3>2.5. Triar tipografies per al nostre projecte<\/h3>\n<p>Posar-se a treballar en la selecci\u00f3 de tipografies per a un projecte pot ser realment extenuant. La manera m\u00e9s intel\u00b7ligent de comen\u00e7ar un projecte \u00e9s treballar amb tipus que coneguem i l\u2019\u00fas m\u00e9s adequat dels quals tinguem m\u00e9s o menys clar: comen\u00e7ar des del m\u00e9s b\u00e0sic i, a poc a poc, anar-lo enriquint. La base essencial del treball amb tipografia \u00e9s anar provant, experimentant i, sobretot, obrir els ulls al m\u00f3n per a anar descodificant totes les lletres que hi ha a fora. Entendre\u2019n l\u2019\u00fas i assimilar-ne el potencial.<\/p>\n<p>Tenir un criteri tipogr\u00e0fic ben format \u00e9s dif\u00edcil, ja que demana experi\u00e8ncia i dedicaci\u00f3. Per aix\u00f2, el meu consell \u00e9s comen\u00e7ar construint una base tipogr\u00e0fica senzilla, sustentada per les normes b\u00e0siques que hem repassat i, aix\u00ed, guanyar en seguretat i aconseguir un disseny satisfactori.<\/p>\n<p>El nostre projecte necessita unes tipografies elegants, amb cert tall cl\u00e0ssic, perqu\u00e8 ens volem moure en l\u2019\u00e0mbit de la gamma alta. Volem un text c\u00f2mode de llegir, perqu\u00e8 hi haur\u00e0 reportatges que tindran una extensi\u00f3 llarga. No obstant aix\u00f2, tamb\u00e9 volem resultar moderns, aix\u00ed que intentarem buscar tipografies que ens permetin ser flexibles en el disseny, amb les quals puguem jugar per a dur a terme combinacions est\u00e8tiques.<\/p>\n<p>El nostre objectiu \u00e9s:<\/p>\n<ul>\n<li>Triar una tipografia per al cos de text que tingui bona llegibilitat i que sigui elegant. Per a aix\u00f2, buscarem un serif d\u2019aspecte modern i d\u2019aires cl\u00e0ssics: triem la <strong>Chronicle Roman<\/strong>, una romana d\u2019estil cl\u00e0ssic que aporta for\u00e7a, \u00e9s rotunda i de tra\u00e7 elegant.<\/li>\n<li>Buscarem una tipografia per a les titulacions principals, que funcioni b\u00e9 en cossos grans i que aporti personalitat a la publicaci\u00f3. At\u00e8s que la nostra revista busca ser un producte elegant, intentarem trobar una tipografia de l\u00ednies estilitzades que ens doni joc a l\u2019hora de construir t\u00edtols d\u2019estil refinat. La nostra aposta \u00e9s per un cl\u00e0ssic: la <strong>Didot<\/strong>. T\u00e9 una fam\u00edlia molt \u00e0mplia; de fet, disposa de set versions diferents, adaptades a la grand\u00e0ria a qu\u00e8 s\u2019hagin de fer servir, la qual cosa ens permetr\u00e0 ser flexibles sense perdre coher\u00e8ncia. Les seves possibilitats s\u00f3n moltes, de manera que apostem per la seva versatilitat. Hem de tenir cura en el seu \u00fas, perqu\u00e8 pot aportar un aire massa cl\u00e0ssic al disseny. Ara b\u00e9, el seu estil sobri i la seva versatilitat a mides grans ens poden donar bons resultats, sobretot si hi juguem creativament.<\/li>\n<li>Necessitarem tamb\u00e9 una tipografia <em>sans serif<\/em>, de tra\u00e7 contundent, que ens aporti dinamisme en el disseny. Ens servir\u00e0 per a cridar l\u2019atenci\u00f3. Volem que contrasti adequadament amb titulars i cos de text. Aquesta tipografia ha de ser directa i tenir una fam\u00edlia gran per a poder jugar amb un ampli ventall de recursos, sense necessitat d\u2019utilitzar-ne cap altra. La nostra tria \u00e9s la <strong>Titling Gothic<\/strong>, una tipografia una mica rotunda que esperem que contrasti adequadament amb la resta. La seva fam\u00edlia disposa de diferents pesos, des de molt gruixuts fins a ultralleugers, i t\u00e9 bona llegibilitat, per la qual cosa ser\u00e0 una bona opci\u00f3 per a textos de grand\u00e0ria petita.<\/li>\n<\/ul>\n<div id=\"attachment_225\" style=\"width: 760px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-225\" loading=\"lazy\" class=\"img-responsive wp-image-225 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_025.jpg\" alt=\"\" width=\"750\" height=\"552\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_025.jpg 750w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_025-300x221.jpg 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><p id=\"caption-attachment-225\" class=\"wp-caption-text\">En la imatge podem veure com es comporten les tipografies juntes. Per a poder triar, cal provar i provar combinacions. Jugar amb els tipus pot ser molt divertit, encara que \u00e9s cert que requereix molt de temps.<\/p><\/div>\n<div class=\"definicio\">\n<p>Cal veure exemples, i veure exemples, i veure exemples, i seguir veient exemples que ens educaran pel que fa a traduir els codis tipogr\u00e0fics que es poden trobar en els diferents dissenys.<\/p>\n<\/div>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-898 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos.jpg\" alt=\"\" width=\"1620\" height=\"3132\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos.jpg 1620w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos-155x300.jpg 155w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos-768x1485.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos-530x1024.jpg 530w\" sizes=\"(max-width: 1620px) 100vw, 1620px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-865 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2.jpg\" alt=\"\" width=\"1064\" height=\"686\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2.jpg 1064w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2-300x193.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2-768x495.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos2-1024x660.jpg 1024w\" sizes=\"(max-width: 1064px) 100vw, 1064px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-868 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3.jpg\" alt=\"\" width=\"1098\" height=\"802\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3.jpg 1098w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3-300x219.jpg 300w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3-768x561.jpg 768w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos3-1024x748.jpg 1024w\" sizes=\"(max-width: 1098px) 100vw, 1098px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"img-responsive alignnone wp-image-871 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos4.jpg\" alt=\"\" width=\"3564\" height=\"4752\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos4.jpg 3564w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos4-225x300.jpg 225w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/15-ver-ejemplos4-768x1024.jpg 768w\" sizes=\"(max-width: 3564px) 100vw, 3564px\" \/><\/p>\n<p>Una vegada tinguem la selecci\u00f3 tipogr\u00e0fica feta estarem preparats per a comen\u00e7ar a compondre. Hi ha la possibilitat que a mesura que anem creant el nostre disseny descobrim que alguna de les tipografies triades no funciona tan b\u00e9 com pens\u00e0vem, per la qual cosa en aquest moment haurem de substituir-la per una altra.<\/p>","protected":false},"excerpt":{"rendered":"<p>2.5. Triar tipografies per al nostre projecte Posar-se a treballar en la selecci\u00f3 de tipografies per a un projecte pot ser realment extenuant. La manera m\u00e9s intel\u00b7ligent de comen\u00e7ar un projecte \u00e9s treballar amb tipus que coneguem i l\u2019\u00fas m\u00e9s adequat dels quals tinguem m\u00e9s o menys clar: comen\u00e7ar des del m\u00e9s b\u00e0sic i, a [&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\/222"}],"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=222"}],"version-history":[{"count":12,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":921,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/222\/revisions\/921"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}