{"id":260918,"date":"2023-02-18T09:53:00","date_gmt":"2023-02-18T06:53:00","guid":{"rendered":"https:\/\/inform.click\/15-erros-cruciais-de-tipografia-que-voce-precisa-evitar\/"},"modified":"2023-02-18T09:53:00","modified_gmt":"2023-02-18T06:53:00","slug":"15-erros-cruciais-de-tipografia-que-voce-precisa-evitar","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/15-erros-cruciais-de-tipografia-que-voce-precisa-evitar\/","title":{"rendered":"15 erros cruciais de tipografia que voc\u00ea precisa evitar"},"content":{"rendered":"<p>\n  &#8216;A caneta \u00e9 mais poderosa que a espada' &#8211; aposto que todos voc\u00eas j\u00e1 devem ter ouvido esse ditado em algum lugar! E quando as palavras que voc\u00ea escreve s\u00e3o t\u00e3o poderosas e poderosas, como voc\u00ea as escreve e as imprime tamb\u00e9m deve ser igualmente impressionante. Portanto, a tipografia desempenha um papel crucial em seu site, produto, loja Web-to-print, documentos profissionais, etc.\n<\/p>\n<p>\n  A tipografia definitivamente n\u00e3o \u00e9 coisa de ci\u00eancia espacial. \u00c9 o estilo, o arranjo e a apar\u00eancia do texto, e tem muito poder sobre a est\u00e9tica e a comunica\u00e7\u00e3o do seu site. Ele fala sobre como voc\u00ea operaria normalmente com seus clientes. Portanto, ele desempenha um papel vital e pode causar ou prejudicar sua primeira impress\u00e3o em seus clientes.\n<\/p>\n<p>\n  Aqui, adicionamos alguns deles para saber os erros de tipografia que voc\u00ea precisa evitar para tornar seu design impressionante e envolvente.\n<\/p>\n<h5>\n  Evitando fontes cl\u00e1ssicas<br \/>\n<\/h5>\n<p>\n  N\u00e3o importa o qu\u00e3o moderno ou elegante voc\u00ea seja &#8211; &#8216;cl\u00e1ssico' nunca est\u00e1 fora de moda. Seja um carro antigo ou um bom vinho; as pessoas adoram. A tipografia n\u00e3o \u00e9 exce\u00e7\u00e3o com as pessoas sempre gostando daquele toque &#8216;cl\u00e1ssico'.\n<\/p>\n<p>\n  Por exemplo, se voc\u00ea tem uma loja web-to-print onde seus clientes podem editar seus produtos como camisetas, canecas com sua escolha de texto, seu jogo de tipografia deve estar certo. Ainda existem fontes centen\u00e1rias, incluindo serifas e sans-serif de meados do s\u00e9culo, que ainda oferecem uma competi\u00e7\u00e3o acirrada e s\u00e3o bem mais bonitas e atraentes do que suas contrapartes contempor\u00e2neas.\n<\/p>\n<p>\n  Algumas das fontes cl\u00e1ssicas testadas pelo tempo que voc\u00ea pode pensar em incluir em sua arte e torn\u00e1-la relevante no design gr\u00e1fico hoje s\u00e3o:\n<\/p>\n<ul>\n<li>Caslon, Bodoni e Fournier entre Serifs.\n  <\/li>\n<li>Avenir, Future, Gill Sans entre Sans-Serifs.\n  <\/li>\n<\/ul>\n<p>\n  Portanto, \u00e9 importante evitar assumir que o &#8216;cl\u00e1ssico' n\u00e3o \u00e9 mais atraente e voc\u00ea n\u00e3o deve usar esses tipos de letra cl\u00e1ssicos.\n<\/p>\n<h5>\n  Sacrificar a legibilidade<br \/>\n<\/h5>\n<p>\n  O objetivo final de um tip\u00f3grafo \u00e9 criar conte\u00fado que as pessoas possam ler com rapidez e facilidade sem for\u00e7ar os olhos. No entanto, \u00e0s vezes, usar fontes que s\u00e3o comparativamente mais dif\u00edceis de ler em compara\u00e7\u00e3o com as serifas m\u00e9dias sai pela culatra. Portanto, certifique-se de n\u00e3o usar fontes elegantes em detrimento da legibilidade geral do seu conte\u00fado.\n<\/p>\n<p>\n  Mais um erro a evitar \u00e9 a distra\u00e7\u00e3o da aten\u00e7\u00e3o dos usu\u00e1rios do texto, colocando algo em segundo plano. Mesmo que voc\u00ea queira usar algo como uma imagem de fundo, certifique-se de que isso n\u00e3o comprometa a clareza e a legibilidade do seu texto.\n<\/p>\n<p>\n  Como regra geral, fontes com serifa ou sem serifa mais claras s\u00e3o mais ben\u00e9ficas caso voc\u00ea use algo em segundo plano. Como eles apenas ajudam a manter os olhos dos leitores se movendo suavemente e n\u00e3o afetam sua facilidade de leitura.\n<\/p>\n<p>\n  \u00c0s vezes, o culpado por tr\u00e1s do texto ileg\u00edvel pode ser o tamanho pequeno das fontes. Certifique-se sempre de definir esse tamanho para as fontes que n\u00e3o cansam os olhos dos leitores. Em geral, um tamanho de fonte de apenas 10 e acima \u00e9 prefer\u00edvel para tipografia.\n<\/p>\n<h5>\n  Uso excessivo de letras mai\u00fasculas<br \/>\n<\/h5>\n<p>\n  \u00c0s vezes, para enfatizar um ponto espec\u00edfico, tentamos destac\u00e1-lo usando letras mai\u00fasculas. No entanto, \u00e9 uma pr\u00e1tica mais comum para as manchetes e pode ser bastante difundida na comunica\u00e7\u00e3o interpessoal, como e-mail ou m\u00eddia social. Embora voc\u00ea possa pensar nessa t\u00e9cnica como uma forma de enfatizar um determinado ponto, seu leitor pode confundir sua \u00eanfase com gritos ou raiva. Por isso, \u00e9 importante escolher uma maneira diferente de destacar a import\u00e2ncia do seu conte\u00fado.\n<\/p>\n<h5>\n  Ignorando os \u00f3rf\u00e3os<br \/>\n<\/h5>\n<p>\n  Especialmente em sua loja on-line, quando se trata de c\u00f3pia do corpo, &#8220;\u00f3rf\u00e3os&#8221; e &#8220;vi\u00favas&#8221; s\u00e3o um dos erros f\u00e1ceis de ignorar. Esses termos \u00e0s vezes s\u00e3o usados \u200b\u200bde forma intercambi\u00e1vel, mas s\u00e3o basicamente uma linguagem tipogr\u00e1fica ou linhas curtas que aparecem na parte superior ou parte inferior de uma coluna ou p\u00e1gina de texto, separada do restante da c\u00f3pia. No entanto, ao compor um projeto com muito texto, procure por eles e tente corrigi-los para evitar a cria\u00e7\u00e3o de grandes manchas de espa\u00e7o while que possam interromper seu texto. Voc\u00ea pode apenas alterar manualmente onde a linha quebra ou ajustar o comprimento da linha ou rastrear ligeiramente.\n<\/p>\n<h5>\n  Usando muitas fontes<br \/>\n<\/h5>\n<p>\n  Quando voc\u00ea cria um site ou trabalha em documentos profissionais, \u00e9 importante estabelecer um estilo e cumpri-lo o tempo todo. Um dos erros tipogr\u00e1ficos mais comuns \u00e9 usar tipos e fontes diferentes para um \u00fanico design. Isso n\u00e3o apenas cria uma disc\u00f3rdia visual para o leitor, mas tamb\u00e9m quebra a experi\u00eancia do usu\u00e1rio. Para evitar isso, voc\u00ea pode escolher fontes para manchetes, subt\u00edtulos e coment\u00e1rios e segui-los por toda parte. O uso de v\u00e1rias fontes em um \u00fanico par\u00e1grafo pode fazer com que sua p\u00e1gina da Web pare\u00e7a uma nota aleat\u00f3ria n\u00e3o profissional.\n<\/p>\n<h5>\n  Dois espa\u00e7os ap\u00f3s um ponto final<br \/>\n<\/h5>\n<p>\n  Pode soar como um erro muito pequeno, mas vale a pena destacar. Se voc\u00ea tiver espa\u00e7o duplo ap\u00f3s um ponto final, \u00e9 um pequeno erro inevit\u00e1vel dos escritores e \u00e9 necess\u00e1rio corrigir. Portanto, coloque o pr\u00f3ximo caractere muito pr\u00f3ximo da parada.\n<\/p>\n<h5>\n  Alinhamento inconsistente<br \/>\n<\/h5>\n<p>\n  Quando um leitor olha para o seu artigo, voc\u00ea deseja que ele apare\u00e7a como uma estrutura uniforme para cada par\u00e1grafo ou linha que voc\u00ea incluir. Portanto, \u00e9 muito importante manter essa consist\u00eancia e deve parecer um uniforme. A consist\u00eancia ajudar\u00e1 voc\u00ea a causar uma boa impress\u00e3o da sua marca.\n<\/p>\n<h5>\n  Em contraste adequado<br \/>\n<\/h5>\n<p>\n  \u00c9 quando sua c\u00f3pia \u00e9 renderizada com contraste insuficiente em rela\u00e7\u00e3o ao fundo, que leva a dificuldades e compreens\u00e3o do texto. Isso acontece porque o tipo pode ser definido usando uma cor semelhante \u00e0 cor do plano de fundo ou porque \u00e9 colocado sobre um plano de fundo que fica acima de uma imagem.\n<\/p>\n<p>\n  No entanto, voc\u00ea pode facilmente evitar esse erro franzindo os olhos e verificando se ainda consegue distinguir os caracteres do seu tipo. Tente escolher a cor que destaca as fontes e mantenha a cor de fundo um pouco sutil que suporte as fontes.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-317330-6383a73ba3770.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-317330-6383a73ba3770.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Perdendo a Hierarquia<br \/>\n<\/h5>\n<p>\n  \u00c0s vezes, chega-se a encontrar layouts em que n\u00e3o se sabe onde focar \u2013 ou seja, por onde come\u00e7ar a ler. A raz\u00e3o pela qual n\u00e3o se pode decidir onde pousar os olhos \u00e9 a falta de uma hierarquia visual.\n<\/p>\n<p>\n  Se voc\u00ea tamb\u00e9m acha que seu p\u00fablico est\u00e1 enfrentando o mesmo problema, \u00e9 hora de alterar sua hierarquia visual. Tente criar o efeito ABC, onde A \u00e9 o t\u00edtulo maior e mais proeminente (com todos os caracteres em negrito ou mai\u00fasculas para criar um impacto extra), B \u00e9 o subt\u00edtulo ligeiramente menor (espessos semibold ou it\u00e1lico para contraste) e C \u00e9 o menor corpo texto.\n<\/p>\n<p>\n  Por exemplo, na impress\u00e3o de camisetas, se voc\u00ea imprimir uma cita\u00e7\u00e3o de uma personalidade famosa, \u00e9 necess\u00e1rio destacar a cita\u00e7\u00e3o. Voc\u00ea pode manter a cita\u00e7\u00e3o em negrito ou mai\u00fascula e deixar o nome da personalidade em tamanho pequeno ou letras min\u00fasculas.\n<\/p>\n<p>\n  Esse tipo de hierarquia visual ajuda os leitores a navegar pelo texto com facilidade e rapidez \u2013 e voc\u00ea nunca deve ignor\u00e1-la!\n<\/p>\n<h5>\n  Kerning impr\u00f3prio<br \/>\n<\/h5>\n<p>\n  Kerning refere-se ao espa\u00e7amento entre os caracteres de uma fonte. Kerning tem uma grande import\u00e2ncia na tipografia. Se voc\u00ea n\u00e3o conseguir kernar seu conte\u00fado corretamente, \u00e9 mais prov\u00e1vel que ele perca a clareza e estrague a experi\u00eancia dos leitores.\n<\/p>\n<p>\n  Especialmente durante a impress\u00e3o de um logotipo, o kerning inadequado pode ter efeitos adversos, como perda de coes\u00e3o do design, confus\u00f5es ou m\u00e1s interpreta\u00e7\u00f5es, ilegibilidade, etc. Como resultado, a imagem da sua marca pode ser afetada de maneira desagrad\u00e1vel. Portanto, verifique se o seu conte\u00fado est\u00e1 devidamente kerned para melhorar a experi\u00eancia dos leitores. Em geral, \u00e9 recomend\u00e1vel virar o texto de cabe\u00e7a para baixo antes de ajustar o espa\u00e7amento. Isso porque, ao fazer o kerning de cabe\u00e7a para baixo, o conte\u00fado do tipo n\u00e3o ir\u00e1 distra\u00ed-lo e voc\u00ea poder\u00e1 se concentrar melhor apenas na simetria visual das letras.\n<\/p>\n<h5>\n  Mistura aleat\u00f3ria de tipos de letra<br \/>\n<\/h5>\n<p>\n  Implementar diferentes fontes na aplica\u00e7\u00e3o da hierarquia \u00e9 uma arte; mas se voc\u00ea deixar de faz\u00ea-lo corretamente; pode acabar parecendo ruim e resultar em confrontos perturbadores no conte\u00fado. Isso implica que voc\u00ea deve tomar cuidado e evitar cometer esse erro. Normalmente, usar uma serifa e uma sem serifa se complementando pode funcionar bem para deixar sua tipografia impressionante.\n<\/p>\n<h5>\n  Negligenciando a legibilidade<br \/>\n<\/h5>\n<p>\n  O principal objetivo de uma tipografia consistente \u00e9 criar conte\u00fado f\u00e1cil de ler. No entanto, \u00e0s vezes \u00e9 f\u00e1cil comprometer acidentalmente essa sensibilidade. Ent\u00e3o, se voc\u00ea est\u00e1 colocando algo atr\u00e1s do seu texto, certifique-se de que n\u00e3o est\u00e1 distraindo a aten\u00e7\u00e3o do seu p\u00fablico. Tente evitar erros como letras em um fundo preto ou imagens de fundo ocupadas. Al\u00e9m disso, quando voc\u00ea tem blocos maiores de conte\u00fado, deve usar tipos de letra como sem serifa para manter os olhos do leitor se movendo suavemente.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-317330-6383a73f33a17.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-317330-6383a73f33a17.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Tornando o efeito pesado<br \/>\n<\/h5>\n<p>\n  Todos n\u00f3s amamos o &#8220;WordArt&#8221; da Microsoft. No entanto, agora \u00e9 hora de evitar o uso de &#8216;Efeitos especiais' em seu texto. Coisas como efeitos 3D ou em relevo, sombras projetadas, gradientes, distor\u00e7\u00f5es s\u00e3o alguns dos exemplos disso. N\u00e3o h\u00e1 nada como se eles parecessem inapropriados, mas textos especiais como esse tendem a parecer enigm\u00e1ticos.\n<\/p>\n<h5>\n  Usando bordas irregulares<br \/>\n<\/h5>\n<p>\n  Embora possa haver um pouco de espa\u00e7o para desordem em nossa vida di\u00e1ria, n\u00e3o h\u00e1 espa\u00e7o para isso na tipografia. Seu texto n\u00e3o deve parecer desalinhado e confuso. Caso voc\u00ea tenha um par\u00e1grafo com at\u00e9 5-6 linhas; ele pode ter bordas irregulares \u00e0s vezes e esse mau alinhamento pode fazer com que o texto pare\u00e7a desleixado.\n<\/p>\n<p>\n  Embora a justifica\u00e7\u00e3o do texto possa ser uma solu\u00e7\u00e3o \u00e0s vezes, nem sempre funciona. A outra maneira que pode funcionar \u00e9 quebrar palavras solit\u00e1rias na pr\u00f3xima linha manualmente. Em outras ocasi\u00f5es, a hifeniza\u00e7\u00e3o tamb\u00e9m pode ajudar \u2013 especialmente quando voc\u00ea imprime um jornal.\n<\/p>\n<h5>\n  Esquecer-se de ler a prova<br \/>\n<\/h5>\n<p>\n  N\u00e3o importa qu\u00e3o pequeno ou grande seja um peda\u00e7o de texto, ou se voc\u00ea imprime um jornal ou um vestu\u00e1rio; revis\u00e3o \u00e9 uma obriga\u00e7\u00e3o. \u00c9 porque qualquer erro no seu texto \u2013 mesmo o menor deles pode arruinar a impress\u00e3o do seu design e conte\u00fado.\n<\/p>\n<p>\n  Ent\u00e3o, a que conclus\u00e3o voc\u00ea chega? Que \u00e9 indispens\u00e1vel para um tip\u00f3grafo revisar o que se passa na digita\u00e7\u00e3o uma vez antes de come\u00e7ar a impress\u00e3o. Uma vez que esta revis\u00e3o n\u00e3o s\u00f3 evitar\u00e1 que os erros apare\u00e7am, mas tamb\u00e9m manter\u00e1 a imagem da marca entre o p\u00fablico.\n<\/p>\n<h4>\n  Resumindo<br \/>\n<\/h4>\n<p>\n  A tipografia forma uma parte insepar\u00e1vel do design ou da impress\u00e3o. N\u00e3o importa se voc\u00ea oferece a seus clientes a liberdade de imprimir camisetas personalizadas usando um software de design de camisetas ou imprimir um jornal inteiro, \u00e9 sempre prov\u00e1vel que ocorram erros de tipografia.\n<\/p>\n<p>\n  Como se costuma dizer, seu site deve ser sobre o conte\u00fado e n\u00e3o a apar\u00eancia. Mas considere que a tipografia pode afetar drasticamente a forma como o conte\u00fado \u00e9 comunicado e \u00e9 assim que se torna t\u00e3o importante. No entanto, ter em mente alguns erros comuns ao decidir sobre a tipografia e tomar medidas para evit\u00e1-los pode ajudar muito a tornar seu site atraente.\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\/2020\/09\/25\/crucial-typography-mistakes\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#8216;A caneta \u00e9 mais poderosa que a espada&#8217; &#8211; aposto que todos voc\u00eas j\u00e1 devem ter ouvido esse ditado em algum lugar! E quando as palavras que voc\u00ea escreve s\u00e3o t\u00e3o poderosas e poderosas, como voc\u00ea as escreve e as imprime tamb\u00e9m deve ser igualmente impressionante. Portanto, a tipografia desempenha um papel crucial em seu site, produto, loja Web-to-print, documentos profissionais, etc. A tipografia definitivamente n\u00e3o \u00e9 coisa de ci\u00eancia de foguetes. \u00c9 o estilo, o arranjo e a apar\u00eancia do texto, e tem muito poder sobre a est\u00e9tica e a comunica\u00e7\u00e3o do seu site. Ele fala sobre como voc\u00ea operaria normalmente com seus clientes. Ent\u00e3o, \u2026<\/p>\n","protected":false},"author":1,"featured_media":183037,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[202,254,59],"tags":[],"class_list":["post-260918","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-fontes","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/260918","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=260918"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/260918\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/183037"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=260918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=260918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=260918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}