\n Tipografia \u00e9 o estilo e a apar\u00eancia do material impresso, de acordo com meu bom e velho amigo Google. O fato de que este \u00e9 um tipo de arte por conta pr\u00f3pria, nem \u00e9 preciso dizer.\n<\/p>\n
\n E a tipografia \u00e9 a base sobre a qual se criam todo e qualquer tipo de design que tenha a ver com a palavra escrita. Isso significa que voc\u00ea pode encontr\u00e1-lo em qualquer lugar: em livros, em pacotes, at\u00e9 mesmo – e o mais importante, para n\u00f3s – em sites, e-mails e p\u00e1ginas de destino.\n<\/p>\n
\n Por\u00e9m, art\u00edstica ou n\u00e3o, a tipografia \u00e9 algo que precisa proporcionar uma boa experi\u00eancia aos usu\u00e1rios, assim como todas as ferramentas. E as letras cursivas podem ser t\u00e3o bonitas, mas s\u00e3o utiliz\u00e1veis?\n<\/p>\n
\n Vamos ver como podemos melhorar a experi\u00eancia do usu\u00e1rio e a pr\u00f3pria interface do usu\u00e1rio, usando tipografia adequada.\n<\/p>\n
\n Em primeiro lugar, h\u00e1 a fonte
\n<\/h5>\n
\n Imagine o qu\u00e3o bl\u00e1 e indiferente seu site pareceria e quanto custaria \u00e0 experi\u00eancia do usu\u00e1rio se sua fonte n\u00e3o correspondesse \u00e0 sant\u00edssima trindade de um neg\u00f3cio: seu p\u00fablico-alvo, o tom de sua marca e seus objetivos.\n<\/p>\n
\n Escolher a fonte certa \u00e9 um pouco como escolher as cortinas perfeitas para um quarto. Cortinas cafonas mostram mau gosto, e uma fonte que simplesmente n\u00e3o combina pode fazer com que seu projeto pare\u00e7a cafona na melhor das hip\u00f3teses – e spam na pior.\n<\/p>\n
\n A fonte \u00e9 t\u00e3o importante quanto os pr\u00f3prios visuais, para criar uma impress\u00e3o e identificar as coisas que voc\u00ea precisa identificar, tanto em um site quanto em um e-mail, otimizando a experi\u00eancia do usu\u00e1rio.\n<\/p>\n
\n Voc\u00ea precisar\u00e1 de negrito para declara\u00e7\u00f5es ousadas, letras cursivas e caligrafia intensa para coisas elegantes e n\u00e3o muito importantes. Combina\u00e7\u00f5es como a abaixo s\u00e3o obrigat\u00f3rias:\n<\/p>\n
\n
\n pares de fontes de marca\n<\/p>\n
\n No entanto, sou obrigado a alert\u00e1-lo sobre algo: muitas fontes far\u00e3o voc\u00ea perder o jogo. Voc\u00ea pode ter no m\u00e1ximo dois tipos de fonte, e voc\u00ea precisa se certificar de que sejam usadas conforme o exemplo acima: Mais ousadas e r\u00edgidas para o t\u00edtulo, mais refinadas para o corpo do texto.\n<\/p>\n
\n E lembre-se do seguinte: se estamos falando do seu site e n\u00e3o de uma p\u00e1gina de destino ou de um e-mail, talvez voc\u00ea deva pensar em usar uma fonte padronizada.\n<\/p>\n
\n Veja bem, a letra cursiva \u00e0s vezes pode ser dif\u00edcil de ler e um resultado art\u00edstico demais pode ser bonito, mas n\u00e3o \u00e9 f\u00e1cil de ler e compreender. Para os clientes ocupados de hoje, que s\u00e3o adeptos de escanear blocos de texto e encontrar exatamente o que precisam saber, para economizar tempo, algo n\u00e3o padronizado pode parecer muito esfor\u00e7o.\n<\/p>\n
\n Seu p\u00fablico est\u00e1 mais familiarizado com Times New Roman, por exemplo. Eles podem at\u00e9 dizer onde ele deve ser usado e s\u00e3o f\u00e1ceis de escanear.\n<\/p>\n
\n Al\u00e9m disso, pode causar um problema de conte\u00fado real, no sentido de que uma fonte e um formato mais art\u00edsticos podem desviar a aten\u00e7\u00e3o do engajamento do conte\u00fado.\n<\/p>\n
\n Elementos especiais de uma fonte:\n<\/p>\n
\n Uma fonte \u00e9 composta de v\u00e1rios elementos que podem fazer ou quebrar seu uso. Voc\u00ea tem v\u00e1rios estilos, pesos, os trabalhos! Ent\u00e3o vamos ver do que se trata:\n<\/p>\n
\n Voc\u00ea tem sua fam\u00edlia de fontes<\/strong>, em primeiro lugar. A fam\u00edlia de fontes (ou tipo de letra) \u00e9 praticamente a grande categoria que cont\u00e9m fontes do mesmo estilo.\n<\/p>\n \n Em segundo lugar, voc\u00ea tem o peso da fonte<\/strong>, ou seja, a largura de cada caractere. Este elemento separa qual fonte ser\u00e1 usada para criar um t\u00edtulo e qual vai acabar no texto do corpo.\n<\/p>\n \n Em terceiro lugar vem o kerning<\/strong>, ou seja, o padr\u00e3o que os caracteres seguem, ou seja, o espa\u00e7amento entre duas letras, que \u00e9 necess\u00e1rio, visto que seus olhos seguir\u00e3o exatamente esse padr\u00e3o.\n<\/p>\n \n Esse espa\u00e7amento e as margens \u00e9 que v\u00e3o definir o elemento final, muito importante:\n<\/p>\n \n O n\u00famero de caracteres por linha<\/strong>. Muitos caracteres por linha e o corpo do texto parecer\u00e3o confusos, resultando em uma experi\u00eancia muito ruim para o usu\u00e1rio.\n<\/p>\n \n Muito poucos e levar\u00e1 mais tempo para o olho alcan\u00e7ar o pr\u00f3ximo par\u00e1grafo, obtendo exatamente o mesmo resultado que mencionei acima.\n<\/p>\n \n Ao limitar o comprimento, voc\u00ea melhora a legibilidade do seu texto. Se a linha for muito longa, ela n\u00e3o aparecer\u00e1 corretamente no dispositivo, o que significar\u00e1 que o leitor n\u00e3o conseguir\u00e1 l\u00ea-la corretamente, o que resultar\u00e1 em uma confus\u00e3o no sentido de CRO (Conversion Rate Optimization).\n<\/p>\n \n Voc\u00ea precisar\u00e1 encontrar uma propor\u00e7\u00e3o \u00e1urea que funcione para voc\u00ea e lembre-se de que essa propor\u00e7\u00e3o \u00e1urea precisar\u00e1 parar em 60 caracteres por linha.\n<\/p>\n \n E uma pequena dica aqui: voc\u00ea tamb\u00e9m precisa estar atento ao espa\u00e7amento entre as linhas<\/strong>, visto que \u00e9 muito f\u00e1cil reler uma linha ou omiti-la completamente. O que nunca \u00e9 uma boa pr\u00e1tica, especialmente nos dias de hoje em que os consumidores t\u00eam tantas op\u00e7\u00f5es.\n<\/p>\n \n Quantas vezes voc\u00ea j\u00e1 viu um texto em letras mai\u00fasculas e pensou que o escritor quer gritar com raiva? Aposto que a resposta \u00e9 “muitas vezes”.\n<\/p>\n \n Os tamanhos das fontes podem funcionar exatamente como o tom da palavra falada: it\u00e1lico pode ser uma imita\u00e7\u00e3o, fontes em negrito podem ser exigentes, letras mai\u00fasculas podem chamar a aten\u00e7\u00e3o e assim por diante.\n<\/p>\n \n Por isso, o designer precisa ser cauteloso na hora de escolher uma fonte e um estilo, principalmente se tiver um p\u00fablico diversificado para “conversar”.\n<\/p>\n \n Se voc\u00ea n\u00e3o acredita em mim, basta abrir um romance e verificar a fonte. Em seguida, abra um livro infantil e fa\u00e7a a mesma coisa.\n<\/p>\n \n Tudo se resume ao que mencionei no in\u00edcio: voc\u00ea precisa atrair seu p\u00fablico-alvo por meio de sua tipografia, bem como da c\u00f3pia e dos pr\u00f3prios recursos visuais.\n<\/p>\n \n Mas o tamanho n\u00e3o \u00e9 tudo o que importa. J\u00e1 que estamos falando de digital, sua tipografia precisa estar impec\u00e1vel em todos os dispositivos. Voc\u00ea precisa otimizar para celular, tablet e desktop, a fim de evitar que o usu\u00e1rio se confunda e descarte seu conte\u00fado por completo.\n<\/p>\n \n Tenha em mente que a altura \u00e9 t\u00e3o importante. Um texto muito longo ou muito curto que parece \u00f3timo ao testar a visualiza\u00e7\u00e3o da \u00e1rea de trabalho pode n\u00e3o funcionar bem para dispositivos m\u00f3veis.\n<\/p>\n \n Talvez o maior pesadelo<\/strong> de todos seja o alinhamento do texto. Na cultura ocidental, as pessoas est\u00e3o acostumadas a ler da esquerda para a direita, portanto, voc\u00ea deve estar atento a esse fato e agir de acordo.\n<\/p>\n \n Use o alinhamento \u00e0 esquerda para imitar a maneira como as pessoas leem os textos impressos e pronto.\n<\/p>\n \n O mesmo n\u00e3o funcionar\u00e1 para o seu p\u00fablico-alvo se este estiver localizado em algum lugar no leste, onde a leitura \u00e9 da direita para a esquerda. Portanto, novamente, seu p\u00fablico-alvo \u00e9 a primeira coisa a considerar antes de tomar uma decis\u00e3o.\n<\/p>\n \n Voc\u00ea sabe que as melhores pr\u00e1ticas n\u00e3o v\u00e3o levar o bolo quando se trata de tipografia e design, certo?\n<\/p>\n \n Voc\u00ea pode usar as melhores fontes, seu alinhamento pode ser impec\u00e1vel, mas sem usar tend\u00eancias de design, seu e-mail, site, p\u00e1gina de destino, seja o que for que voc\u00ea esteja criando, ainda pode permanecer um de seus segredos mais bem guardados.\n<\/p>\n \n Ousado \u00e0s vezes \u00e9 bonito\n<\/p>\n \n Pense no MAC, por exemplo. A marca de beleza adora usar texto em negrito e contraste extremo como elemento:\n<\/p>\n \n Este \u00e9 o slogan da marca e tem sido desde sempre. \u00c9 dram\u00e1tico e voc\u00ea n\u00e3o pode perder. O mesmo vale para a imagem principal de seu boletim informativo:\n<\/p>\n\n Tamanho da fonte e outros pesadelos
\n<\/h5>\n\n As tend\u00eancias s\u00e3o suas amigas
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311789-63837ef07ac28.webp\")
<\/a> Cosm\u00e9ticos MAC<\/p>\n