{"id":261619,"date":"2023-10-13T06:47:00","date_gmt":"2023-10-13T03:47:00","guid":{"rendered":"https:\/\/inform.click\/a-tipografia-fala-mais-que-as-palavras\/"},"modified":"2023-10-13T07:02:00","modified_gmt":"2023-10-13T04:02:00","slug":"a-tipografia-fala-mais-que-as-palavras","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/a-tipografia-fala-mais-que-as-palavras\/","title":{"rendered":"A tipografia fala mais que as palavras"},"content":{"rendered":"<p>\n  Hoje, os designers gr\u00e1ficos usam amplamente a tipografia para descobrir as rela\u00e7\u00f5es entre o design do tipo e o que esse tipo realmente diz. Um designer gr\u00e1fico inteligente cria um equil\u00edbrio adequado entre os recursos verbais e visuais de um design espec\u00edfico para comunicar sua mensagem.\n<\/p>\n<p>\n  \u00c0s vezes, por\u00e9m, os designers gr\u00e1ficos descobrem que o recurso visual do tipo \u00e9 mais poderoso do que o aspecto verbal. Nesses casos, a linguagem visual \u00e9 usada para fazer toda a fala. Aqui neste artigo esclarecemos o que acontece quando a tipografia fala mais que as palavras.\n<\/p>\n<p>\n  De acordo com Cal Swan, escritor de um famoso livro de linguagem e tipografia, &#8220;quando esses dois campos diferentes se juntam em algum lugar na pr\u00e1tica, eles criam uma forte conex\u00e3o entre as transmiss\u00f5es de palavras em forma vis\u00edvel e sua concep\u00e7\u00e3o como uma mensagem&#8221;.\n<\/p>\n<p>\n  Aqui muitos desconhecem o significado dos termos &#8220;linguagem verbal&#8221; e &#8220;linguagem visual&#8221;. Vamos esclarecer essas duas palavras e sua diferen\u00e7a aqui. No design gr\u00e1fico, a linguagem verbal \u00e9 a combina\u00e7\u00e3o de frases, frases e palavras, enquanto o aspecto visual refere-se \u00e0s frases e significados produzidos pela apar\u00eancia visual da imagem e do texto. Aqui neste artigo, a palavra &#8220;linguagem visual&#8221; significa a natureza e o significado da tipografia cuidadosamente selecionada.'\n<\/p>\n<p>\n  Aqui voc\u00ea ver\u00e1 uma grande variedade de exemplos de linguagem verbal e visual que o ajudar\u00e3o a entender ambos facilmente. A implica\u00e7\u00e3o das escolhas de tipo na interpreta\u00e7\u00e3o e no significado tamb\u00e9m ser\u00e1 discutida. E tamb\u00e9m saber\u00e1 como apresentar a mensagem semelhante em diferentes formas para encorajar e transmitir uma variedade de respostas.\n<\/p>\n<p>\n  Todos n\u00f3s temos diferentes experi\u00eancias culturais e origens que nos diferenciam uns dos outros e afetam a percep\u00e7\u00e3o de cada um. Assim, apesar do esfor\u00e7o e habilidade do designer, muitas caracter\u00edsticas incontrol\u00e1veis \u200b\u200bpermanecem, incluindo a percep\u00e7\u00e3o do espectador, prefer\u00eancias, experi\u00eancias, conhecimentos e expectativas.\n<\/p>\n<p>\n  Por exemplo, veja este artigo incr\u00edvel do Greenpeace:\n<\/p>\n<p>\n  Claro, quem de n\u00f3s n\u00e3o est\u00e1 familiarizado com o logotipo do chocolate favorito do mundo &#8220;Kit Kat&#8221;. A forma da letra, o estilo e o tipo certamente e as propor\u00e7\u00f5es, o \u00e2ngulo, a forma e a cor geram uma rela\u00e7\u00e3o instantaneamente familiar com a marca de chocolate em particular &#8211; tudo \u00e9 t\u00e3o familiar que, a princ\u00edpio, voc\u00ea n\u00e3o notar\u00e1 que algo diferente est\u00e1 no logotipo e poder\u00e1 usar outro olhar para ver a mudan\u00e7a.\n<\/p>\n<h5>\n  Manipulando rea\u00e7\u00f5es e sentimentos:<br \/>\n<\/h5>\n<p>\n  A linguagem visual ao projetar com tipografia n\u00e3o apenas joga com as emo\u00e7\u00f5es de uma pessoa, mas tamb\u00e9m com suas respostas f\u00edsicas. No exemplo a seguir, mostraremos um gr\u00e1fico simples dos efeitos emotivos e variados e controle altamente dominante que pode ser facilmente obtido alterando o aspecto visual de uma mensagem completa, mas ainda apresenta a mesma linguagem verbal.\n<\/p>\n<p>\n  Na primeira imagem, voc\u00ea pode ver facilmente a grande palavra em negrito, com kerning pr\u00f3ximo e em letras min\u00fasculas. A posi\u00e7\u00e3o da palavra a torna alta e dominante e transmite uma mensagem totalmente confiante, amig\u00e1vel e entusi\u00e1stica. A pessoa que fala fica feliz em te ver e te recebe com um enorme sorriso no rosto.\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  Veja agora a segunda imagem que contrasta completamente diferente da primeira, apesar de apresentar a mesma sauda\u00e7\u00e3o. O posicionamento, a cor, a escala, a caixa e a fonte sugerem um encontro consideravelmente mais hesitante e distante. Na verdade, voc\u00ea n\u00e3o tem certeza nesta foto se a pessoa que est\u00e1 falando aqui quer falar com voc\u00ea ou ignor\u00e1-lo completamente.\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  Se voc\u00ea ler os exemplos acima em voz alta, notar\u00e1 os efeitos totalmente diferentes da linguagem visual. Olhe para a primeira imagem e diga em voz alta que ilustraria abertura, amizade e prazer genu\u00edno. Ao ler em voz alta a segunda imagem, voc\u00ea notar\u00e1 um tom muito mais calmo, sem compromisso e voz quase incerta. Existe uma variedade infinita de escolhas tipogr\u00e1ficas que alcan\u00e7am mudan\u00e7as dram\u00e1ticas ou sutis no tom e no volume da voz.\n<\/p>\n<h5>\n  Como aproveitar ao m\u00e1ximo a linguagem visual:<br \/>\n<\/h5>\n<p>\n  A linguagem verbal \u00e9 geralmente usada para moldar e inspirar o design, enquanto, por outro lado, a tipografia \u00e9 usada para transmitir uma mensagem; o objetivo de ambos \u00e9 o mesmo de aproveitar ao m\u00e1ximo a rea\u00e7\u00e3o dos telespectadores. Se o design for misturado com cuidado, pode levar a resultados inesquec\u00edveis. As imagens a seguir s\u00e3o exemplos perfeitos dos resultados que podem ser obtidos usando o aspecto verbal que ajudou a motivar uma linguagem visual.\n<\/p>\n<p>\n  A primeira imagem \u00e9 uma obra de arte de Herb Lubalin, um conhecido designer gr\u00e1fico americano que em sua monografia descreveu sobre ele por Alan Peckolick e Gertrude Snyder como sendo &#8220;um tip\u00f3grafo inteligente cujos conceitos gr\u00e1ficos s\u00e3o baseados em tipografia, arte e c\u00f3pia e para sublinhar o drama intr\u00ednseco em sua mensagem, ele usou todas as formas de produ\u00e7\u00e3o dispon\u00edveis.&#8221;\n<\/p>\n<p>\n  Se lermos novamente o assunto deste artigo, notamos que esta cita\u00e7\u00e3o se encaixa especialmente. Mostra Herb como um designer gr\u00e1fico que valorizava n\u00e3o s\u00f3 o poder da linguagem, mas tamb\u00e9m a composi\u00e7\u00e3o e a tipografia. O livro explica claramente que os m\u00e9todos de produ\u00e7\u00e3o utilizados por Lubalin n\u00e3o s\u00e3o apenas para efeitos, mas tamb\u00e9m enfatizam a mensagem e o significado de um determinado projeto. Na \u00e9poca de Herb, esses veredictos envolveriam a imposi\u00e7\u00e3o de limita\u00e7\u00f5es de trabalho manual maiores do que as enfrentadas pelas pessoas de hoje. Por fim, confirma-se que, para os Lubalin, a no\u00e7\u00e3o era de suma import\u00e2ncia e sempre preciso ponderar antes de projetar.\n<\/p>\n<p>\n  Em 1964, na Visual Graphics Corporation, ele exp\u00f5e seus muitos verbetes, dos quais se destaca uma cita\u00e7\u00e3o do conhecido escritor e editor norte-americano 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  Usando composi\u00e7\u00e3o de tipografia bem pensada e delicada, detalhando, Herb projetou uma mensagem desagrad\u00e1vel de maneira agrad\u00e1vel e atraente. De acordo com a cita\u00e7\u00e3o, &#8220;um diplomata \u00e9 uma pessoa que pode dizer para voc\u00ea ir para o inferno de tal maneira que voc\u00ea realmente anseia pela viagem&#8221;. Enquanto o ponto central diz &#8220;v\u00e1 para o inferno&#8221; \u00e9 projetado em uma forma caligr\u00e1fica elegante e elaborada.\n<\/p>\n<p>\n  Por outro lado, se observarmos a obra de arte do designer gr\u00e1fico de letras manuais Alison Carmichael, notamos como ele mostra lindamente o efeito da tipografia ao assumir o controle do significado. Ele tamb\u00e9m ganhou o pr\u00eamio de melhor an\u00fancio autopromocional por esse tipo de design para o c\u00edrculo criativo. Letras \u00e0 m\u00e3o de Carmichael s\u00e3o pintadas e gravadas em um estilo intrincado no topo de uma carteira escolar. A princ\u00edpio, quando voc\u00ea olhar para este design, ele parecer\u00e1 uma bela e hist\u00f3rica obra de escrita g\u00f3tica; enquanto, por outro lado, segundos depois, quando a realidade atinge, o significado desagrad\u00e1vel da palavra escrita torna-se claro para voc\u00ea.\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  O governo do Reino Unido tomou uma iniciativa para aumentar a conscientiza\u00e7\u00e3o sobre os problemas dos trabalhadores traficados para a ind\u00fastria do sexo por prostitutas. Os designers que est\u00e3o contribuindo s\u00e3o convidados a enviar os &#8220;Cart\u00f5es Tarte&#8221; para participar de uma exposi\u00e7\u00e3o. Centenas de prostitutas de Londres anunciaram a si mesmas e seus servi\u00e7os exibindo cart\u00f5es promocionais em cabines telef\u00f4nicas. Mesmo no s\u00e9culo 21, quando a Internet e os telefones celulares est\u00e3o por toda parte e nas repress\u00f5es policiais, esses cart\u00f5es de torta s\u00e3o muito admirados e colecionados pelo povo como arte.\n<\/p>\n<p>\n  Abaixo est\u00e3o os exemplos de manipula\u00e7\u00e3o de tipos expressivos e tipos de letra que refor\u00e7am visualmente o significado do texto. Qualquer pessoa pode descobrir o significado das cartas apenas olhando para elas:\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  Abaixo est\u00e1 outro grande exemplo da linguagem visual da tipografia de Jason Munn, um famoso designer americano tamb\u00e9m conhecido por seus admirados p\u00f4steres musicais. O exemplo abaixo \u00e9 principalmente de tipografia, projetada de forma que o espectador n\u00e3o entenda facilmente o significado da imagem. Qual \u00e9 a realidade? A sele\u00e7\u00e3o do tipo tamb\u00e9m \u00e9 importante; seus grandes contrastes de tra\u00e7os finos e grossos apontam para a compara\u00e7\u00e3o entre mentiras e verdades.\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  O designer da imagem acima usa o tipo de letra para refor\u00e7ar o significado desta afirma\u00e7\u00e3o. Esses designs s\u00e3o ligeiramente diferentes dos outros; tipografia \u00e9 usada principalmente para fortalecer o tom assertivo e a pauta dos palestrantes.\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  O exemplo acima \u00e9 de uma conhecida sitcom da BBC &#8220;Keeping up Appearances&#8221;. As palavras s\u00e3o ditas pela personagem principal do programa \u2013 a mandona, exc\u00eantrica e alpinista social Hyacinth Bucket, uma senhora de 60 anos com grandes ambi\u00e7\u00f5es. Tipograficamente, as letras foram agrupadas e selecionadas para destacar as necessidades do personagem. Aqui as palavras &#8220;meu&#8221; e &#8220;eu quero&#8221; s\u00e3o mostradas em negrito por causa de uma mudan\u00e7a de escala teatral. &#8220;Superiores&#8221; \u00e9 escrito com letras mai\u00fasculas, enquanto o tamanho de &#8220;seu&#8221; \u00e9 reduzido e escrito em letras min\u00fasculas, diminuindo assim o significado de com quem ela est\u00e1 conversando, mantendo o car\u00e1ter autorit\u00e1rio da personagem e o tom de voz ao falar com seu leiteiro.\n<\/p>\n<p>\n  Designers usaram tipografia para comunicar humor, g\u00eanero, idade, personalidade e tom de voz, e podem ser facilmente manipulados. Se, como alternativa a essa fonte serifada que representa a personalidade da mulher, us\u00e1ssemos uma serifa grossa, de repente a personalidade muda e, portanto, o impacto emocional de toda a declara\u00e7\u00e3o. Se julgar simplesmente pelo texto datilografado, o g\u00eanero do falante muda de feminino; tamb\u00e9m sua idade n\u00e3o est\u00e1 na casa dos 60 anos e seu humor n\u00e3o \u00e9 meramente pretensioso, mas est\u00e1 quase irritado. \u00c9 o melhor exemplo que mostra como uma simples mudan\u00e7a de tipo pode mudar rapidamente o tom.\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  Ningu\u00e9m pode subestimar o poder da tipografia:<br \/>\n<\/h5>\n<p>\n  Os exemplos acima mostram claramente que a tipografia funciona ao lado da linguagem verbal para aprimorar, alterar e criar significado. Embora, por outro lado, o aspecto visual do design tamb\u00e9m seja muito importante, ningu\u00e9m pode subestimar a import\u00e2ncia do tipo em influenciar o significado da declara\u00e7\u00e3o.\n<\/p>\n<p>\n  A obriga\u00e7\u00e3o \u2013 e, de fato, o papel \u2013 do designer gr\u00e1fico em estabelecer um tom de voz que agregue algum sentido \u00e0 linguagem verbal necessita de um longo e regular debate. Muitos acad\u00eamicos e designers gr\u00e1ficos argumentam que \u00e9 responsabilidade do designer adicionar um pouco de &#8220;sabor e bom gosto&#8221; ao seu trabalho, n\u00e3o apenas para aprimorar e transmitir a mensagem, mas tamb\u00e9m para tornar a mensagem encorajadora e agrad\u00e1vel de ler e, claro, para memorizar.\n<\/p>\n<p>\n  Enquanto na segunda parte do artigo, mostramos a voc\u00ea a forte rela\u00e7\u00e3o entre linguagem verbal e visual. A semi\u00f3tica e a estrutura da linguagem s\u00e3o tocadas brevemente, e mostram alguns exemplos marcantes, tudo isso explica porque pequenas mudan\u00e7as tipogr\u00e1ficas fazem a diferen\u00e7a.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte de grava\u00e7\u00e3o: <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>Hoje, os designers gr\u00e1ficos usam amplamente a tipografia para descobrir as rela\u00e7\u00f5es entre o design do tipo e o que esse tipo realmente diz. Um designer gr\u00e1fico inteligente cria um equil\u00edbrio adequado entre os recursos verbais e visuais de um design espec\u00edfico para comunicar sua mensagem. \u00c0s vezes, por\u00e9m, os designers gr\u00e1ficos descobrem que o recurso visual do tipo \u00e9 mais poderoso do que o aspecto verbal. Nesses casos, a linguagem visual \u00e9 usada para fazer toda a fala. Aqui neste artigo esclarecemos o que acontece quando a tipografia fala mais que as palavras. De acordo com Cal Swan, escritor de, famoso\u2026<\/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":[202,150,254,59],"tags":[],"class_list":["post-261619","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-dicas-e-truques-da-web","category-fontes","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261619"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261619\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/143971"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}