• Ir para a navegação primária
  • Ir para o conteúdo principal
  • Ir para o rodapé
Logo TechLila

TechLila

Bleeding Edge, sempre

  • Início
  • Sobre
  • Contato
  • Ofertas e ofertas
Logo Techlila
FacebookTweetLinkedInpino
Editores de HTML WYSIWYG
A seguir

Você está utilizando os poderosos editores de HTML WYSIWYG?

Tipografia da web

TechLila Web Design e Desenvolvimento

Tipografia da Web no design de sites é mais importante do que você supôs!

Avatar do Autor Convidado Autor convidado
Última atualização em: 26 de março de 2017

Tipografia da web refere-se ao fontes incorporadas em páginas da web. É um aspecto crítico do design de um site porque tem um impacto direto na legibilidade do site. Muitas pessoas pensam que as responsabilidades de um design de site acessível profissional não inclui prestar atenção a tipografia da web. No entanto, este é um conceito errado.

Tipografia da web

Além de investir tempo na criação de designs, deve-se estar atento à tipografia web. Lembre-se de que, se sua tipografia na web for ruim, os visitantes não se preocuparão em observar seus designs. Fornecemos algumas dicas que o ajudarão a lidar com a tipografia da web de maneira descomplicada.

  • Use três fontes por design
    O uso de três fontes (no máximo) permitirá que os leitores observem seu site com clareza. Organizar o conteúdo com vários tipos de fontes pode criar uma aparência confusa do site. Além disso, pode convencer os visitantes de que várias partes do conteúdo, como parágrafos diferentes, não estão relacionadas.
    É claro que, durante a leitura, os visitantes podem não conseguir identificar a origem exata do desconforto. Ainda assim, eles não se sentirão confortáveis ​​em ler informações que contenham vários tipos de fontes.
  • Distinguir o título
    O título de um artigo atrai inicialmente a atração de visitantes. Se acharem o título atraente, eles passarão para o restante do artigo. Isso significa que você tem que destacar o título, para que ele chame a atenção dos leitores a qualquer custo. Aumentar o tamanho do título é a maneira mais fácil de destacá-lo.
  • Defina o tamanho da cópia do corpo em 14 pixels
    Para obter os melhores resultados, certifique-se de que os visitantes consigam ler o texto do corpo confortavelmente. É verdade que, além do tamanho, outros fatores também podem influenciar a legibilidade do site. Ainda assim, o tamanho é o fator determinante mais importante. Definir o tamanho da sua cópia do corpo em 14 pixels pode ser uma ótima idéia.
  • Evite usar sublinhados e itálico desnecessariamente
    Não confunda seus leitores usando itálico e sublinhado desnecessariamente. Itálico e sublinhado atribuem maior importância a uma linha. Se você usar itálico e sublinhado em todas as frases, os visitantes podem ficar confusos.
    Em vez disso, use sublinhados e itálicos, apenas quando necessário.
  • Não use maiúsculas completas para grandes blocos de texto
    Usar letras maiúsculas em grandes blocos de texto é uma má ideia. Isso ocorre porque, em comparação com o texto escrito em maiúsculas e minúsculas, as informações definidas apenas em maiúsculas são mais difíceis de interpretar.
    Se você definir as informações em maiúsculas e minúsculas, conforme necessário, será comparativamente mais fácil para os olhos. Além disso, permitirá aos visitantes interpretar as informações com mais facilidade.
  • Evite amontoar grandes informações em um espaço limitado
    Para aumentar a legibilidade do seu site, não force uma grande quantidade de informações para caber em um espaço limitado. Em vez disso, forneça espaço suficiente para que tenha uma aparência elegante. Ao mesmo tempo, não incorpore espaço excessivo, de modo que todo o texto pareça desarticulado e sem relação.
  • Preste atenção ao contraste do fundo
    Você pode ter optado por um tamanho de fonte maior para aumentar a legibilidade do texto. No entanto, se o contraste entre as informações e seu fundo for ruim, isso prejudicará a legibilidade e a legibilidade do site. A prática comum é colocar o texto claro contra um fundo escuro ou vice-versa. Evite usar cores conflitantes a qualquer custo.
  • Opte por fontes perfeitas para uso na tela
    Você pode aproveitar vários tipos de fontes no Internet. Infelizmente, muitas dessas fontes não são adequadas para uso em sites. Por esse motivo, selecionar cuidadosamente as fontes é importante. Além disso, você pode obter ajuda de tabelas de dicas e verificar a aparência das fontes em tamanhos menores em vários navegadores.
  • Evite usar Comic Sans
    Comic sans se tornou uma fonte muito odiada e não somos exceção. Acreditamos fortemente que o uso dessa fonte fornece ao seu site um apelo infantil e imaturo, que a maioria dos visitantes não apreciará. Tente evitá-lo.

