\n Todo empres\u00e1rio sabe a import\u00e2ncia de um site claro, bem projetado e bem mantido. Hoje em dia, se voc\u00ea deixar de fornecer aos seus clientes um site que realmente os impressione, voc\u00ea os perder\u00e1 muito mais r\u00e1pido do que demorou para ganhar a confian\u00e7a deles.\n<\/p>\n
\n Infelizmente, a maioria dos empreendedores se esfor\u00e7a e contrata designers que s\u00e3o bons em desenvolvimento, eles geralmente ignoram um recurso crucial \u2013 o tipo de letra.\n<\/p>\n
\n Desde o estilo da fonte que voc\u00ea usa at\u00e9 o tamanho do texto que cada uma das p\u00e1ginas internas do seu site possui, essa \u00e9 uma das coisas que ser\u00e1 o fator decisivo para que seus clientes permane\u00e7am, interajam e, finalmente, convertam.\n<\/p>\n
\n A verdade \u00e9 que, embora as fontes n\u00e3o pare\u00e7am t\u00e3o impactantes, elas t\u00eam o poder de levar sua empresa para o alto ou para baixo. \u00c9 realmente simples, se o visitante do seu site n\u00e3o quiser ou n\u00e3o puder ler o conte\u00fado que voc\u00ea publicou, sua mensagem n\u00e3o chegar\u00e1 a eles e, portanto, voc\u00ea n\u00e3o poder\u00e1 converter. V\u00e1rias pesquisas mostraram que o tipo de fonte usado em um site afeta n\u00e3o apenas a legibilidade, mas tamb\u00e9m o humor, a experi\u00eancia do usu\u00e1rio e at\u00e9 mesmo o tamanho percebido do artigo. \u00c9 por isso que \u00e9 essencial que seu designer entenda a diferen\u00e7a entre apenas criar um site com muito conte\u00fado e desenvolver um que tenha um design agrad\u00e1vel e impactante que melhore o humor do leitor.\n<\/p>\n
\n\n “O tipo \u00e9 um belo grupo de letras, n\u00e3o um grupo de belas letras.”\n <\/p>\n
\n -Mathew Carter\n <\/p>\n<\/blockquote>\n
\n Quando voc\u00ea pensa em fontes, qual \u00e9 a primeira coisa que vem \u00e0 sua mente? Se voc\u00ea \u00e9 como a maioria das pessoas que ainda n\u00e3o entende sua import\u00e2ncia, provavelmente est\u00e1 pensando em fontes como Calibri, Comic Sans, Arial, Times New Roman e outras. No entanto, o que voc\u00ea precisa saber \u00e9 que isso \u00e9 apenas o b\u00e1sico. Ao falar sobre a tipografia que precisa ser implementada em seu site, voc\u00ea n\u00e3o precisa considerar apenas as fontes, mas tamb\u00e9m seus tamanhos, cores, kerning e espa\u00e7amento.\n<\/p>\n
\n Neste artigo, nosso objetivo \u00e9 n\u00e3o apenas falar sobre o impacto de recursos importantes das fontes, mas tamb\u00e9m dar sugest\u00f5es pr\u00e1ticas que voc\u00ea pode usar para aumentar as taxas de convers\u00e3o do seu pr\u00f3prio site. Portanto, prepare-se com um l\u00e1pis e um bloco de notas porque esse \u00e9 o tipo de informa\u00e7\u00e3o que voc\u00ea n\u00e3o quer perder.\n<\/p>\n
\n Tipos de letra e seu impacto
\n<\/h5>\n\n Se voc\u00ea leu alguns artigos sobre fontes e tipografia, sabe que existem v\u00e1rios tipos de letra que s\u00e3o considerados dignos de publica\u00e7\u00e3o online. Enquanto alguns concordam que a Ge\u00f3rgia traz mais resultados, outros acham que Baskerville leva para casa a gl\u00f3ria da vit\u00f3ria. Mas antes de come\u00e7armos a falar sobre isso, vamos discutir o impacto geral dos tipos de letra na marca do seu site. Aqui est\u00e1 a coisa; se o seu conte\u00fado for dif\u00edcil de ler porque as letras est\u00e3o muito pr\u00f3ximas ou o tamanho \u00e9 muito pequeno, eles sair\u00e3o imediatamente ou tentar\u00e3o ler por mais alguns segundos e, eventualmente, sair\u00e3o se ainda acharem dif\u00edcil. Mesmo se voc\u00ea tiver clientes muito leais que demoraram e realmente leram a c\u00f3pia inteira, eles se lembrar\u00e3o de que demoraram muito e voc\u00ea acabar\u00e1 perdendo-os.\n<\/p>\n
\n A(s) fonte(s) que voc\u00ea escolhe para o seu site \u00e9 crucial, pois facilitar\u00e1 todo o processo de leitura, compreens\u00e3o e compreens\u00e3o da sua mensagem. Se voc\u00ea selecionar uma fonte que esteja de acordo com seus leitores, a aten\u00e7\u00e3o deles permanecer\u00e1 na informa\u00e7\u00e3o que voc\u00ea est\u00e1 fornecendo e n\u00e3o no tempo que levou para ler.\n<\/p>\n
\n Dica pr\u00e1tica:<\/strong> nem todas as fontes funcionar\u00e3o para todos os sites. As fontes t\u00eam personalidades diferentes e a que voc\u00ea decidir depende inteiramente do seu neg\u00f3cio, do tipo de cliente que voc\u00ea atende e da mensagem que deseja transmitir. A melhor coisa a fazer seria pesquisar extensivamente e olhar para os tipos de letra que s\u00e3o usados \u200b\u200bpor outros na mesma ind\u00fastria. Experimente e teste v\u00e1rios tipos em diferentes plataformas para saber se est\u00e1 tomando a decis\u00e3o certa. Lembre-se de que escolher a fonte apropriada levar\u00e1 algum tempo, mas tudo valer\u00e1 a pena quando voc\u00ea perceber que suas taxas de convers\u00e3o aumentam.\n<\/p>\n
\n Tamanhos de fonte e seu impacto
\n<\/h5>\n\n Quando voc\u00ea fala sobre o tamanho da sua fonte, uma das principais preocupa\u00e7\u00f5es que voc\u00ea deve ter \u00e9 a legibilidade. A legibilidade se torna muito mais importante porque voc\u00ea quer ter certeza de que sua mensagem ser\u00e1 transmitida. Mesmo que a escolha da fonte n\u00e3o seja perfeita, o tamanho certo vai economizar, porque pelo menos o visitante n\u00e3o precisar\u00e1 for\u00e7ar os olhos para ler o conte\u00fado que voc\u00ea est\u00e1 apresentando. Se voc\u00ea tiver o tamanho de fonte certo, seus clientes estar\u00e3o muito mais propensos a ler sua mensagem, interagir e at\u00e9 espalhar a palavra. Quando voc\u00ea conseguir se comunicar melhor com seus clientes, sua marca ser\u00e1 efetivada de forma positiva e isso, por sua vez, aumentar\u00e1 a reputa\u00e7\u00e3o de sua empresa.\n<\/p>\n
\n Dica pr\u00e1tica:<\/strong> O tamanho que voc\u00ea escolhe para a fonte a ser apresentada depende do contexto de design do site. Enquanto um cart\u00e3o de visita pode exigir um tamanho muito pequeno, um p\u00f4ster de evento exigir\u00e1 um tamanho muito maior. Mas como estamos falando especificamente sobre o design do site, voc\u00ea precisar\u00e1 considerar se est\u00e1 publicando para dispositivos m\u00f3veis ou telas em geral. Como regra geral, os especialistas recomendam que voc\u00ea use de 10px a 14px para o conte\u00fado do corpo e 16px a 20px para cabe\u00e7alhos ou t\u00edtulos. Para obter melhores resultados, voc\u00ea pode executar uma verifica\u00e7\u00e3o pr\u00e1tica dos tamanhos que lhe parecem adequados e, em seguida, ajustar de acordo se eles n\u00e3o parecerem ter um bom desempenho. Al\u00e9m disso, se voc\u00ea estiver atendendo a diferentes tamanhos de tela (o que deveria), certifique-se de que a fonte tamb\u00e9m esteja funcionando bem quando o tamanho for reduzido em dispositivos m\u00f3veis.\n<\/p>\n
\n Cor da fonte e seu site
\n<\/h5>\n\n Se voc\u00ea deseja transmitir sua mensagem aos visitantes da melhor maneira poss\u00edvel, n\u00e3o precisar\u00e1 considerar apenas a sele\u00e7\u00e3o de palavras, mas tamb\u00e9m como ela \u00e9 apresentada. Agora, embora a cor da fonte possa n\u00e3o parecer um grande problema, \u00e9 algo que tem um grande impacto, especialmente se voc\u00ea tiver um site particularmente alegre. A psicologia das cores \u00e9 uma \u00e1rea inteira de estudo e voc\u00ea pode aprender bastante com ela. No entanto, ao implementar cores, especialmente em fontes, lembre-se de n\u00e3o exagerar, porque isso acabar\u00e1 parecendo engra\u00e7ado. As cores que voc\u00ea escolher n\u00e3o devem apenas aprimorar os valores centrais do seu neg\u00f3cio, mas tamb\u00e9m impulsionar a personalidade subjacente com a qual os clientes se conectam. Se voc\u00ea acabar escolhendo a cor errada para sua fonte, eles v\u00e3o trabalhar contra voc\u00ea e sua empresa.\n<\/p>\n
\n Outra caracter\u00edstica que vale a pena mencionar aqui \u00e9 o contraste. O contraste do seu texto ou p\u00e1gina \u00e9 a diferen\u00e7a de escurid\u00e3o presente entre o fundo e o texto. Embora voc\u00ea n\u00e3o queira usar t\u00e9cnicas antigas, como colocar texto vermelho sobre fundo verde, certifique-se de que haja um bom contraste entre o texto e o plano de fundo para aumentar a legibilidade.\n<\/p>\n
\n Dica Pr\u00e1tica:<\/strong> Primeiro, antes de decidir a cor da fonte, voc\u00ea precisa pensar muito bem nas cores e fontes que devem ou j\u00e1 foram integradas \u00e0 sua marca e seu logotipo. Por exemplo, quando voc\u00ea pensa na Coca-Cola, provavelmente evoca a fonte encaracolada muito distinta junto com a cor vermelha. Na hora de escolher a cor, os especialistas recomendam que voc\u00ea pense nela como colorir um c\u00f4modo da sua casa. Se voc\u00ea deseja que seus visitantes se sintam aquecidos e confort\u00e1veis \u200b\u200benquanto l\u00eaem o blog, use vermelhos e laranjas opacos, pois eles s\u00e3o feitos para relaxar e acalmar os sentidos. Mas, novamente, lembre-se de n\u00e3o exagerar porque a maior parte do conte\u00fado fica boa e leg\u00edvel em preto, dependendo da cor do plano de fundo.\n<\/p>\n
\n Fontes de t\u00edtulos e o que voc\u00ea deve saber
\n<\/h5>\n\n Os t\u00edtulos que voc\u00ea usa para o seu conte\u00fado s\u00e3o extremamente cruciais, n\u00e3o apenas em termos das palavras reais, mas tamb\u00e9m como s\u00e3o apresentados. V\u00e1rias pesquisas mostraram que, a menos que voc\u00ea use t\u00edtulos atraentes e atraentes, seus visitantes seguir\u00e3o em frente e procurar\u00e3o algo um pouco mais interessante para ler. Existem padr\u00f5es espec\u00edficos de como os humanos leem a web e, por meio disso, voc\u00ea descobrir\u00e1 que a maior parte do conte\u00fado \u00e9 simplesmente digitalizada. Portanto, se voc\u00ea n\u00e3o estiver chamando a aten\u00e7\u00e3o do visitante com o t\u00edtulo, as chances de leitura diminuir\u00e3o ainda mais. Agora, lembre-se de que a fonte e a cor que voc\u00ea usa para o cabe\u00e7alho decidir\u00e3o se o visitante deseja ou n\u00e3o l\u00ea-lo. Portanto, embora voc\u00ea n\u00e3o queira come\u00e7ar a usar o Comic Sans simplesmente para chamar a aten\u00e7\u00e3o, voc\u00ea deve mant\u00ea-lo leg\u00edvel.\n<\/p>\n
\n Dica pr\u00e1tica:<\/strong> se voc\u00ea estiver emparelhando fontes (usando uma para o t\u00edtulo e outra para o conte\u00fado principal), verifique se elas realmente ficam bem juntas. \u00c0s vezes, o emparelhamento pode ser complicado porque voc\u00ea precisa garantir que a maioria dos elementos das fontes correspondam para que n\u00e3o pare\u00e7am muito diferentes umas das outras. Nesse caso, a fonte do t\u00edtulo precisa complementar o corpo do texto. Por outro lado, se voc\u00ea estiver usando o mesmo tipo de letra, poder\u00e1 experimentar v\u00e1rios tamanhos e espa\u00e7amento entre linhas para aprimorar o t\u00edtulo. O mesmo tipo de letra n\u00e3o apenas fornecer\u00e1 harmonia visual para o seu leitor, mas tamb\u00e9m reduzir\u00e1 o n\u00famero de fontes que precisam ser carregadas, aumentando assim o tempo de carregamento e o desempenho geral.\n<\/p>\n
\n Comprimento da linha e sua import\u00e2ncia
\n<\/h5>\n\n A maioria das pessoas que est\u00e1 criando um site considerar\u00e1 a fonte, o tamanho, a cor e o contraste do texto usado. No entanto, o que eles perdem \u00e9 o comprimento da linha. O comprimento da linha \u00e9 respons\u00e1vel por aumentar ou diminuir a legibilidade geral e refere-se ao n\u00famero de palavras ou caracteres presentes em cada linha horizontal. O que afeta a legibilidade \u00e9 a brevidade ou extens\u00e3o das senten\u00e7as. Se a fonte escolhida fizer com que as linhas pare\u00e7am muito longas, os olhos do visitante precisar\u00e3o percorrer uma grande dist\u00e2ncia, o que desencorajar\u00e1 a leitura, pois exigir\u00e1 muito esfor\u00e7o. Por outro lado, se as falas forem muito curtas, o fluxo das frases ser\u00e1 interrompido e o visitante acabar\u00e1 perdendo o interesse.\n<\/p>\n
\n Dica pr\u00e1tica:<\/strong> Uma teoria proposta pelo Usabilidade Institute Baymard \u00e9 que voc\u00ea deve escolher uma fonte que use de 50 a 75 caracteres (espa\u00e7os inclu\u00eddos) por linha, pois isso oferece \u00f3tima legibilidade. Voc\u00ea tamb\u00e9m pode usar a calculadora de tipografia de propor\u00e7\u00e3o \u00e1urea para determinar o comprimento de linha perfeito, dependendo da tela que est\u00e1 sendo usada para ler o conte\u00fado.\n<\/p>\n
\n Kerning e por que \u00e9 importante
\n<\/h5>\n\n De acordo com a Wikipedia, ‘Kerning \u00e9 o processo de ajustar o espa\u00e7amento entre os caracteres em uma fonte proporcional, geralmente para obter um resultado visualmente agrad\u00e1vel.' Se voc\u00ea estiver usando uma boa fonte, ela ter\u00e1 um bom kerning e o espa\u00e7o entre cada par de caracteres ser\u00e1 semelhante. Se voc\u00ea tem um designer que est\u00e1 configurando o tipo de letra em um programa gr\u00e1fico como o Photoshop, ele poder\u00e1 alterar o espa\u00e7o entre as letras e fazer ajustes at\u00e9 que a fonte e o kerning fiquem perfeitos. N\u00e3o focar no kerning vai custar caro, porque muitas vezes \u00e9 a maior coisa que distingue o trabalho profissional daquele que foi feito por amadores ou aspirantes a designers.\n<\/p>\n
\n Dica pr\u00e1tica:<\/strong> a quantidade de espa\u00e7o que voc\u00ea tem entre cada letra precisa ser igual se quiser que seu site tenha uma apar\u00eancia profissional. Se voc\u00ea estiver projetando um tipo de letra, lembre-se de integrar o kerning porque a legibilidade aumentar\u00e1 se houver continuidade espacial entre as letras. Por outro lado, se voc\u00ea estiver usando as fontes que j\u00e1 existem, n\u00e3o precisa se preocupar com isso, pois todas essas fontes conter\u00e3o informa\u00e7\u00f5es sobre o espa\u00e7amento.\n<\/p>\n
\n Conclus\u00e3o
\n<\/h4>\n\n Para propriet\u00e1rios de empresas que desejam melhorar a marca do site e atrair mais clientes, um aspecto crucial a ser lembrado \u00e9 usar fontes que complementem a c\u00f3pia. Se voc\u00ea estiver fazendo as coisas corretamente, isso tamb\u00e9m afetar\u00e1 a emo\u00e7\u00e3o, o humor e a a\u00e7\u00e3o do leitor. Isso, por sua vez, tornar\u00e1 mais prov\u00e1vel que eles se convertam em clientes fi\u00e9is. Lembre-se de que uma das melhores maneiras de testar a fonte, seu tamanho, cor etc. ‘Vai precisar trabalhar para isso.\n<\/p>\n
\n No final, deixo-vos com esta cita\u00e7\u00e3o inspiradora de Steve Jobs, que \u00e9 o principal respons\u00e1vel por prestarmos tanta aten\u00e7\u00e3o \u00e0s fontes hoje em dia.\n<\/p>\n
\n\n “Resolvi fazer um curso de caligrafia para aprender a fazer (aprender caligrafia). Aprendi sobre tipos de letra Serif e Sans-Serif, sobre como variar o espa\u00e7o entre diferentes combina\u00e7\u00f5es de letras, sobre o que torna uma tipografia excelente. Foi bonito. Hist\u00f3rico. Artisticamente sutil de uma forma que a ci\u00eancia nunca pode capturar.”\n <\/p>\n
\n -Steve Jobs\n <\/p>\n<\/blockquote>\n