{"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\/2-las-tipografias-11\/","title":{"rendered":"2. Las tipograf\u00edas"},"content":{"rendered":"<p><\/p>\n<h3>2.4. Normas b\u00e1sicas en tipograf\u00eda<\/h3>\n<h3>2.4.3. Que vuestra fuente comunique lo que ten\u00e9is intenci\u00f3n de comunicar<\/h3>\n<p>Recordemos que los tipos de letra a veces comunican por s\u00ed mismos, independientemente del contenido de las palabras que forman. Hay que tener claro tambi\u00e9n que no solo la tipograf\u00eda es la que determinar\u00e1 las sensaciones que trasmite, sino que la colocaci\u00f3n de las letras, el tama\u00f1o, los espacios entre palabras o l\u00edneas, etc. tambi\u00e9n ayudar\u00e1n a matizar el mensaje.<\/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 mismo texto, con distintas letras, trasmite diferentes cosas.<\/p><\/div>\n<p>Ejemplos de sensaciones que pueden provocar las letras, seg\u00fan sus formas:<\/p>\n<ul>\n<li><strong>Romanas<\/strong><strong>: <\/strong>las percibimos como serias, respetables, institucionales o corporativas. R<strong>epresentan<\/strong> <strong>c<\/strong>lasicismo, formalidad, tradici\u00f3n, delicadeza, conservadurismo, refinamiento, etc.<\/li>\n<li><strong>Egipcias<\/strong><strong>: <\/strong>transmiten fuerza, contundencia, precisi\u00f3n, etc.<\/li>\n<li><strong>Sin serifa (o de palo seco)<\/strong><strong>:<\/strong> transmiten modernidad, dinamismo, fuerza, actualidad, etc.<\/li>\n<li><strong>Fantas\u00eda<\/strong><strong>: <\/strong>son fuentes muy variadas, con mucha personalidad y con ornamentos propios. Se acostumbran a utilizar para dar toques originales y creativos en los dise\u00f1os, incluso para elaborar logotipos, ya que son muy diferentes del resto de las tipograf\u00edas. Para la redacci\u00f3n de textos no funcionan, ya que en cuerpos peque\u00f1os tienen mala legibilidad.<\/li>\n<li>Las caligr\u00e1ficas pueden trasmitir elegancia, refinamiento, fragilidad, delicadeza, etc.<\/li>\n<li>Las <em>scripts<\/em> se mueven en el mundo de la espontaneidad, la juventud, la rebeld\u00eda, etc.<\/li>\n<li>Las g\u00f3ticas trasmiten sensaciones relacionadas con lo antiguo, lo cruel u oscuro.<\/li>\n<li>Las decorativas pueden trasmitir personalidad, transgresi\u00f3n u originalidad.<\/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 podemos ver claramente un ejemplo, extra\u00eddo de la revista <em>Smoda<\/em>, en el que el contenido convive con la tipograf\u00eda. El tema del reportaje es mostrar a representantes de dos tendencias: la \u00abbarroca\u00bb y la \u00abaustera\u00bb. Sin grandes estridencias y de manera elegante, con un simple uso tipogr\u00e1fico se est\u00e1 haciendo \u00e9nfasis en este enfrentamiento: una tipograf\u00eda romana para la palabra <em>barrocos<\/em>, y una tipograf\u00eda de palo para la palabra <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 de un reportaje de la revista <em>Woman<\/em>, podemos ver el uso de una tipograf\u00eda de fantas\u00eda, una Brush Script usada para enfatizar las caras pintadas de los protagonistas de la foto y dar un car\u00e1cter informal y divertido al tema. No hay que abusar de este tipo de letras, pero s\u00ed se pueden usar en peque\u00f1as pinceladas, para sorprender y aportar frescura a nuestros dise\u00f1os.<\/p><\/div>\n<p>Hay interesantes estudios acerca de la forma escrita y la semantizaci\u00f3n tipogr\u00e1fica, o lo que es lo mismo: dar un significado a un concepto a trav\u00e9s de las letras y sus variaciones. Un ejemplo divertido y muy visual es este <a href=\"https:\/\/www.youtube.com\/watch?feature=player_embedded&amp;v=J59n8FsoRLE\" target=\"_blank\" rel=\"noopener noreferrer\">v\u00eddeo<\/a>, a partir del libro <em>World as image<\/em> del dise\u00f1ador coreano Ji Lee, director creativo de Google Creative Lab.<\/p>","protected":false},"excerpt":{"rendered":"<p>2.4. Normas b\u00e1sicas en tipograf\u00eda 2.4.3. Que vuestra fuente comunique lo que ten\u00e9is intenci\u00f3n de comunicar Recordemos que los tipos de letra a veces comunican por s\u00ed mismos, independientemente del contenido de las palabras que forman. Hay que tener claro tambi\u00e9n que no solo la tipograf\u00eda es la que determinar\u00e1 las sensaciones que trasmite, sino [&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\/189"}],"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=189"}],"version-history":[{"count":4,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/189\/revisions"}],"predecessor-version":[{"id":551,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/pages\/189\/revisions\/551"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/dis-marca\/wp-json\/wp\/v2\/media?parent=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}