Ir para conteúdo principal

Olá! Está disponível uma avaliação gratuita dos planos Standard e Essentials. Comece grátis hoje mesmo.

O que é o plano de fundo de um site?

O plano de fundo, background ou papel de parede definem o tom do seu site para os clientes em potencial. Saiba mais sobre boas práticas e onde baixá‑los gratuitamente.

As primeiras impressões são as que contam. Não importa se a primeira impressão ocorre em uma reunião presencial com outra pessoa, um telefonema, um texto, uma postagem de rede social ou um site: a avaliação é feita com base nas informações percebidas de imediato. Lado a lado com as palavras do texto, o background, as manchas de cor, as imagens, as folhas de estilo e o design de um site fazem parte de uma apresentação inicial da sua empresa e podem definir o clima para o seu cliente em potencial.

Não importa se sua empresa é uma startup ou já está estabelecida: você precisa de um site para solidificar sua marca e alcançar seus clientes em potencial. Os usuários costumam abandonar um site em 10-20 segundos quando não gostam do que veem. Então, você precisa de um conteúdo e de planos de fundo que captem a atenção para o seu site. Para ajudá-lo a criar seu site, o Mailchimp fornece um guia completo para desenvolver sites. Este guia fornece dicas sobre como criar um site comercial do início ao fim, incluindo como criar um design que mantenha os visitantes envolvidos.

Componentes do plano de fundo de um site

Existem dois tipos de planos de fundo: corpo e conteúdo. O background do corpo é a área de uma página web que cobre a maior parte da tela, o espaço onde você coloca ilustrações, cores, formas e outros elementos. O background do conteúdo é a área que preenche o espaço em torno de imagens ou blocos de texto e ajuda a delinear as diferentes seções.

Ao criar um fundo chamativo e atraente, é importante pensar no contraste entre as cores. Algumas cores não funcionam bem juntas, dificultando a visão ou a leitura do texto. Ao escolher um bloco de cor ou cores em degradê para o background do corpo, é importante se certificar de que as cores não distraiam o leitor nem dificultem a leitura de qualquer conteúdo. O uso de imagens de fundo em um site adiciona uma camada de branding que constitui um obstáculo para a atenção de um leitor. Certifique-se de que as ilustrações utilizadas não sejam impositivas nem causem distração, mas, ao contrário, contribuam para o conteúdo geral do site, como um complemento das cores da sua marca.

Exemplos de planos de fundo

Há uma variedade de opções quando se trata de usar um background para o seu site. Selecione um desses exemplos para criar o visual e o clima que você quer que sua marca represente:

• Conteúdo sobre o plano de fundo do corpo

Em vez de colocar o conteúdo sobre um background próprio, você pode colocá-lo diretamente sobre o plano de fundo do corpo. Você pode achar difícil garantir que seu conteúdo apareça de maneira legível em todas as áreas se o plano de fundo tiver cores ou texturas variadas. Essa opção funciona melhor com padrões sutis ou cores de fundo sólidas. Assim sendo, você deve testar adequadamente todas as páginas para confirmar a facilidade de leitura.

• Plano de fundo do conteúdo sobreposto ao plano de fundo do corpo

Esse é o estilo de plano de fundo usado pela maioria dos sites. O background do corpo do conteúdo se sobrepõe ao plano de fundo do site. Isso adiciona profundidade e impede que planos de fundo confusos dificultem a apreensão do conteúdo. Os planos de fundo de conteúdo sobreposto permitem a colocação de imagens e padrões no plano de fundo do corpo. Nesse caso, você pode colocar conteúdo sobre um plano de fundo sólido que fica na frente das imagens do plano de fundo principal do site. Essas configurações facilitam a formatação e a leitura do conteúdo.

• Plano de fundo do cabeçalho

O background do cabeçalho é um plano de fundo que destaca as informações na parte superior do site. Isso permite que você crie uma área chamativa no site sem perturbar ou distrair a atenção do fluxo de conteúdo principal.

O que contribui para um bom plano de fundo de um site?

Talvez você não saiba como criar um site para a sua empresa. Quando pensamos no uso de planos de fundo em um site, temos várias opções que podem ajudar a direcionar tráfego para o seu site e, realmente, o céu é o limite. De imagens estáticas a vídeos, existem muitas maneiras de fazer seu plano de fundo se destacar.

Ao escolher um plano de fundo, experimente usar o seguinte:

• Formas geométricas

As formas geométricas conferem uma sensação de contemporaneidade ao plano de fundo de um site quando combinadas com uma paleta de cores minimalista. As várias formas também podem conferir ao site uma aparência de alta tecnologia ou uma atmosfera de ficção científica. Um design geométrico pode proporcionar ao seu público um entendimento sutil dos produtos ou serviços que você oferece.

• Cores em degradê

