🐃 😘 🏫 O que deve estar no layout de um site: uma folha de dicas para um designer 😨 👼 ⛅️

Às vezes, o designer fornece ao cliente um layout que está faltando alguma coisa. Os designers de layout, backenders e quaisquer outros especialistas técnicos, é claro, podem fazer o elemento que falta a seu critério, mas eles não se importam com a aparência. Em vez de tons cuidadosamente escolhidos, eles adicionarão suas próprias cores, farão fontes padrão e todos os esforços do designer serão perdidos.

O layout também pode ser enviado de volta para revisão. Portanto, é melhor para o designer ter uma lista de elementos necessários em mãos e examiná-la antes que o layout seja transferido para o layout. Isso permitirá que você faça tudo de uma vez, não volte ao projeto várias vezes e não se preocupe que algo dê errado ao montar a página. Embora algo provavelmente ainda funcione.

Tenha cuidado, há muitas ilustrações no artigo.

Recomendações gerais

Antes de falar de elementos específicos, vale destacar os principais pontos que o designer não deve esquecer.

Fontes

Eles devem ser anexados ao layout, caso contrário, o desenvolvedor fará o download de alguns errados e arruinará o design.

Objetos vetoriais

Surpreendentemente, a ilustração vetorial deve ser vetorial e maquete. Se você inserir uma imagem de formato diferente no layout, ela ficará bem ali, mas ficará ensaboada durante o teste. Para evitar que isso aconteça, você deve sempre usar um vetor: por exemplo, anexar ícones SVG.

Rede

É melhor não remover a grade do layout, pois é conveniente navegar por ela. Quando existe uma grade, é mais fácil dividir o layout em partes, fazer colunas com a largura desejada. Então, há menos bugs no layout responsivo, e o site como um todo parece mais organizado.