Resumindo
- O tamanho da capa de projeto do Behance é 1616×1264 pixels, um quadro horizontal um pouco mais largo que 4:3.
- 1616×1264 é exatamente o dobro de 808×632, então uma capa feita nesse tamanho fica nítida em telas de alta densidade.
- O Behance pede que você corte a capa no formato fixo ao publicar, então uma imagem feita em outro formato perde as bordas.
- O Behance mostra o título do projeto e o seu nome ao lado da capa, então a imagem só precisa de um título curto ou nenhum.
- A capa é vista pequena numa grade com muitas outras, então uma ideia forte e um texto grande e simples vencem uma colagem de todas as telas do projeto.
Nesta página
O tamanho da capa de projeto do Behance é 1616×1264 pixels. É um quadro horizontal um pouco mais largo que 4:3 e é exatamente o dobro de 808×632, então fica nítido em telas de alta densidade. Crie nesse tamanho, mantenha o que importa longe das bordas e lembre que o Behance escreve o título do projeto e o seu nome ao lado da capa por você.
Dimensões da capa do Behance num relance
Valor
Valor
Valor
Valor
Valor
O formato importa mais que a contagem de pixels. Divida 1616 por 1264 e você chega a cerca de 1,28, entre um slide clássico 4:3 e uma impressão 5:4. Se preferir trabalhar em outro tamanho, mantenha essa proporção: 2424×1896 é o mesmo formato, com três vezes o tamanho da metade. Nosso guia de proporções de tela mostra como escalar qualquer quadro sem distorcer.
Capa Behance 1616×1264
1616 × 1264
Shot Dribbble 1600×1200
1600 × 1200
Slides 16:9 1920×1080
1920 × 1080
Como funciona o corte da capa do Behance
Ao publicar um projeto, o Behance pede uma imagem de capa e mostra uma caixa de corte travada no formato dele. Você pode mover e escalar a caixa, mas não pode mudar as proporções. Envie uma imagem 16:9 e você perde as bordas esquerda e direita; envie um mockup de celular em pé e você perde o topo e a base.
É por isso que criar a capa como uma peça própria, no tamanho próprio, funciona melhor que escolher uma imagem de dentro do projeto. Uma imagem do projeto foi composta para outro quadro. Uma capa feita em 1616×1264 entra no recorte e se encaixa com exatidão, então nada do que importa é cortado por acidente.
Vale pôr o título numa capa do Behance
O Behance já coloca o título do projeto e o seu nome junto da capa na galeria e no seu perfil. Repetir o título inteiro dentro da imagem desperdiça espaço e deixa o texto minúsculo. Um uso melhor do quadro é uma destas três abordagens.
- O trabalho, em grande. Uma visão principal do projeto, bem recortada, sem nenhuma palavra. Melhor quando o trabalho impressiona por si só: um pôster, uma embalagem, uma tela de app.
- O nome, como letras. O nome da marca ou da campanha em tamanho grande, como o próprio design. Melhor para projetos de identidade, em que o wordmark é o ponto central.
- Uma promessa curta. De duas a quatro palavras que dizem o que o visitante vai ver, como Rebranding para uma padaria. Melhor para estudos de caso em que o resultado é um sistema, não uma imagem.
Um projeto de identidade mostrado só pelo nome, em tamanho grande por todo o quadro.
Uma capa de estudo de caso com uma promessa curta e uma única linha de apoio.
Como criar uma capa do Behance que ganha o clique
Na galeria, sua capa fica entre dezenas de outras, numa fração do tamanho real. O que sobrevive nesse tamanho é contraste, uma forma clara e texto legível num relance. Teste do jeito honesto: reduza a capa a cerca de um quarto da largura na tela e veja o que sobra. O raciocínio é o mesmo do texto de miniaturas e da hierarquia visual.
Evite
- Uma colagem de todas as telas do projeto
- O título completo em letras pequenas
- Mockups que ultrapassam a borda do quadro
- Texto cinza claro sobre uma foto carregada
- Um estilo diferente de todas as outras capas do seu perfil
Faça
- Uma imagem principal ou uma ideia ousada
- De duas a quatro palavras, ou nenhuma
- Uma margem calma ao redor do assunto
- Contraste forte onde há texto
- Um fundo ou layout consistente entre projetos
Um perfil em que toda capa compartilha uma família de fundos e uma posição de texto parece uma prática única, não um álbum de recortes. Escolha uma cor de fundo, um material e um lugar para as palavras, e reutilize. Dicas de portfólio para designers mostra como capas, ordem e estudos de caso trabalham juntos.
Como fazer uma capa do Behance, passo a passo
- 1
Abra uma tela de 1616×1264
Use o tamanho exato, não um recorte de uma imagem maior, para planejar a composição para o quadro que você vai publicar.
- 2
Escolha a abordagem
O trabalho em grande, o nome como letras ou uma promessa curta. Escolha uma e se comprometa com ela.
- 3
Defina o fundo
Um fundo rico e consistente faz o trabalho parecer apresentado, não colado. Deixe-o mais calmo atrás de qualquer texto.
- 4
Posicione o assunto com margem
Centralize a imagem principal ou o texto, com pelo menos 80 pixels de respiro em cada lado.
- 5
Confira em tamanho pequeno
Veja com cerca de 400 pixels de largura. Se não consegue ler ou entender o que é, simplifique.
- 6
Exporte e envie
Exporte PNG para texto e cor chapada, ou um JPEG de alta qualidade para fotografias, e confirme no Behance que a caixa de corte cobre a imagem inteira.
O Gradiently ajuda com a metade do fundo desse trabalho. Um Mark é um fundo vivo de degradê e material que renderiza bem em qualquer tamanho personalizado, inclusive 1616×1264, e move a região mais calma e de melhor contraste para trás das suas palavras, então um título curto se lê sem caixas nem sombras. O mesmo Mark pode vestir seus shots do Dribbble e suas páginas de estudo de caso, o que faz um portfólio parecer feito por uma só pessoa.
Uma capa de série numerada. O mesmo layout entre projetos transforma um perfil num conjunto de trabalhos.
Capas do Behance e o resto do seu perfil
Seu perfil do Behance também tem um banner e um avatar, e seus projetos serão compartilhados como links em outras plataformas, onde vale outro corte. Tenha pronta uma versão 1200×630 de cada capa para prévias de link, feita a partir do mesmo design e não de uma cópia esmagada. A lista completa de formatos está em tamanhos de imagem para redes sociais.
Perguntas frequentes
Qual é o tamanho da capa de um projeto do Behance?
1616×1264 pixels. É o dobro de 808×632, um formato horizontal de cerca de 1,28 para 1.
Por que o Behance corta a imagem da minha capa?
A caixa da capa tem formato fixo. Qualquer imagem de outro formato é cortada para caber, então crie a capa em 1616×1264 para não perder as bordas.
Devo pôr texto na capa do Behance?
Só poucas palavras, ou nenhuma. O Behance mostra o título do projeto e o seu nome ao lado da capa, então a imagem pode focar no trabalho ou numa promessa curta.
Qual formato de arquivo é melhor para a capa do Behance?
PNG para capas feitas de texto, cor chapada ou degradês, e JPEG de alta qualidade para capas fotográficas. Salve os dois em sRGB.
Posso usar meu shot do Dribbble como capa do Behance?
Não diretamente. Um shot do Dribbble tem 1600×1200, um quadro 4:3, então seria cortado um pouco. Faça uma versão separada em 1616×1264 a partir do mesmo design.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil