Este artigo é para falar sobre uma das maiores dificuldades que percebo em alguns alunos: a migração de design gráfico para o design web. Embora os programas sejam muito similares, as técnicas não são; por isso resolvi fazer uma lista dos cinco principais erros cometidos:

1 – Cores sem saturação

Antes de começar a pensar em um layout, não esqueça de trocar a configuração do seu Photoshop de cores CMYK para cores RGB. Cores aditivas (RGB) são compostas através da luz, assim sendo, quanto mais sobreposições de cores, mais luz terá. Cores CMYK são formadas através de pigmentos, sua mistura bloqueia a passagem de luz, logo acontece o inverso que o RGB. Mesmo que você tenha vontade de utilizar cores pasteis em seu layout, utilize esta técnica através da palheta RGB e não da CMYK. Segue uma ideia da diferença entre RGB e CMYK:

2 – Degradee agressivo

Por não conhecer ainda a suavidade da web, muitos designers têm dificuldade em fazer o degradee perfeito. O ideal é uma cor estar aproximada da outra e com a mesma saturação, diminuindo apenas o brilho inserido. Segue uma ideia abaixo:

 

3 – Fontes serifadas

É uma das regras de legibilidade utilizar fontes serifadas em impresso – vide livros e revistas. Porém, o mesmo não se aplica para a web, visto que estas fontes perdem a definição no monitor. A recomendação é apenas utilizar fonte serifada para títulos e textos curtos.

4 – Texto justificado

Entendo que é “bonitinho” o texto terminar sempre na mesma coluna, mas em questão de leitura, o texto ganha uma função, então vamos explicar a utilização do texto. Em livros, revistas e outros documentos impressos, nós seguramos com as mãos e criamos o hábito de passar o dedo do começo da linha até o final – por muitas vezes fazemos isso através de uma linha imaginária que o próprio cérebro cria para nos ajudar a ler mais rapidamente. No entanto, em monitores isso não acontece. O cérebro não faz a linha com o dedo, basicamente fotografando a primeira e a última palavra e depois te permitindo ler a linha, sendo bem mais dinâmica.

5 – Sombra agressiva

Acredito que esse problema seja mais voltado para designers que não têm muita aptidão com seus programas. A ideia nesse tópico é mais forçar um conceito, em web TUDO é mais suave, inclusive as sombras.

 

Conclusão

As técnicas e preocupações com o design web são primordiais, por isso, sugiro muita pesquisa e comparação com outros casos de sucesso para garantir uma qualidade ímpar no seu projeto. Boa sorte!

E vocês? Tem alguma experiência dessa migração para contar?