Fiquei bastante inspirada com os micro-vídeos do Seu Lili no youtube. EpisÓDIOs engraçadinhos, vocês deveriam ver.

Graças a isso decidi fazer esse post sobre Design. Sim, um assunto pouco falado nesse blog, mas que consta no título da página e chama muitos paraquedistas aqui pelo Google. E que também me deixa terrívelmente emputecida, com vontade de queimar a pessoa que cagou no layout assim que começo a notar os erros.

Hoje darei apenas 3 dicas de meu vasto e incrível conhecimento que é muito valioso, pois vocês lerão algo de uma pessoa pós graduada e atestada com um carimbo dourado vindo de Harvard. Acreditem, apenas metade da frase anterior é real, escolham a parte que mais lhes agrada =). E vamos ao que interessa:

Erro 1: O contraste
Para ler na web o processo é o mesmo que uma leitura de livro, contando com dois agravantes pró livro e contra internet: A) As pessoas lêem as páginas na web em Z e B) O "passar de olho" na página é feito mais rapidamente.

Com isso, temos duas constantes nesse quesito:
A) Cor da fonte:
Sempre, mas sempre tente usar uma cor de fonte que seja menos "dura". A dica é sempre usar algo que não faça um contraste forte para textos longos. Um exemplo é a clássica página de fundo preto com letras brancas. As pessoas lêem, mas se cansam mais rapidamente. O mesmo vale para páginas brancas (lembrando que o branco também faz parte do layout e por vezes deixa o layout até mais bonito do que um lotado de grafismos por todos os lados) com a fonte preta.

O ideal, caso seu blog possua textos longos, é usar uma cor de fonte que crie um contraste menos agressivo como um cinza 70% por exemplo. Isso já é o bastante para auxiliar na leitura do seu usuário. E acreditem, um blog com uma leitura mais prática fideliza os leitores.

B) Respiro no texto
Um texto longo requer um "respiro" entre os parágrafos para que o leitor não se canse com a leitura. O ideal é aplicar uma quebra de linha a cada parágrafo, para que o usuário também não se confunda com partes do texto. Isso vai evitar que o usuário se depare com um bloco denso de texto e certamente vai tornar a leitura mais agradável.

Erro 2: Alinhamento
Vou citar apenas um dos 3242 livros que tratam sobre o assunto, que é o "Livro e o Designer" (esqueci o autor, googleiem). Este livro possui vários dogmas que eu, particularmente, não acho que precisam ser seguidos a risca. Maaaas sempre há aqueles dos quais não podemos fugir, e um deles é o alinhamento.

O alinhamento do texto interfere bastante na leitura do usuário. Os olhos seguem um padrão de leitura baseado no ritmo e na "adivinhação" da próxima linha, para que não se percam na leitura. Ou seja, quando o alinhamento é a esquerda, os olhos já pulam direto para o começo da outra linha, no ponto exato do começo da leitura. No caso de um alinhamento centralizado ou a direita isso é quebrado. Os olhos pulam pra outra linha, não acham o início da frase e tem que buscar o começo dela entre os espaços em branco no começo das linhas o que causa um enorme desconforto visual e cansa o usuário.

Exemplo

Então, façam um favor a si mesmos: A não ser que seja para um texto curto ou uma chamada, não façam textos alinhados a direita ou centralizados porque é tosco demais.

Erro 3: Tipografia - Tamanhos e entrelinhas
Uma vez fui chamada pra um blog que tinha uma fonte num corpo 20, sem zoeira. Tipo conseguem imaginar ler um texto de sei lá, 20/25 linhas num corpo 20? NOOOOOOOOOO!!!

Eu depois de ver o blog

Pois bem, temos que prestar atenção também no tamanho/entrelinhas do texto de seu blog. O tamanho do texto geralmente deve ficar entre 12/14 pt ou no HTML puro algo tipo font size 2. O entrelinha geralmente fica 1,5 pt do tamanho da fonte. Ou seja, se a fonte for 12pt o entrelinha será 13,5 pt. Isso também facilita a leitura e ajusta o "automático" da quebra de linha.

Tanto um entrelinha muito espaçado ou muito espremido dificultam a leitura, então o ideal é formatar no CSS da página o entrelinha personalizado (e fugir do automático).

Espero que aproveitem as dicas. E também espero que morram atropelados por um jumento no cio caso desdenhem delas.