{"id":263530,"date":"2023-10-13T06:47:00","date_gmt":"2023-10-13T03:47:00","guid":{"rendered":"https:\/\/inform.click\/la-tipografia-habla-mas-que-las-palabras\/"},"modified":"2023-10-13T06:50:00","modified_gmt":"2023-10-13T03:50:00","slug":"la-tipografia-habla-mas-que-las-palabras","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/la-tipografia-habla-mas-que-las-palabras\/","title":{"rendered":"La tipograf\u00eda habla m\u00e1s que las palabras"},"content":{"rendered":"<p>\n  Hoy en d\u00eda, los dise\u00f1adores gr\u00e1ficos utilizan mucho la tipograf\u00eda para descubrir las relaciones entre el dise\u00f1o del tipo y lo que realmente dice este tipo. Un dise\u00f1ador gr\u00e1fico inteligente crea un equilibrio adecuado entre las caracter\u00edsticas verbales y visuales de un dise\u00f1o en particular para comunicar su mensaje.\n<\/p>\n<p>\n  A veces, sin embargo, los dise\u00f1adores gr\u00e1ficos descubren que la caracter\u00edstica visual del tipo es m\u00e1s poderosa que la del aspecto verbal. En estos casos, el lenguaje visual se utiliza para hablar todo el tiempo. Aqu\u00ed, en este art\u00edculo, arrojamos luz sobre lo que sucede cuando la tipograf\u00eda habla m\u00e1s que las palabras.\n<\/p>\n<p>\n  Seg\u00fan Cal Swan, autor del famoso libro Language and typography, \u00abcuando estos dos campos diferentes se unen en alg\u00fan lugar en la pr\u00e1ctica, crean una fuerte conexi\u00f3n entre las transmisiones de palabras en forma visible y su concepci\u00f3n como mensaje\u00bb.\n<\/p>\n<p>\n  Aqu\u00ed mucha gente desconoce el significado de los t\u00e9rminos \u00ablenguaje verbal\u00bb y \u00ablenguaje visual\u00bb. Aclaremos estas dos palabras y su diferencia aqu\u00ed. En el dise\u00f1o gr\u00e1fico, el lenguaje verbal es la combinaci\u00f3n de oraciones, frases y palabras, mientras que el aspecto visual se refiere a las oraciones y significados producidos por la apariencia visual de la imagen y el texto. En este art\u00edculo, con la palabra \u00ablenguaje visual\u00bb nos referimos a la naturaleza y el significado de la tipograf\u00eda cuidadosamente seleccionada.'\n<\/p>\n<p>\n  Aqu\u00ed ver\u00e1s una gran variedad de ejemplos de lenguaje verbal y visual que te ayudar\u00e1n a entender ambos f\u00e1cilmente. Tambi\u00e9n se discutir\u00e1 la implicaci\u00f3n de las elecciones de tipo en la interpretaci\u00f3n y el significado. Y tambi\u00e9n sabr\u00e1 c\u00f3mo presentar el mensaje similar en diferentes formas para alentar y transmitir una variedad de respuestas.\n<\/p>\n<p>\n  Todos tenemos diferentes experiencias culturales y antecedentes que nos diferencian unos de otros que afectan la percepci\u00f3n de uno. As\u00ed, a pesar del esfuerzo y habilidad del dise\u00f1ador, quedan muchos aspectos inmanejables, entre ellos la percepci\u00f3n del espectador, preferencias, experiencias, conocimientos y expectativas.\n<\/p>\n<p>\n  Por ejemplo, mira esta incre\u00edble pieza de Greenpeace:\n<\/p>\n<p>\n  Por supuesto, qui\u00e9n de nosotros no est\u00e1 familiarizado con el logotipo del chocolate favorito del mundo \u00abKit Kat\u00bb. La forma de la letra, el estilo y el tipo ciertamente y las proporciones, el \u00e1ngulo, la forma y el color generan una relaci\u00f3n familiar instant\u00e1nea con la marca de chocolate en particular: todo es tan familiar que al principio no notar\u00e1 que hay algo diferente en el logotipo y podr\u00eda tomar otro. mira para ver el cambio.\n<\/p>\n<h5>\n  Manipulaci\u00f3n de reacciones y sentimientos:<br \/>\n<\/h5>\n<p>\n  El lenguaje visual al dise\u00f1ar con tipograf\u00eda no solo juega con las emociones de una persona sino tambi\u00e9n con sus respuestas f\u00edsicas. En el siguiente ejemplo, le mostraremos un gr\u00e1fico simple de los efectos emotivos y variados y el control altamente abrumador que se puede lograr f\u00e1cilmente alterando el aspecto visual de un mensaje completo, pero a\u00fan presenta el mismo lenguaje verbal.\n<\/p>\n<p>\n  En la primera imagen, puede ver f\u00e1cilmente la palabra grande en negrita, con un interletraje estrecho y en min\u00fasculas. La posici\u00f3n de la palabra la hace ruidosa y dominante y da un mensaje completamente confiado, amigable y entusiasta. La persona que habla est\u00e1 feliz de verte y te recibe con una gran sonrisa en su rostro.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1480a7c0.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1480a7c0.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ahora mira la segunda imagen que contrasta completamente diferente a la primera, a pesar de presentar el mismo saludo. La ubicaci\u00f3n, el color, la escala, la caja y la fuente sugieren un encuentro considerablemente m\u00e1s vacilante y distante. De hecho, no est\u00e1s completamente seguro en esta imagen de si la persona que habla aqu\u00ed quiere hablar contigo o ignorarte por completo.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14b5f765.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14b5f765.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Si lee los ejemplos anteriores en voz alta, notar\u00e1 los efectos completamente diferentes del lenguaje visual. Mire la primera imagen y d\u00edgala en voz alta. Ilustrar\u00eda apertura, amabilidad y deleite genuino. Mientras lee en voz alta la segunda imagen, notar\u00e1 un tono mucho m\u00e1s bajo, carente de compromiso y una voz casi incierta. Hay una variedad interminable de opciones tipogr\u00e1ficas que logran cambios dram\u00e1ticos o sutiles en el tono y volumen de la voz.\n<\/p>\n<h5>\n  C\u00f3mo aprovechar al m\u00e1ximo el lenguaje visual:<br \/>\n<\/h5>\n<p>\n  El lenguaje verbal generalmente se usa para dar forma e inspirar el dise\u00f1o, mientras que, por otro lado, la tipograf\u00eda se usa para transmitir un mensaje; el objetivo de ambos es el mismo para aprovechar al m\u00e1ximo la reacci\u00f3n de los espectadores. Si el dise\u00f1o se mezcla con cuidado, puede conducir a un resultado inolvidable. Las siguientes im\u00e1genes son ejemplos perfectos de los resultados que se pueden lograr al usar el aspecto verbal que ha ayudado a motivar un lenguaje visual.\n<\/p>\n<p>\n  La primera imagen es una obra de arte de Herb Lubalin, un conocido dise\u00f1ador gr\u00e1fico estadounidense que, en su monograf\u00eda, Alan Peckolick y Gertrude Snyder describieron sobre \u00e9l como \u00abun tip\u00f3grafo inteligente cuyos conceptos gr\u00e1ficos se basan en la tipograf\u00eda, el arte y la copia y para subraya el drama intr\u00ednseco en su mensaje, utiliz\u00f3 todas las formas de producci\u00f3n disponibles\u00bb.\n<\/p>\n<p>\n  Si volvemos a leer el tema de este art\u00edculo notamos que esta cita encaja especialmente. Muestra a Herb como un dise\u00f1ador gr\u00e1fico que no solo valoraba el poder del lenguaje, sino tambi\u00e9n la composici\u00f3n y la tipograf\u00eda. El libro explica claramente que los m\u00e9todos de producci\u00f3n que us\u00f3 Lubalin no son solo para los efectos, sino que tambi\u00e9n enfatizan el mensaje y el significado de un proyecto en particular. En la \u00e9poca de Herb, estos veredictos habr\u00edan implicado imponer mayores limitaciones al trabajo manual que las que enfrenta la gente de hoy. Finalmente, confirma que, en Lubalin, la noci\u00f3n era de suma importancia y siempre debe tenerse en cuenta antes de dise\u00f1ar.\n<\/p>\n<p>\n  En 1964, en Visual Graphics Corporation, expone sus numerosas entradas, de las cuales una presenta una cita de un conocido escritor y editor estadounidense Caskie Stinnett.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14e4deac.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14e4deac.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Mediante el uso de una composici\u00f3n tipogr\u00e1fica bien considerada y delicada, Herb ha dise\u00f1ado un mensaje desagradable de una manera agradable y atractiva. Seg\u00fan la cita, \u00abUn diplom\u00e1tico es una persona que puede decirte que te vayas al infierno de tal manera que realmente esperas con ansias el viaje\u00bb. Mientras que el punto central dice \u00abvete al infierno\u00bb est\u00e1 dise\u00f1ado en una forma caligr\u00e1fica elegante y elaborada.\n<\/p>\n<p>\n  Mientras que, por otro lado, si vemos la obra de arte de la dise\u00f1adora gr\u00e1fica de letras a mano Alison Carmichael, notamos cu\u00e1n bellamente muestra el efecto tipogr\u00e1fico al tomar el control del significado. Tambi\u00e9n gan\u00f3 el premio al mejor anuncio autopromocional por este tipo de dise\u00f1o para el c\u00edrculo creativo. Las letras a mano de Carmichael est\u00e1n entintadas y grabadas en un estilo intrincado en la parte superior de un escritorio escolar. Al principio, cuando mires este dise\u00f1o, parecer\u00e1 una hermosa obra hist\u00f3rica de escritura g\u00f3tica; mientras que, por otro lado, segundos despu\u00e9s, cuando la realidad golpea, el significado desagradable de la palabra escrita se vuelve claro para ti.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15049166.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15049166.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  El gobierno del Reino Unido ha tomado una iniciativa para crear conciencia sobre los problemas de los trabajadores traficados en la industria del sexo por parte de prostitutas. Se pide a los dise\u00f1adores que est\u00e1n contribuyendo que env\u00eden las \u00abTart-cards\u00bb para participar en una exposici\u00f3n. Cientos de prostitutas londinenses se anunciaban a s\u00ed mismas y a sus servicios exhibiendo tarjetas promocionales de tartas en cabinas telef\u00f3nicas. Incluso en el siglo XXI, cuando Internet y los tel\u00e9fonos m\u00f3viles est\u00e1n por todas partes y en la represi\u00f3n policial, estas tarjetas de tarta son muy admiradas y coleccionadas por la gente como arte.\n<\/p>\n<p>\n  A continuaci\u00f3n, se muestran ejemplos de manipulaci\u00f3n de tipos expresivos y tipos de letra que fortalecen visualmente el significado del texto. Cualquiera puede averiguar el significado de las cartas con solo mirarlas:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d153b4f51.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d153b4f51.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  A continuaci\u00f3n se muestra otro gran ejemplo del lenguaje visual de tipos de Jason Munn, un famoso dise\u00f1ador estadounidense tambi\u00e9n conocido por sus muy admirados carteles musicales. El siguiente ejemplo es principalmente tipograf\u00eda, dise\u00f1ada de tal manera que el espectador no capta f\u00e1cilmente el significado de la imagen. \u00bfCu\u00e1l es la realidad? La selecci\u00f3n del tipo tambi\u00e9n es importante; sus grandes contrastes de trazos finos y gruesos apuntan a la comparaci\u00f3n entre la mentira y la verdad.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1576df13.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1576df13.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  El dise\u00f1ador de la imagen de arriba usa el tipo de letra para fortalecer el significado de esta declaraci\u00f3n. Estos dise\u00f1os son ligeramente diferentes de los dem\u00e1s; La tipograf\u00eda se utiliza principalmente para fortalecer el tono asertivo y la agenda de los oradores.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15a97630.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15a97630.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  El ejemplo anterior es de una conocida comedia de situaci\u00f3n de la BBC \u00abManteniendo las apariencias\u00bb. Las palabras son pronunciadas por el personaje principal del programa: Hyacinth Bucket, mandona, exc\u00e9ntrica y escaladora social, una se\u00f1ora de 60 a\u00f1os con grandes ambiciones. Tipogr\u00e1ficamente, las letras han sido agrupadas y seleccionadas para resaltar las necesidades del personaje. Aqu\u00ed las palabras \u00abmi\u00bb y \u00abyo quiero\u00bb se muestran en negrita debido a un cambio teatral de escala. \u00abSuperiores\u00bb se escribe con may\u00fasculas, mientras que el tama\u00f1o de \u00abtu\u00bb se reduce y se escribe con min\u00fasculas, disminuyendo as\u00ed la importancia de con qui\u00e9n est\u00e1 charlando, de acuerdo con el car\u00e1cter mand\u00f3n del personaje y el tono de voz al hablar con su lechero.\n<\/p>\n<p>\n  Los dise\u00f1adores utilizaron la tipograf\u00eda para comunicar el estado de \u00e1nimo, el g\u00e9nero, la edad, la personalidad y el tono de voz, y pueden manipularse f\u00e1cilmente. Si, como alternativa a esta fuente serif que representa la personalidad de la mujer, usamos una losa serif, de repente la personalidad cambia y, por lo tanto, el impacto emocional de toda la declaraci\u00f3n. Si se juzga simplemente por el texto mecanografiado, el g\u00e9nero del hablante cambia de femenino; adem\u00e1s, su edad no est\u00e1 en los 60 y su estado de \u00e1nimo no es para nada meramente pretencioso, sino que roza el enfado. Es el mejor ejemplo que muestra c\u00f3mo un simple cambio de tipo puede cambiar r\u00e1pidamente el tono.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15dd69c0.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15dd69c0.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Nadie puede subestimar el poder de la tipograf\u00eda:<br \/>\n<\/h5>\n<p>\n  Los ejemplos anteriores muestran claramente que la tipograf\u00eda funciona junto con el lenguaje verbal para mejorar, alterar y crear significado. Si bien, por otro lado, el aspecto visual del dise\u00f1o tambi\u00e9n es muy importante, nadie puede subestimar la importancia del tipo para influir en el significado de la declaraci\u00f3n.\n<\/p>\n<p>\n  La obligaci\u00f3n -y, de hecho, el papel- del dise\u00f1ador gr\u00e1fico de establecer un tono de voz que agregue alg\u00fan significado al lenguaje verbal necesita un debate largo y regular. Muchos acad\u00e9micos y dise\u00f1adores gr\u00e1ficos argumentan que es responsabilidad del dise\u00f1ador agregar algo de \u00absabor y gusto\u00bb a su trabajo, no solo para mejorar y transmitir el mensaje, sino tambi\u00e9n para hacer que el mensaje sea alentador y agradable de leer y, por supuesto, memorizar.\n<\/p>\n<p>\n  Mientras que en la segunda parte del art\u00edculo te hemos mostrado la fuerte relaci\u00f3n entre el lenguaje verbal y el visual. Se toca brevemente la semi\u00f3tica y la estructura del lenguaje, y se muestran algunos ejemplos destacados, todo lo cual explica por qu\u00e9 ligeros cambios tipogr\u00e1ficos marcan la diferencia.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/06\/18\/typography-speaks-more-than-the-words\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hoy en d\u00eda, los dise\u00f1adores gr\u00e1ficos utilizan mucho la tipograf\u00eda para descubrir las relaciones entre el dise\u00f1o del tipo y lo que realmente dice este tipo. Un dise\u00f1ador gr\u00e1fico inteligente crea un equilibrio adecuado entre las caracter\u00edsticas verbales y visuales de un dise\u00f1o en particular para comunicar su mensaje. A veces, sin embargo, los dise\u00f1adores gr\u00e1ficos descubren que la caracter\u00edstica visual del tipo es m\u00e1s poderosa que la del aspecto verbal. En estos casos, el lenguaje visual se utiliza para hablar todo el tiempo. Aqu\u00ed, en este art\u00edculo, arrojamos luz sobre lo que sucede cuando la tipograf\u00eda habla m\u00e1s que las palabras. Seg\u00fan Cal Swan, escritor de, famoso&#8230;<\/p>\n","protected":false},"author":1,"featured_media":143971,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[151,203,255,60],"tags":[],"class_list":["post-263530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consejos-y-trucos-web","category-diseno-web","category-fuentes","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263530"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263530\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/143971"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}