{"id":189,"date":"2017-06-21T09:32:54","date_gmt":"2017-06-21T09:32:54","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/?page_id=189"},"modified":"2017-06-29T07:58:06","modified_gmt":"2017-06-29T07:58:06","slug":"2-las-tipografias-11","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/2-las-tipografias-11\/","title":{"rendered":"2. Les tipografies"},"content":{"rendered":"<p><\/p>\n<h3>2.4. Normes b\u00e0siques en tipografia<\/h3>\n<h3>2.4.3. Que la vostra font comuniqui el que teniu intenci\u00f3 de comunicar<\/h3>\n<p>Recordem que els tipus de lletra de vegades comuniquen per si mateixos, independentment del contingut de les paraules que formen. Cal tenir clar, tamb\u00e9, que no nom\u00e9s la tipografia \u00e9s la que determinar\u00e0 les sensacions que transmet, sin\u00f3 que la col\u00b7locaci\u00f3 de les lletres, la grand\u00e0ria, els espais entre paraules o l\u00ednies, etc. tamb\u00e9 ajudaran a matisar el missatge.<\/p>\n<div id=\"attachment_192\" style=\"width: 460px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-192\" loading=\"lazy\" class=\"img-responsive wp-image-192 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_017.jpg\" alt=\"\" width=\"450\" height=\"450\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_017.jpg 450w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_017-150x150.jpg 150w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_017-300x300.jpg 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><p id=\"caption-attachment-192\" class=\"wp-caption-text\">Un mateix text, amb diferents lletres, transmet coses diferents.<\/p><\/div>\n<p>Exemples de sensacions que poden provocar les lletres, segons les seves formes:<\/p>\n<ul>\n<li><strong>Romanes<\/strong><strong>: <\/strong>les percebem com a serioses, respectables, institucionals o corporatives. R<strong>epresenten c<\/strong>lassicisme, formalitat, tradici\u00f3, delicadesa, conservadorisme, refinament, etc.<\/li>\n<li><strong>Eg\u00edpcies<\/strong><strong>: <\/strong>transmeten for\u00e7a, contund\u00e8ncia, precisi\u00f3, etc.<\/li>\n<li><strong>Sense serif (o de pal sec)<\/strong><strong>:<\/strong> transmeten modernitat, dinamisme, for\u00e7a, actualitat, etc.<\/li>\n<li><strong>Fantasia<\/strong><strong>: <\/strong>s\u00f3n fonts molt variades, amb molta personalitat i amb ornaments propis. S\u2019acostumen a utilitzar per a donar tocs originals i creatius als dissenys, fins i tot per a elaborar logotips, ja que s\u00f3n molt diferents de la resta de les tipografies. Per a la redacci\u00f3 de textos no funcionen, ja que en cossos petits tenen mala llegibilitat.<\/li>\n<li>Les cal\u00b7ligr\u00e0fiques poden transmetre eleg\u00e0ncia, refinament, fragilitat, delicadesa, etc.<\/li>\n<li>Les <em>scripts<\/em> es mouen en el m\u00f3n de l\u2019espontane\u00eftat, la joventut, la rebel\u00b7lia, etc.<\/li>\n<li>Les g\u00f2tiques transmeten sensacions relacionades amb l\u2019antic, el cruel o fosc.<\/li>\n<li>Les decoratives poden transmetre personalitat, transgressi\u00f3 o originalitat.<\/li>\n<\/ul>\n<div id=\"attachment_193\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-193\" loading=\"lazy\" class=\"img-responsive wp-image-193 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_018.jpg\" alt=\"\" width=\"640\" height=\"435\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_018.jpg 640w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_018-300x204.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-193\" class=\"wp-caption-text\">Aqu\u00ed podem veure clarament un exemple, extret de la revista <em>Smoda<\/em>, en el qual el contingut conviu amb la tipografia. El tema del reportatge \u00e9s mostrar representants de dues tend\u00e8ncies: la \u00abbarroca\u00bb i l\u2019\u00abaustera\u00bb. Sense grans estrid\u00e8ncies i de manera elegant, amb un simple \u00fas tipogr\u00e0fic s\u2019est\u00e0 fent \u00e8mfasi en aquest enfrontament: una tipografia romana per a la paraula <em>barrocos<\/em>, i una tipografia de pal per a la paraula <em>austeros<\/em>.<\/p><\/div>\n<div id=\"attachment_194\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-194\" loading=\"lazy\" class=\"img-responsive wp-image-194 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_019.jpg\" alt=\"\" width=\"640\" height=\"426\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_019.jpg 640w, http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-content\/uploads\/sites\/22\/2017\/06\/20118_a2_019-300x200.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-194\" class=\"wp-caption-text\">En el titular d\u2019un reportatge de la revista <em>Woman<\/em> podem veure l\u2019\u00fas d\u2019una tipografia de fantasia, una Brush Script usada per a emfatitzar les cares pintades dels protagonistes de la foto i donar un car\u00e0cter informal i divertit al tema. No cal abusar d\u2019aquest tipus de lletres, per\u00f2 s\u00ed que es poden fer servir en petites pinzellades, per a sorprendre i aportar frescor als nostres dissenys.<\/p><\/div>\n<p>Hi ha estudis interessants sobre la forma escrita i la semantitzaci\u00f3 tipogr\u00e0fica, o el que \u00e9s el mateix: donar un significat a un concepte mitjan\u00e7ant les lletres i les seves variacions. Un exemple divertit i molt visual \u00e9s aquest <a href=\"https:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=J59n8FsoRLE\" target=\"_blank\" rel=\"noopener noreferrer\">v\u00eddeo<\/a>, <a href=\"#_ftn1\" name=\"_ftnref1\"><\/a>a partir del llibre <em>World as image<\/em> del dissenyador core\u00e0 Ji Lee, director creatiu de Google Creative Lab.<\/p>","protected":false},"excerpt":{"rendered":"<p>2.4. Normes b\u00e0siques en tipografia 2.4.3. Que la vostra font comuniqui el que teniu intenci\u00f3 de comunicar Recordem que els tipus de lletra de vegades comuniquen per si mateixos, independentment del contingut de les paraules que formen. Cal tenir clar, tamb\u00e9, que no nom\u00e9s la tipografia \u00e9s la que determinar\u00e0 les sensacions que transmet, sin\u00f3 [&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\/189"}],"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=189"}],"version-history":[{"count":4,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/189\/revisions"}],"predecessor-version":[{"id":551,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/pages\/189\/revisions\/551"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/ca\/wp-json\/wp\/v2\/media?parent=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}