Módulo 5: Como criar banner e artes

É um programa de design que funciona dentro do navegador, sem precisar instalar nada no computador. Profissionais usam para criar telas, banners, artes e protótipos. Para o web designer, é onde dá para desenhar o visual antes de montar o site de verdade.

Você cria a conta com o seu email e já começa a usar na hora. O plano gratuito é mais do que suficiente para fazer todos os banners e artes dos seus sites.

O Figma é dividido em algumas áreas principais:

Usar a medida certa evita que o banner fique cortado ou embaçado depois no site:

Você começa criando o frame no tamanho do banner, adiciona uma imagem ou uma cor de fundo, coloca o texto da chamada principal e finaliza com um botão. A meta é deixar a mensagem clara em poucos segundos.

Com o banner pronto, você seleciona o frame e exporta em PNG ou JPG. Esse arquivo é o que você sobe no site depois.

No celular, o banner do computador fica espremido e o texto some. Uma versão própria garante que a mensagem continue legível e bonita na tela pequena.

Para o celular, a proporção muda bastante:

Você aproveita os mesmos elementos do banner de computador, reorganiza para o formato vertical, aumenta o texto e deixa o botão fácil de tocar com o dedo.

É uma ferramenta de design online cheia de modelos prontos. Você escolhe um modelo, troca os textos e as imagens, e já tem uma arte pronta para usar no site.

O Canva tem uma versão gratuita e uma paga:

Funciona de forma bem visual. A lateral esquerda tem os modelos, os elementos e os textos, e o centro é onde você monta a arte arrastando tudo para o lugar.

No Canva você clica em criar um design e escolhe tamanho personalizado, colocando a medida do banner em pixels. Assim a arte já nasce na medida certa para o site.

Você pode partir de um modelo pronto e adaptar, ou montar do zero com os elementos, as fotos e os textos da biblioteca.

Com o banner pronto, você clica em compartilhar e baixar, escolhe JPG ou PNG e salva o arquivo para subir no site.

Crie um novo design vertical, mais alto que largo, na medida do banner mobile. Esse formato acompanha a tela do celular e mantém o texto legível.

No Canva Pro existe o recurso de redimensionar, que pega o banner de computador e adapta para o tamanho do celular de forma automática. Depois é só ajustar os detalhes.

Serve para criar imagens que o cliente não tem, como uma foto de ambiente, um retrato ou uma cena específica para o banner. Ajuda muito quando o material enviado é fraco ou nem existe.

As ferramentas de IA trabalham em dois caminhos principais:

A qualidade da imagem depende da descrição que você escreve. Quanto mais detalhes sobre o ambiente, a luz, o estilo e o enquadramento, melhor o resultado.

Sempre revise a imagem antes de usar, porque a IA às vezes erra detalhes como mãos e textos. E quando a foto for gerada por IA, vale alinhar com o cliente para todo mundo ficar na mesma página.