7 erros muito comuns a evitar na tipografia da web

computador portátil

Apesar do grande impacto de escolher um fonte em um projeto da webNão é nada difícil para você encontrar um daqueles clientes que está totalmente determinado a usar um estilo e tamanho de fonte sem levar em conta certas regras e ignorando totalmente os conselhos dos mais profissionais. Nunca devemos esquecer que existem certos padrões básicos para aplicar estilo e fontes aos nossos textos e conteúdo escrito de uma forma profissional e harmoniosa.

Entre as regras mais importantes que você deve prestar atenção hoje, vou propor sete fundamentos na tipografia web:

  • Use letras maiusculas: Em grandes áreas inundadas por texto ou no corpo de nossos artigos, nunca devemos usar letras maiúsculas (talvez possamos adicionar algumas palavras em letras maiúsculas para destacar algum outro conceito, mas em ocasiões excepcionais. Aqui está um exemplo: NUNCA use letras maiúsculas para grandes concentrações de texto ou títulos.
  • Tamanho ilegível do texto: Tenha cuidado com o tamanho que você define em cada uma das áreas do seu site. Os tamanhos mais recomendados são aqueles que encontramos a partir de 11 pontos, embora dependa da área em que nos concentramos. Monitore o resultado em cada uma das plataformas ou suportes e certifique-se de que a versão móvel e a versão web tenham os tamanhos apropriados.
  • Excesso de criatividade: Esqueça as fontes que são mais barrocas e têm floreios excessivos. Esses tipos de fontes criativas geralmente são muito bons para desenhar logotipos ou para projetos muito específicos, mas em nenhuma circunstância para estrelar grandes massas de texto. Se o fizer, você causará uma sensação de opressão no leitor e a sobrecarga visual excessiva não ajudará seus visitantes a continuar lendo.
  • Combinação de fontes: Você está prestes a escolher a fonte para seu projeto da web. Você está entre uma pedra e um lugar duro porque considera a fonte Helvetica mais adequada e pode ser muito boa, mas por outro lado você acha que uma Palatino é exatamente o que você procurava. No final você decide usar os dois e o pior de tudo é combiná-los de uma forma despreocupada por um mar de letras. Parabéns, você conseguiu! Você se livrou do seu grande dilema, embora bem tenha havido danos colaterais sem a menor importância: Você criou um projeto bagunçado, sem identidade e sem limpeza, mas nada acontece, hein? (ironia).
  • Uso excessivo de texto centralizado: Existem certas circunstâncias que nos obrigam a usar uma estrutura com os nossos textos centrados, como a enumeração de conceitos, a apresentação de obras e / ou fotografias ... mas isto em termos gerais nunca deve ser usado. Apresentar texto alinhado à esquerda ou justificado sempre acentuará a sensação de ordem e limpeza. Você já sabe que a ordem é um objetivo que devemos buscar sempre em nossos projetos.
  • Contrastes inadequados: Neste ponto, falamos sobre todos os tipos de contrastes. Contrastes, por exemplo, mudando fontes e estilos (negrito, itálico, sublinhado ...), cores ... Quanto ao assunto das cores, o mais acadêmico, simples e limpo é que sempre usamos uma cor (duas em a maioria e um deles deve ser preto). Contrastes excessivos não são bons. Usamos o contraste em qualquer de suas variantes para dar certo destaque a um conceito ou para chamar a atenção de nosso público para algo definido. Si você é marcação contrastes cada dos atas você vai deixar todo mundo que lê você louco. Portanto, seja um pouco cauteloso. Cada vez que você usar uma dessas ferramentas expressivas, deve fazê-lo com uma justificativa. Porque você acha que parece bom não é uma justificativa e porque não é;)
  • Condução incorreta: O espaçamento é outro aspecto importante no resultado final do nosso projeto. Procure respeitar os espaços e que todos os elementos mantenham distância suficiente para que não haja uma sensação de densidade avassaladora e extrema.

Antes de terminar, gostaria de deixar um pequeno kit de emergência. A maioria dos web designers e programadores costumam usar o que é conhecido como "fontes seguras", entre elas estão as seguintes, embora, é claro, se você escolher qualquer uma delas, pode ser porque ela se encaixa no projeto em questão: Verdana, Geneva, Sans-serif, Georgia, Times New Roman, Times, Serif, Courier New, Courier, Monospace, Arial, Helvetica, Sans-serif Tahoma, Trebuchet MS, Arial Black, Gadget, Linótipo Palatino, Book Antiqua, Palatino, Lucida Sans Unicode, Lucida Grande, MS Serif, Nova York, Lucida Console, Monaco, Comic Sans ... (o último não estica, certo?)


Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.

  1.   Carmen dito

    Amo o seu blog e agradeço as ferramentas que você nos mostra, mas discordo totalmente da mania que os designers têm por sans comics, me parece uma fonte com um caráter casual e de acordo com que projeto pode caber. Existe uma alternativa com a mesma personalidade, mas "politicamente correta" do ponto de vista do designer?

    1.    Fran Marin dito

      Olá Carmen! Estou feliz por ter você aqui! Em primeiro lugar, obrigado pelo seu comentário e pela sua sinceridade. O que acontece com a Comic Sans (no meu ponto de vista) é que é uma fonte com um caráter muito informal, isso não quer dizer que não tenha qualidade estética, claro que tem. O que acontece é que infelizmente há muitos utilizadores que insistem em descontextualizá-lo e colocá-lo em cenários que realmente não lhe correspondem. Não podemos aplicar elementos alegres e cômicos numa composição acadêmica, séria e com certa amplitude cultural. O problema realmente está no uso que lhe é dado. Muitas pessoas usaram a Comic Sans para epitáfios, declarações legais ou até mesmo reclamações. O resultado é que esta fonte acaba inevitavelmente exercendo a sua influência como qualquer outro design e atrapalha a mensagem, diminuindo um pouco a sua seriedade e rigor. Em mais de uma ocasião mostrei minha opinião (este artigo por exemplo [http://www.creativosonline.org/sensibilidad-tipografica-aprende-escuchar-al-narrador-detras-de-las-letras.html] fala justamente sobre isso. Não existem fontes ruins, mas sim os maus usos que lhes são dados, então concordo totalmente com você.) Em relação a este artigo, apenas dei uma espécie de piscadela a todos aqueles que a odeiam até à morte ;) Uma alternativa mais politicamente correcta? Bem, existem muitas fontes manuscritas que podem ser bastante interessantes, como Bradley Hand, Chalkboard (Mac), Kosmik ou Delius. Embora eu pessoalmente pense que se uma composição requer Comic Sans ela deve ser aplicada independentemente da fama da tipografia. É o eterno debate entre designers e com certeza mais de um fica surpreso ao ver o bom acabamento de um design com esta tipografia. ;)

      Uma saudação!

  2.   maralissimeg dito

    Suas anotações me ajudam muito, obrigado.

    1.    Fran Marin dito

      Estou feliz em ler você :) De nada! Uma saudação!

  3.   gina dito

    Fran, espero poder ler você com mais frequência, saudações da Cidade do México
    colega!!

    1.    Fran Marin dito

      Obrigada pelo seu comentário Gina !!! É uma honra ser lido por você. Uma saudação !! :)