Depois do post “10 dicas pro webmaster não querer te matar“, que teve diversos picos de acesso e cada dia bate novo recorde pro blog, resolvi inverter o foco e ajudar o webmaster a não ser decapitado e exposto em praça pública pelo designer. São leves toques (PARA OS WEBMASTERS) que, junto com o outro post, ajudarão a manter o clima de designers x webmasters calmo, feliz e com aroma de rosas so campo. Vamos lá:

1. Alinhamentos

Não existem coisas quase alinhadas. Ou estão ou não estão, inclusive ele existe pra isso: tornar duas coisas exatamente na mesma linha. Não tente justificar com “Ah, mas são só 3 pixels” se o resultado final ficar com cara de amador. Claro, isso se aplica quando não bate de frente com o item “6. Desapego com a arte” da outra lista de dicas.

2. Cores

Muitas vezes, na hora de usar o conta-gotas do seu software favorito para pegar a cor de algum elemento, você pode pegar a “cor errada”, ainda mais quando os layouts são distribuídos em JPG compactado ou algo equivalente. Na maior parte das vezes ele cria “borrões”, principalmente próximo a letras e bordas de ilustrações. Caso você clique nesses borrões acidentalmente para identificar o hexadecimal da cor, pode ter resultados diferentes a cada uma das páginas do seu projeto. Veja no exemplo a seguir que fiz com uma das imagens do post “Pensar com tipos“, três cores diferentes, retiradas da mesma letra A:

Diversas cores encontradas na mesma parte da imagem, pela compactação demasiada do JPG

3. Compactação de imagem

É bem interessante alinhar com o designer (caso ele não as entregue recortadas) como as imagens serão compactadas pra web, seja em JPG, GIF, PNG 8 ou 24. As vezes as existem muitas perdas de qualidade ou cores essenciais para o projeto.

4. Tipografia

Não, Arial não é igual Tahoma e tampouco com a Verdana. Times New Roman não tem nada a ver com a Georgia. Ok, ok, as vezes é complicado de identificar pra quem não é acostumado, então vale a pena certificar-se de qual das tipografias é utilizada no projeto. Uma família trocada pode causar bastante estranheza por parte de quem vê, mesmo que não tenha o olho treinado. Fica aquela sensação de letreiro preto com letrinhas amarelas de padaria, onde sempre tem fontes diferentes pra compor o “menu”. Perceba como as famílias são diferentes:

Comparação entre alguns caracteres das tipografias Arial, Verdana, Tahoma, Times New Roman e Geogia

5. Entrelinhas e entreletras

Muito comum ser ajustada entre os designers gráfcos, muitas vezes esses dois recursos essenciais não são aplicados na web ou não seguidos pelos HTMLers à risca. Os projetos que precisam colocar mais texto em menos espaços, como portais de conteúdo ou notícias, podem usar uma redução no entreletras (no CSS, letter-spacing) e/ou no entrelinhas (line-height no CSS) para resolver esse problema. Fique atento nessas medidas pra não parecer que “tem texto demais e tá quebrando o layout”

6. – Deixa que eu faço, é só um botãozinho? – NÃO!

Sem radicalizar nada, mas é bem complicado inventar um botão, cor de algo ou posicionamento quando teve um cara que ficou cinco meses pensando e executando só isso. Essa dica não é relacionada ao apego com o produto e sim com a garantia de identidade posta à prova no site todo, desde decisões de estrutura para todo o layout até a cor do link do canto do rodapé. Se precisar criar algo, chegou a hora de trabalhar junto com seu amiguinho designer de novo! Ó que beleza! Pra você entender como é ruim uma pessoa não treinada inventar esses designices, seria como, depois de meses e meses de trabalho árduo e códigos lipíssimos e organizados, vir um designer infeliz e mexer em tudo via Dreamweaver, pelo modo layout. Entendeu? Dói, né?

Mais alguém tem dica aí? Ah, aproveita pra comentar e enviar pros amiguinhos codeiros que você conhece. :)