Pagina inicial » Web design » Typograph 101 Serif vs. Sans Serif

    Typograph 101 Serif vs. Sans Serif

    Na fase de seleção de fontes, um designer muitas vezes se pergunta, “Serif ou Sans Serif”? Escolhendo o tipo de fonte usar em um projeto é de extrema importância, pois afeta muito legibilidade, experiência do usuário e a estética geral do design.

    Embora, não importa quanta experiência você tenha com a tipografia, você pode sempre ficar preso no dilema serif vs. sans-serif. Eu pessoalmente acho que uma boa saída é através Entendendo o básico de serifas e sans-serifs, e isso é apenas o que este artigo pretende fazer.

    Vamos dar uma olhada no seguinte write-up que destaca as principais diferenças entre as fontes serif e sans-serif para uma melhor compreensão dos dois.

    De onde vieram as serifas??

    Serifas são pequenas linhas finas anexadas ao final dos traços em tipos de letra. Acredita-se que eles tenham se originado do alfabeto latino que os romanos usavam para gravar seus escritos em pedra.

    Embora não haja uma origem universalmente aceita para este peça decorativa em tipografia, Acredita-se que os romanos costumavam pintar letras com contornos sobre a pedra, então quando os escultores de pedra seguiam as marcas de pincel, que queimavam nas extremidades, que resultou na criação de serifas.

    E sem serifa?

    Sans-serif, por outro lado, literalmente significa "sem serifas". Qualquer fonte que esteja ausente desses traços pendentes no final de cada canto, pode ser considerada como uma fonte sem serifa.

    Sabendo disso, como pode a escolha de ir com serifas ou sem serifa afeta seu design? Aqui estão algumas coisas a considerar:

    Legibilidade

    A legibilidade é frequentemente medida como quão facilmente um leitor pode digerir o conteúdo. Naturalmente, como a visão geralmente é subjetiva, há muitos fatores que entram em jogo, incluindo o interesse ou o leitor, e como o conteúdo é organizado no bloco ou espaço que foi dado.

    O método da "velha escola" de apresentar texto usa serifas por um motivo. Você já pensou porque a maioria dos jornais usa tipos serifados para o seu conteúdo? Porque as serifas são mais fáceis de ler. Estas pequenas linhas decorativas em cada personagem guiam seus olhos fluidamente conforme você se move de uma linha para outra e une as letras juntas. lendo textos mais longos e menos taxativos para os seus olhos.

    Os espaços entre as letras (desde que você tenha que levar as serifas em conta quando se trata de espaçamento) também dá mais espaço para o leitor identificar facilmente as letras umas das outras.

    Veja o exemplo abaixo e você notaria que o fontes com serifa criam uma experiência de leitura mais fácil aos olhos porque cria lacunas entre as letras e as palavras. Isso faz com que mover seu olho de uma palavra para outra mais fácil.

    Por outro lado, a fonte serif torna-se mais difícil de ler usando o mesmo espaçamento. Isso ocorre porque a separação de cada letra é menor como você não tem que colocar as serifas em conta quando o espaçar.

    Legibilidade

    Legibilidade é a qualidade e clareza das letras. Isso diz respeito a detalhes finos da fonte e é essencial porque ajuda o leitor a diferenciar um caractere do outro. este difere de legibilidade porque o último está preocupado principalmente em abordar o conteúdo como um todo.

    No caso da imagem acima, o minúsculo L e eu para sans serif em Arial parecem muito parecidos. Imagine digitando a palavra “Illinois”.

    Aqui está para enfatizar meu ponto.

    No entanto, é importante observar que, se o seu tipo de letra estiver ilegível, ele nunca poderá se tornar legível. Mas há muitos casos de tipos legíveis que podem parecer ilegíveis por causa de como eles são espaçados ou escalados em relação ao seu propósito de design.

    Alex Poole escreveu um artigo bem explicado comparando fontes serif e sans-serif na tentativa de descobrir qual era mais legível.

    Segundo ele, há cinco características a serem observadas quando se trata de legibilidade:

    • Serif ou Sans Serif
    • Tamanho do ponto
    • X-altura
    • Contadores
    • Ascendentes e Descendentes

    Poole concluiu, baseando-se em argumentos que sustentam ambos os lados, que realmente havia nenhuma diferença na legibilidade quando se trata de seleção de tipo de letra. Ele também observou que existe a possibilidade de que as serifas ou a falta delas possam afetar a legibilidade mas a diferença nem é mensurável.

    No entanto, ele disse que:

    Maior diferença em legibilidade pode ser facilmente encontrada dentro de membros do mesmo tipo de família do que entre uma serifa e um tipo de letra sem serifa. Há também outros fatores, como altura x, tamanho do contador, espaçamento entre letras e largura do traço, que são mais significativo para a legibilidade do que a presença ou ausência de serifas.

    Escala e Resolução

    Texto em web design não é estático. Pode diferir de tela para tela e precisaria ser escalonável. Isso está feito de modo que o texto ainda seria legível apesar do tamanho da tela.

    Nesta área, é seguro dizer que sans-serif ganha a batalha, pois é mais flexível para escalar. Fontes sem serifa são muito mais fáceis de fornecer ênfase e legibilidade em resoluções menores desde que eles sobrevivem manchando devido à falta de detalhes neles.

    IMAGEM: Tempo

    Aqui é um primo exemplo de como o serif é usado mal. Dê uma olhada no parágrafo inferior da capa da revista Time acima e você perceberá com que facilidade difícil é ler, pois não flui com facilidade especialmente com esse tamanho pequeno. Mas observe como o efeito é perfeito ao passar para o sans serif “Jonathan Franzen”.

    O mesmo acontece quando uma fonte sem serifa é explodida. A escala do tipo de letra mantém a sua forma geral e torna-a mais reconhecível. Então, quando se trata de dimensionamento, as sans-serifs tendem a ser facilmente adaptadas em tamanhos melhores porque elas se ajustam bem a manchando em tamanhos pequenos e rasgando em maiores.

    Para serifar ou sem serifas?

    Então, qual é a resposta para a pergunta?

    Bem, podemos dizer que é um empate óbvio. Escolhendo entre fontes sans-serif e serif em última análise, resume-se ao seu propósito de usar o texto. Se o texto que você está estilizando deveria ficar quase do mesmo tamanho? Então você quereria uma melhor legibilidade o que torna a serif uma melhor escolha.

    Por outro lado, se você quiser fazer o parte de texto de um site responsivo, em seguida, escolher uma fonte sem serifa pode ser mais inteligente, pois você não deseja que o texto pareça pequeno demais para ler.

    IMAGEM: GQ

    Dê uma olhada nestes Capas de revistas GQ que usam fontes serif e sans serif. O consenso geral é que fontes com serifa são usadas em materiais formais e impressos, enquanto sans serif é usado principalmente na web. Mas neste caso, ambos foram usados, e se você perceber que é sempre o nome do modelo de capa que está em serif, enfatizando assim.

    Algumas palavras finais

    Basta lembrar que consistência é a chave. Sua escolha de fonte precisa ir com a estética geral do design que você está criando. Você pode misturar e combinar tipos de letra que são semelhantes, mexer com redimensioná-los, a fim de descobrir quais obras. No entanto, lembre-se que você está fazendo isso para que o usuário entenderia a mensagem e seu design parece estético também.