As cores em degradê são as que mudam sutilmente de uma cor para outra. O uso desse design confere dimensão e adiciona um elemento de profundidade a um site. Você pode criar degradês de várias maneiras. As cores podem mudar de maneira linear, com duas cores em extremidades opostas e uma passagem gradual de uma para outra. Temos também o degradê radial, que começa com uma cor no centro e se transforma na outra cor à medida que se irradia.

• Cores sólidas

Os designers usam cores sólidas para combinar com o esquema de cores de uma marca ou adicionar um determinado clima ou qualidade a um site. Alguns designers deixam o plano de fundo branco e liso para passar uma sensação de limpeza e simplicidade. Outros escolhem cores mais escuras para conferir ao site um ambiente de elegância. Em ambos os casos, as cores sólidas adicionam consistência e equilíbrio, especialmente se você tiver um conteúdo impositivo no site.

• Imagens de fundo no site

Usar imagens de fundo é uma maneira fantástica de personalizar um site comercial. Também podem ser usadas para destacar os produtos e serviços oferecidos pela empresa. O uso de imagens requer a seleção das opções ideais, de modo a aprimorar e não prejudicar o conteúdo do site. É por essa razão que o Mailchimp oferece uma ficha de consulta sobre como escolher as melhores imagens para um anúncio, além de todas as outras imagens usadas em um site.

Quando usada em segundo plano, uma imagem pode ser fixa, de alta resolução, ou incluir um design de carrossel que permita um rodízio de imagens. Por exemplo, as empresas do setor de turismo utilizam imagens para oferecer uma variedade de fotos e colocar em destaque um destino de férias.

• Texturas

Existem várias texturas para você escolher ao criar o plano de fundo de um site. As texturas conferem ao plano de fundo uma profundidade e dimensão que podem causar um impacto marcante sobre um visitante. As texturas funcionam para destacar o conteúdo de um site e criar uma certa atmosfera de modo a afetar o branding da empresa.

Qual o tamanho ideal de uma imagem de fundo de um site?

O tamanho máximo do arquivo de imagem para o plano de fundo de um site é 1 MB. Você deve evitar imagens maiores do que a área de conteúdo ou o modelo escolhido. Dependendo de como usará o site e de se o conteúdo terá um outro estilo de modelo, você poderá optar por experimentar tamanhos diferentes. Em situações que incluem a criação de modelos com imagens de banners, escolha imagens com cerca de 640 pixels de largura para seus e-mails.

Onde encontrar planos de fundo gratuitos para sites

Encontrar o plano de fundo perfeito é empolgante, mas pode custar muito caro se você não souber onde encontrar imagens gratuitas de qualidade. Você pode não saber exatamente o que deseja. O uso de sites que oferecem backgrounds gratuitos para sites é uma maneira fantástica de pesquisar planos de fundo e experimentá-los no seu site até encontrar o que você quer. Experimente sites como:

1. Unsplash

O Unsplash oferece uma ampla variedade de imagens de alta resolução para serem usadas como plano de fundo em um site. A oferta inclui imagens com vários tipos de orientação, cores, padrões, texturas, efeitos e outras categorias que funcionarão perfeitamente com seu site e sua marca. Essas imagens são uma alternativa à produção de suas próprias fotos para o seu site ou ao pagamento de honorários dispendiosos pelos serviços de um fotógrafo profissional para promover sua empresa.

2. Subtlepatterns

Se estiver procurando padrões para o plano de fundo do seu site, o SubtlePatterns oferece vários para você escolher. São padrões criados para serem sutis, ou padrões marcantes que dão destaque ao seu conteúdo. Os padrões podem ser usados para dar aos visitantes uma visão geral do que sua empresa pretende com os produtos ou serviços oferecidos, transmitida pelo padrão escolhido para dar destaque ao site.

3. Transparent Textures

Esse site permite que você defina a cor e o padrão do plano de fundo que deseja e, em seguida, oferece os fundos disponíveis para você escolher com facilidade. Os planos de fundo são disponibilizados por meio de um download rápido.

4. Cool Backgrounds

O Cool Backgrounds permite que você navegue por planos de fundo para sites que incluem triângulos, partículas, cores em degradê e formas sobrepostas. Também fornece ferramentas e esquemas de cores para ajudá-lo a personalizar os fundos que você escolher. Os esquemas de cores e contrastes são combinados de antemão, eliminando boa parte das tentativas de adivinhação envolvidas no processo.

Seleção ou criação do plano de fundo

Selecionar o plano de fundo de um site é importante para atrair clientes. Também é importante para sua marca como empresa e para a interação entre seus clientes e o conteúdo que você oferece em seu site. Selecioná-lo e personalizá-lo é uma tarefa simples para quem seguir as etapas que descrevemos acima.

O Mailchimp oferece todas as ferramentas e diretrizes necessárias para ajudá-lo a criar um site do qual você possa se orgulhar. Com nossa assistência especializada e modelos fáceis de usar, você pode criar um site que atraia clientes e os informe sobre sua marca e os serviços ou produtos que sua empresa oferece.

Compartilhar este artigo