{"id":7025,"date":"2018-11-06T16:59:36","date_gmt":"2018-11-06T16:59:36","guid":{"rendered":"https:\/\/www.conectasoftware.com\/?p=7025"},"modified":"2024-02-04T18:10:57","modified_gmt":"2024-02-04T18:10:57","slug":"la-importancia-de-la-tipografia-en-un-logotipo","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/la-importancia-de-la-tipografia-en-un-logotipo\/","title":{"rendered":"La importancia de la tipograf\u00eda en un logotipo"},"content":{"rendered":"<h2>La importancia de la tipograf\u00eda<\/h2>\n<p>\u00bfPor qu\u00e9 no elegir el Calibri por defecto que nos propone un documento de Word?<br \/>\nLa tipograf\u00eda es, junto a la propuesta de valor, las formas y los colores, lo que forma un logotipo y comunica el mensaje de marca de manera visual. Ayuda a diferenciar y reforzar la idea a trav\u00e9s de la forma.<\/p>\n<p>Es un elemento tan vers\u00e1til e importante, que puede convertirse en logotipo, sin necesidad de a\u00f1adir una imagen. Podemos pensar en Coca Cola o Vogue.<\/p>\n<blockquote><p>Los caracteres tipogr\u00e1ficos son m\u00e1gicos. No solo comunican informaci\u00f3n acerca de una palabra, sino que transmiten un mensaje subliminal.<br \/>\nErik Spiekermann<\/p><\/blockquote>\n<h2><span style=\"font-weight: 400;\">\u00bfQu\u00e9 es la familia tipogr\u00e1fica?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">El t\u00e9rmino de familia tipogr\u00e1fica, hace referencia a un grupo de elementos, caracteres y n\u00fameros, con un estilo unificado.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-22020 size-full\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2018\/11\/Opens.png\" alt=\"tipografia logotipo\" width=\"1047\" height=\"855\" \/><\/span><\/p>\n<h2>La clasificaci\u00f3n de las familias tipogr\u00e1ficas<\/h2>\n<p>En primer lugar, la tipograf\u00eda se <strong>clasifica<\/strong> por ser<\/p>\n<ul>\n<li>Serif, o patinadas<\/li>\n<li>Sans Serif, o lineales<\/li>\n<\/ul>\n<p>Las tipograf\u00edas Serif se utilizan preferentemente para comunicar un estilo cl\u00e1sico, formal y elegante. Su punto fuerte es la legibilidad, apoyada en las terminaciones lineales.<\/p>\n<p>En cambio, las tipograf\u00edas Sans Serif se ven en textos cortos y t\u00edtulos, ya que son ideales para causar impacto. A diferencia de las Serif, encontramos este tipo de tipograf\u00eda en marcas modernas y din\u00e1micas.<br \/>\nAdem\u00e1s, hay varias <strong>familias<\/strong><\/p>\n<ul>\n<li>Romana (antigua, transici\u00f3n y moderna)<\/li>\n<li>Egipcia<\/li>\n<li>Geom\u00e9trica<\/li>\n<li>Human\u00edstica<\/li>\n<li>lineal<\/li>\n<li>Manuscrita<\/li>\n<li>Decorativa<\/li>\n<\/ul>\n<h2>Elementos tipogr\u00e1ficos<\/h2>\n<h2><span style=\"font-weight: 400;\">\u00bfQu\u00e9 es la serifa?<\/span><\/h2>\n<hr \/>\n<p><span style=\"font-weight: 400;\">Se conoce como serifa o remate, a los peque\u00f1os remates que podemos encontrar de forma puntiaguda en los finales de los rasgos principales de los caracteres en unas erie de fuentes. Lo cierto es que se trata de una de las principales diferencias en las tipograf\u00edas.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Letras con serifa<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Letras son serfia (tambi\u00e9n se les conoce como palo seco<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-22021 size-full\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2018\/11\/Serifa.png\" alt=\"Ejemplo serif\" width=\"1206\" height=\"587\" \/><\/span><\/p>\n<h2><span style=\"font-weight: 400;\">\u00bfQu\u00e9 es el Kerning y el Tracking?\u00bfEn que se diferencian?<\/span><\/h2>\n<hr \/>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-22019 size-full\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2018\/11\/kerning.png\" alt=\"ejemplo kerning y tracking\" width=\"1268\" height=\"648\" \/>El Tracking que se traduce al castellano como interletrado o interletraje, consiste en una modificaci\u00f3n de lo que es el espaciado natural entre algunos caracteres de una tipograf\u00eda. El espaciado natural es aquel que viene por defecto en la tipograf\u00eda. La modificaci\u00f3n puede ser de manera temporal, por eso no es fijo y permanente.Para ello es necesario utilizar programas especializados en la edici\u00f3n.<\/span><br \/>\n<span style=\"font-weight: 400;\">Por otro lado, tenemos el Kerning<\/span><span style=\"font-weight: 400;\">, para este t\u00e9rmino no se ha encontrado una traducci\u00f3n literal al castellano. Se trata de una operaci\u00f3n de ajuste y alterado del tracking de una pareja de caracteres consecutivos que tienen un problema antiest\u00e9tico con el espaciado y se buca mejorar la apariencia y la lectura del texto.<\/span><\/p>\n<p><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-22018 size-full\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2018\/11\/conn.png\" alt=\"importancia de la tipograf\u00eda\" width=\"1009\" height=\"328\" \/><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-22017 size-full\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2018\/11\/con-y-sin.png\" alt=\"importancia de la tipograf\u00eda\" width=\"937\" height=\"389\" \/>La tipograf\u00eda en las marcas<\/p>\n<p>Uno de los ejemplos m\u00e1s conocidos de la familia romana es el logo de la revista de moda y estilo de vida Vogue. En la portada de la revista, podemos apreciar la fuerza de su personalidad, identificada con estilo y elegancia. Incluso si parte de las letras esta oculta detr\u00e1s de una modelo, es claramente identificable, diferenci\u00e1ndose sin dificultad de la competencia de otras revistas de moda.<br \/>\nEntre las tipograf\u00edas <em>serif<\/em> est\u00e1n Garamond, Century y Georgia.<br \/>\n<img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7034 size-medium\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2018\/11\/garamond-century-georgia-fonts-498x433.jpg\" alt=\"tipograf\u00eda en las marcas\" width=\"498\" height=\"433\" \/><br \/>\nPor otro lado, marcas como Sony, Honda y Volvo utilizan tipograf\u00edas egipcias o mecanas. Cuentan con un serif recto, o Slab Serif, de un grosor parecido al resto de trazos de la letra. Comunican importancia, solidez y confianza.<br \/>\nTipograf\u00edas de este tipo son Clarendon y Rockwell.<br \/>\n<img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7032 size-large\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2018\/11\/sony-volvo-clarendon-rockwell-logo-fonts-1300x526.jpg\" alt=\"ejemplo tipografia en las marcas\" width=\"1170\" height=\"473\" \/><\/p>\n<h3>Fuentes de tipograf\u00eda online<\/h3>\n<p>Recomendamos estos 3 sitios, que cuentan con una gran variedad de tipograf\u00edas, incluso disponibles para descargas gratuitas.<br \/>\nDaFont permite la descarga de tipograf\u00edas de manera gratuita. Se pueden consultar por orden alfabetico, por estilo, autor y popularidad. <a href=\"https:\/\/www.dafont.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.dafont.com\/<\/a><br \/>\n1001 Fonts ofrece actualmente 18720 fuentes gratuitas en 9875 familias <a href=\"https:\/\/www.1001fonts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.1001fonts.com\/<\/a><\/p>\n<p>Font Squirrel tambi\u00e9n ofrecen una amplia colecci\u00f3n de tipograf\u00edas gratuitas de alta calidad \u00a0<a href=\"https:\/\/www.fontsquirrel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.fontsquirrel.com\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La importancia de la tipograf\u00eda \u00bfPor qu\u00e9 no elegir el Calibri por defecto que nos propone un documento de Word? La tipograf\u00eda es, junto a la propuesta de valor, las formas y los colores, lo que forma un logotipo y comunica el mensaje de marca de manera visual. Ayuda a diferenciar y reforzar la idea [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7027,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"gallery","meta":{"content-type":"","footnotes":""},"categories":[24],"tags":[],"class_list":{"0":"post-7025","1":"post","2":"type-post","3":"status-publish","4":"format-gallery","5":"has-post-thumbnail","7":"category-marketing-digital","8":"post_format-post-format-gallery"},"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/7025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/comments?post=7025"}],"version-history":[{"count":9,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/7025\/revisions"}],"predecessor-version":[{"id":40507,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/7025\/revisions\/40507"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/7027"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=7025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/categories?post=7025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/tags?post=7025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}