Como exportar ativos do Adobe XD para criar um site WordPress

O Adobe XD é um programa incrível para a criação de sites e supera em muito seu antigo antecessor, o Adobe Photoshop. Na Bright Vessel. Fizemos dele o nosso programa preferido para criar experiências de usuário para os clientes.

Veja a seguir como exportar ativos ao criar um site WordPress no Adobe XD.

1. Primeiro, você deve abrir o arquivo do Adobe XD

2. Depois de abrir o arquivo, certifique-se de provisionar os arquivos para que eles possam ser exportados corretamente.

É preciso ser preciso e todos os elementos precisam estar agrupados e em sua própria seção.

Nesta imagem, um designer adiciona elementos em várias camadas diferentes, portanto, quando todas as camadas foram agrupadas. Os elementos não foram cortados corretamente. Essa é uma correção fácil. Ao clicar duas vezes em um dos elementos, por exemplo, o homem. Arraste-o de modo que nenhum elemento seja transferido para uma linha diferente.

Essa é uma correção fácil. Ao clicar duas vezes em um dos elementos, por exemplo, o homem. Arraste-o de modo que nenhum elemento seja transferido para uma linha diferente.

3. O esquema de nomes é muito importante. É sempre bom nomear suas imagens, não apenas para facilitar a identificação, mas também para SEO. Usaremos HDR para os cabeçalhos e BG para os planos de fundo.

Isso facilita saber que tipo de imagem de elementos é e, em seguida, o nome da seção, se for um plano de fundo, ou o elemento, se for tipografia, botão etc. Na área de camadas, nomeie o grupo e as imagens individuais. Use letras minúsculas e um traço entre cada palavra.

4. Agora, a maneira mais fácil de exportar depois de corrigir todos os elementos é agrupá-los para que você possa exportar a imagem necessária. Na maioria dos casos, você estará reunindo ativos que, de outra forma, não poderiam ser feitos em HTML e em nosso construtor que você pode estar usando.

Arquivo > Exportar > Selecionado

Agora que nomeamos a camada, não precisamos digitá-la. Assim, sabemos que tipo de elementos são as imagens para o plano de fundo, a tipografia, o botão etc. É sempre bom nomear suas imagens, não apenas para facilitar a identificação, mas também para SEO. Usaremos HDR para os cabeçalhos e BG para os planos de fundo.

Depois de exportar, você deverá ter um grupo de elementos no tipo de arquivo de imagem desejado.