Divirta-se criando um site acessível!

Divulgação: O conteúdo publicado no TechLila é suportado pelo leitor. Podemos receber uma comissão por compras feitas por meio de nossos links de afiliados sem nenhum custo extra para você. Leia nosso Página de isenção de responsabilidade para saber mais sobre nosso financiamento, políticas editoriais e formas de nos apoiar.

Compartilhar é se importar

FacebookTweetLinkedInpino
Avatar do Autor Convidado

Autor convidado

Este post convidado foi escrito por um contribuidor convidado.

Categoria

  • Web Design e Desenvolvimento

Tags

Tipografia da web, Sites

Interações leitor

O que as pessoas estão dizendo

  1. Aiden Ruse

    Oi Diane.

    Obrigado por compartilhar um excelente guia. Gostaria que todo designer entendesse a importância da tipografia. Tipografia inadequada também pode ser um erro de falha de design de um site. Eu gostaria de colocar a tipografia em primeira prioridade quando se trata de projetar um site e evitar que o web design seja um fracasso. O conselho que você deu aqui é realmente fantástico e contém muitas informações úteis.

    Resposta
  2. Âmbar

    Obrigado por compartilhar. Certamente muitas pessoas serão beneficiadas com esses pontos.

    Resposta
  3. Sarah

    Muito útil. Estou olhando para um redesenho de um de nossos sites agora e percebi que estávamos usando cerca de 5 a 6 fontes diferentes no site antigo, o que simplesmente não parece ótimo.

    Resposta
  4. Sajesh

    Eu concordei com você que a tipografia da web é um aspecto crítico do web design e todo designer deve manter esse aspecto em sua mente ao projetar o site.

    Resposta
  5. Nishadha

    Tudo o que posso dizer é uau. Eu sei que os estilos e o tamanho das fontes são importantes, mas nunca soube tantos detalhes sobre por que eles são importantes. Encaminhando isso para a equipe de design e obrigado pelo artigo incrível.

    Resposta
  6. David

    Colocar uma tipografia clara, legível e eficaz em seu site aumenta não apenas seus visitantes, mas também aumenta o profissionalismo.

    Resposta
  7. Natasha

    Definir o tamanho da cópia do corpo em 14 pixels? Não é melhor usarmos 16-18px ou melhor vamos para 150%.

    Resposta
    • Rajesh Namase

      Depende, basta alterar e verificar se parece bom e legível ou não.

      Resposta
  8. Jeeten

    Sim, concordo com você Diane, a tipografia web é obrigatória. tendo em mente a tipografia, criei meu site.

    Resposta
  9. Stephen

    família de fontes: 'franklin_gothic_medium_condRg'; a fonte está sendo usada por mim em vários sites. e o tamanho da fonte do corpo foi mantido em .9em. e em alguns sites 1em.
    H1 = 3em
    H2 = 2.5em
    H3 = 2em
    H4 = 1.6em
    H5 = 1.2em

    Resposta
  10. Vishnu Sharma

    Sim, concordo com você Diane, a tipografia web é obrigatória. Tendo a tipografia em mente, criei meu site.

    Resposta
  11. Mansur Bhanpurawala

    Muito útil. Estou olhando para um redesenho de um de nossos sites agora e percebi que estávamos usando cerca de 5 a 6 fontes diferentes no site antigo, o que simplesmente não parece ótimo.

    Resposta
  12. Alex

    Obrigado, administrador. Muito uso o blog completo. Obrigado pelo post porque este post é útil para mim.

    Resposta

Adicione seu comentário cancelar resposta

O seu endereço de e-mail não será publicado. Os campos obrigatórios são marcados com *

Logotipo do rodapé Logotipo do texto do rodapé

Rodapé

Sobre

Olá e bem-vindo ao TechLila, o famoso blog de tecnologia onde você pode encontrar artigos úteis para dominar o básico e muito mais.

Na TechLila, nosso principal objetivo é fornecer informações exclusivas, como dicas e truques de qualidade, tutoriais, guias de procedimentos no Windows, Macintosh, Linux, Android, iPhone, Segurança e alguns subtópicos diversos, como análises.

Ligações Úteis

  • Sobre
  • Contactar
  • Negação de responsabilidade
  • Política de Privacidade
  • Condições

Siga-nos

Tema personalizado usando Genesis Framework

Hospedagem em nuvem pela Cloudways

Língua

© Copyright 2012–2023 TechLila. Todos os direitos reservados.

x
x