Design Editorial na Web: Princípios para um bom desempenho

Ao longo dos anos temos vindo a testemunhar um grande boom digital. No entanto, nos últimos tempos, devido ao panorama atual, o mundo digital tem sofrido uma transformação e visibilidade exponencial e, saber como comunicar digitalmente de forma eficiente, tornou-se fundamental para qualquer negócio.

Neste artigo vamos falar de algumas vantagens em aplicar e convergir técnicas de design editorial na comunicação digital.

O Design editorial não é nada mais do que a arte de estruturar, hierarquizar e tornar os conteúdos textuais compreensíveis e legíveis, através de uma grelha, de tratamento de texto, de imagens e de uma navegação delineada.

Geralmente associado ao mundo impresso — revistas, jornais, livros — o Design editorial é também utilizado no desenvolvimento de uma página de um website (até mesmo nesta em que se encontra a ler este nosso artigo).

O sucesso de uma publicação digital não depende inteiramente da qualidade dos seus conteúdos, mas também da forma como os mesmos são apresentados.

Assim, tal como quando desenvolvemos um projeto editorial, também no mundo digital há especificidades que devem ser ajustadas.

Por exemplo, uma fonte de texto pode ser adequada para impressão, mas ilegível quando lida em ecrãs. Regra geral, os tipos de letra com pouco ou nenhum contraste são os mais indicados para a leitura em ecrãs. O mesmo pode ser aplicado às fontes com ou sem serifa — fontes sem serifa são mais difíceis de ler em textos impressos, ao contrário das serifadas.

Cada caso é um caso, mas é preciso adequar todos os elementos ao contexto e aos fins a que se destinam.

Lembre-se que está a comunicar sobre um ecrã, para um público-alvo específico e que o seu objetivo é que o seu projeto tenha visibilidade.

  “Eu abordo o editorial do ponto de vista do leitor. Um bom design editorial deve, em primeiro lugar, fazer com que as pessoas queiram ler e, depois, deve contar histórias. (Caldwell & Zappaterra, 2014, p. 18)

Se pretende tornar o seu conteúdo digital mais eficiente, legível e atrativo, é importante que invista na estrutura e na forma como comunica.

1. Comece por criar uma grelha de colunas

A grelha existente em projetos editoriais é um componente fundamental do design visual para a conceção e qualidade do projeto, mas que, na maioria das vezes, é invisível para os leitores.

Na medida em que permite dispor os diferentes elementos gráficos (caixas de texto, símbolos, imagens, fotografias e espaços brancos), o uso da grelha permite uma melhor organização e disposição das colunas, que por sua vez cria um ritmo harmonioso e coerente entre o texto e as imagens, dando consistência aos layouts.

2. Escolha o tipo de letra mais adequado

 Se perder algum tempo em escolher o tipo de letra para a sua página, não se preocupe. É normal.

Uma fonte adequada tem a capacidade de tornar a mensagem o mais clara e legível possível. São os pequenos pormenores que marcam a diferença.

Utilize um sistema de estilos e pesos — do light ao bold, de 16pt a 42pt — está a dar expressão, legibilidade e destaque a um texto.

Para texto corrido, opte por um tipo de letra com menos contraste entre os traços e sem serifa.

Caso opte por uma fonte serifada — letras que apresentam pequenos traços no fim das pernas — certifique-se que esta tem as serifas curtas.

Para títulos, seja criativo. Tipos de letra Display, serifadas ou sem serifas são ideais. Mas assegure que os títulos e o texto estão em conformidade.

 Sugiro ainda alguns tipos de letra (free):

Sem serifas:

Montserrat, Poppins, Roboto, Lato, Cairo, Archivo, Source Sans, Ubuntu, Fira Sans

 Serifadas:

Merriweather, Playfair Display, PT Serif, Spectral

 Combinações:

Playfair + Montserrat

Playfair + PT Sans

PT Serif + PT Sans

Spectal + Fira Sans

Poppins + Merriweather

3. Estabeleça um equilíbrio e evite elementos excessivos

No panorama digital, os conteúdos podem ser apresentados sobre textos estáticos ou dinâmicos, imagens estáticas ou dinâmicas, ou ainda em formato de vídeo ou som.

Isto deve-se à versatilidade de que a internet oferece, na medida em que permite enriquecer qualquer conteúdo digital e, ainda, partilhar em inúmeras plataformas.

No entanto, evite elementos excessivos.

É preciso ter consciência que a variedade de hipóteses disponíveis na internet pode tornar a comunicação excessiva e confusa.

Comunicação em demasia não favorece a leitura e dissipa a atenção do leitor.

Um equilíbrio e coerência são sempre necessários para um projeto bem-sucedido.

4. Controle a comunicação através de uma hierarquia entre texto e imagens

 A hierarquia visual controla a comunicação e o impacto da mensagem. Sem uma estrutura adequada, a comunicação gráfica fica confusa e dificulta a navegação do utilizador.

Estabeleça contraste entre títulos, subtítulos e texto. Lembre-se que antes do leitor ler o texto, lê os títulos.

Utilize a grelha que desenhou para controlar a hierarquia entre o texto e as imagens.

Priorize os espaços em branco. Uma boa página de web deve ter espaço para “respirar”. Verá que torna os conteúdos mais legíveis e atrativos.

Todos estes princípios devem ser aplicados em qualquer projeto que contenha texto e imagens. Esta receita permite organizar qualquer mancha visual – quer seja offline (cartazes, revistas, livros, brochuras, relatórios, etc.) ou online (apresentações, UX/UI, posts de redes sociais, banners, etc.).

Compreender que o digital nasceu do analógico permiti-lo-á melhorar a usabilidade, controlar e potencializar a sua comunicação digital.

Verá que os resultados serão surpreendentes!

O que achou deste artigo? Dê-nos o seu feedback e conte connosco para o ajudar a definir o seu Investimento em Marketing Digital.

Poderá encontrar mais informação sobre as áreas em que o podemos ajudar aqui:

PUBLICIDADE ONLINE

CONSULTORIA EM MARKETING DIGITAL

OUTROS SERVIÇOS