{"id":7,"date":"2017-01-24T14:13:47","date_gmt":"2017-01-24T14:13:47","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/?page_id=7"},"modified":"2017-02-22T15:15:35","modified_gmt":"2017-02-22T15:15:35","slug":"1-lletres-2","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/1-lletres-2\/","title":{"rendered":"1. Letras"},"content":{"rendered":"<p><\/p>\n<h3><strong>1.2. Tipograf\u00eda, rotulaci\u00f3n y caligraf\u00eda<\/strong><\/h3>\n<p>En los \u00faltimos a\u00f1os, la tipograf\u00eda, la caligraf\u00eda y la rotulaci\u00f3n (<em>lettering<\/em>) se han vuelto muy populares entre dise\u00f1adores y artistas, pero todav\u00eda hay cierta confusi\u00f3n con los significados de estos t\u00e9rminos.<\/p>\n<p>La caligraf\u00eda hace referencia a la generaci\u00f3n de letras usando una herramienta de escritura, mediante la cual se realiza un trazo para cada parte esencial de la letra. Puede ser un l\u00e1piz, un pincel, una pluma o una barra de labios, por ejemplo. Es decir, la caligraf\u00eda est\u00e1 relacionada con el acto de escribir.<\/p>\n<div id=\"attachment_10\" style=\"width: 460px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-10\" loading=\"lazy\" class=\"img-responsive wp-image-10 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/1.2.A-OriolMiro-OldSchool.png\" alt=\"1-2-a-oriolmiro-oldschool\" width=\"450\" height=\"159\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/1.2.A-OriolMiro-OldSchool.png 450w, http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/1.2.A-OriolMiro-OldSchool-300x106.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><p id=\"caption-attachment-10\" class=\"wp-caption-text\">Figura 1. Pieza caligr\u00e1fica de Oriol Mir\u00f3.<\/p><\/div>\n<h6>Fuente: <a href=\"http:\/\/www.urimiro.com\" target=\"_blank\">http:\/\/www.urimiro.com<\/a><\/h6>\n<p>En cambio, cuando hacemos rotulaci\u00f3n, estamos m\u00e1s cercanos al acto de dibujar letras que al acto de escribirlas. Con el<em> lettering <\/em>construimos signos alfab\u00e9ticos con una herramienta de dibujo, usando tantos trazos como necesitamos para obtener la forma que queremos. Generalmente podemos esbozar, borrar, corregir, a\u00f1adir y quitar tantas veces como queramos para generar el r\u00f3tulo perfecto. A veces un trabajo de rotulaci\u00f3n tiene una fuerte base caligr\u00e1fica que ha ido refin\u00e1ndose progresivamente con los redibujados y trazados posteriores.<\/p>\n<div id=\"attachment_11\" style=\"width: 460px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-11\" loading=\"lazy\" class=\"img-responsive wp-image-11 size-full\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/1.2.B-LauraMeseguer-TipoFino.png\" alt=\"1-2-b-laurameseguer-tipofino\" width=\"450\" height=\"236\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/1.2.B-LauraMeseguer-TipoFino.png 450w, http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/1.2.B-LauraMeseguer-TipoFino-300x157.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><p id=\"caption-attachment-11\" class=\"wp-caption-text\">Figura 2. Esbozos y r\u00f3tulo final de Laura Meseguer<\/p><\/div>\n<h6>Fuente: <a href=\"http:\/\/www.laurameseguer.com\" target=\"_blank\">http:\/\/www.laurameseguer.com<\/a><\/h6>\n<p>Finalmente, hablamos de tipograf\u00eda cuando est\u00e1 relacionada con las m\u00e1quinas y la automatizaci\u00f3n. Hoy en d\u00eda son formas digitales vectoriales que tenemos encapsuladas en fuentes en nuestros ordenadores, pero tambi\u00e9n se trataba de tipograf\u00eda cuando los tipos eran met\u00e1licos o de madera y se usaban en prensas de impresi\u00f3n. En este tercer m\u00e9todo de producci\u00f3n de textos estamos usando las letras ideadas por otros: los dise\u00f1adores de tipograf\u00edas.<\/p>\n<div id=\"attachment_12\" style=\"width: 460px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-12\" loading=\"lazy\" class=\"size-full wp-image-12 img-responsive\" src=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/1.2.C-JordiEmbodas-Trola.png\" alt=\"Figura 3. Un esp\u00e9cimen de la tipograf\u00eda Trola, de Jordi Embodas\" width=\"450\" height=\"225\" srcset=\"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/1.2.C-JordiEmbodas-Trola.png 450w, http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/wp-content\/uploads\/sites\/18\/2017\/01\/1.2.C-JordiEmbodas-Trola-300x150.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><p id=\"caption-attachment-12\" class=\"wp-caption-text\">Figura 3. Un esp\u00e9cimen de la tipograf\u00eda Trola, de Jordi Embodas<\/p><\/div>\n<h6>Fuente: <a href=\"http:\/\/www.myfonts.com\/fonts\/tipografies\/trola\" target=\"_blank\">http:\/\/www.myfonts.com\/fonts\/tipografies\/trola<\/a><\/h6>\n<p>&nbsp;<\/p>\n<h4><strong>Conclusiones<\/strong><\/h4>\n<p><strong>Caligraf\u00eda<\/strong> es escribir, <strong>rotulaci\u00f3n<\/strong> es dibujar y <strong>tipograf\u00eda<\/strong> es usar letras que ya exist\u00edan previamente.<\/p>\n<table class=\" personal_table\" style=\"width: 450px;\">\n<tbody style=\"border: 1px solid #eee;\">\n<tr>\n<td style=\"font-weight: bold; background: #ecf4f6;\">Caligraf\u00eda<\/td>\n<td>en directo<\/td>\n<td>escribir<\/td>\n<\/tr>\n<tr>\n<td style=\"font-weight: bold; background: #ecf4f6;\">Rotulaci\u00f3n<\/td>\n<td>en directo<\/td>\n<td>dibujar<\/td>\n<\/tr>\n<tr>\n<td style=\"font-weight: bold; background: #ecf4f6;\">Tipograf\u00eda<\/td>\n<td>en diferido<\/td>\n<td>letras prefabricadas<\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td style=\"font-size: 11px; padding-top: 10px;\" colspan=\"3\">Fuente: Elaboraci\u00f3n propia a partir de la tabla de Daniel Rodr\u00edguez-Valero (2016). <em>Manual de tipograf\u00eda digital<\/em>. Editorial Campgr\u00e0fic<\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>1.2. Tipograf\u00eda, rotulaci\u00f3n y caligraf\u00eda En los \u00faltimos a\u00f1os, la tipograf\u00eda, la caligraf\u00eda y la rotulaci\u00f3n (lettering) se han vuelto muy populares entre dise\u00f1adores y artistas, pero todav\u00eda hay cierta confusi\u00f3n con los significados de estos t\u00e9rminos. La caligraf\u00eda hace referencia a la generaci\u00f3n de letras usando una herramienta de escritura, mediante la cual se [&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\/tipo\/es\/wp-json\/wp\/v2\/pages\/7"}],"collection":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":29,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":486,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/7\/revisions\/486"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}