Como o designer deve entregar materiais para o time de implantação

• Logomarca do projeto
  • Exportar imagens nas extensões SVG e PNG e nos tamanhos descritos no visual
• Logomarca de parceiros
  • Proporções comuns para um controle deslizante (slideshow) ou galerias geralmente 1:1
  • Tamanhos de resolução comuns (px): 500×500, 200×200…
• Ícones
  • Exportar representações de ícones existentes das chamadas nas proporções de 1:1 com fundo transparente se necessário.
  • Tamanhos de resolução comuns (px): 500×500, 200×200…
• Favicons
  • Tamanho em (px): 512×512.
• Backgrounds
  • Exportar a imagem completa (altura e largura) com seus efeitos na extensão JPG ou PNG caso seja necessário ter transparência.
  • Caso precise criar um background de repetição infinita (pattern) você terá que cria a imagem base para estes fins e exportá-la  
• Ornamentações nos títulos das áreas principais
  • Exportar imagens que ficam ao lado dos títulos com fundo transparente caso seja necessário.
• Fotografias
  • Exportar apenas as imagens de maiores dimensões pois o thumbnail será feito pelo wordpress. Limitar as dimensões das imagens a no máximo 1500 (px) de largura ou altura.
  • Dicas
    • Razões de proporção mais comuns: 16:9, 3:4, 2:5, 1:1
    • Tentar se possível manter as mesmas proporções nas imagens para dar mais coerência ao design.
    • As galerias de estilo quadrado devem ter uma proporção de 1:1 de imagens.
    • As galerias de imagens com estilo mais alto devem ter proporções de altura maiores, como por exemplo 2:5 ou 200 (px) por 500 (px).

Observação: Em projetos com maiores dúvidas ou complexidade na geração dos assets, será necessário o designer resolver junto com o front-end.

Otimização

Há uma série de soluções no mercado, mas o Tiny PNG é o meu favorito! Ele limpa todos os metadados da imagem e comprime PNG e JPG para o menor tamanho com uma qualidade muito boa.

Especificações

Já é facilitado pelo uso destas ferramentas: Figma, XD ou Sketch

Usando o photoshop ou mesmo as ferramentas acima citadas, seria necessário a entrega de algum documento anexo ao layout especificando espaços entre as áreas de titulos, textos, tamanho do grid e tamanho das fontes.

Quadro(ou Board) de Componentes

Já é facilitado usando componentes do próprio Elementor, Gutemberg ou dos próprios plugins de terceiros do wordpress.

Paleta de cores

Você deve definir a paleta de cores do seu projeto de acordo com as configurações recomendadas pelo personalizador do theme builder Neve. Ver documentação

Tipografia

Você deve definir a família da fonte, o tamanho da fonte, bem como outras opções de tipografia do seu projeto de acordo com as configurações recomendadas pelo personalizador do theme builder Neve. Ver documentação