Tamanho do shot do Dribbble: 1600×1200 e como enquadrar

O tamanho do shot do Dribbble é 1600×1200 pixels, um quadro horizontal 4:3. O Dribbble mostra cada shot como um quadro 4:3 na grade, então crie a primeira imagem para ser lida nesse tamanho pequeno: uma ideia, bem recortada, com espaço ao redor e um fundo que valoriza o trabalho em vez de brigar com ele. As demais imagens do shot podem mostrar detalhes. Mantenha enquadramento e fundo consistentes de um shot para outro e seu perfil vira um portfólio, não uma pilha de uploads.

Dimensões do shot do Dribbble

Envie exatamente em 4:3. Outro formato é cortado ou preenchido na grade, e quem decide onde é o Dribbble, o que raramente é onde você escolheria. O PNG mantém bordas e texto de interface nítidos; o JPG serve para trabalhos fotográficos.

Como enquadrar o trabalho num shot do Dribbble

Um shot fraco clássico é uma página web inteira encolhida para caber no quadro. Em miniatura, vira um retângulo cinza cheio de pontinhos. Escolha uma parte que vale ser vista, recorte nela e dê espaço.

1. 1

   Escolha uma ideia

   Uma tela, um componente, um logo com assinatura ou um conjunto de ícones. Se precisa de um parágrafo para explicar, são dois shots.

2. 2

   Recorte mais perto do que parece natural

   Mostre o cartão do checkout, não a página inteira. O detalhe que importa precisa ser grande o bastante para ser visto na grade.

3. 3

   Deixe uma margem

   Cerca de 10 a 15 por cento do quadro de cada lado, algo como 160 a 240 pixels num shot de 1600 pixels, deixa o trabalho respirar.

4. 4

   Escolha um fundo que apoie

   Liso ou com degradê suave, escolhido a partir da paleta do trabalho ou em contraste com ela. O fundo deve fazer o trabalho parecer melhor e depois sumir.

5. 5

   Adicione imagens de detalhe depois

   Use a segunda e a terceira imagens para closes, estados e o fluxo completo. A primeira imagem é o convite.

Fundos para shots do Dribbble

O fundo é o palco. Uma interface clara costuma ficar melhor sobre um fundo suavemente tingido, um pouco mais escuro que o seu branco, para que as bordas dos cartões apareçam. Uma interface escura pede um fundo profundo com um leve toque de cor por perto. Um trabalho de marca colorido pode ficar sobre um quase neutro, para que a cor da marca seja a única coisa forte no quadro.

Mockups de dispositivos podem ajudar quando o contexto importa, como um app numa mão ou um mostrador de relógio num pulso. Usados em todo shot, encolhem o trabalho e envelhecem rápido. Uma tela plana e limpa sobre um bom fundo costuma ser mais forte. Fundos em degradê e fundos em degradê escuro mostram como criar fundos que não parecem predefinições.

Faça seu perfil do Dribbble parecer um único portfólio

Os visitantes julgam um perfil pela grade. Se todo shot compartilha uma família de fundos, uma margem e um jeito de recortar, a grade parece curada, e o que muda de um quadro para outro é o seu trabalho, não a moldura. Dicas de portfólio de design e design de estudo de caso levam o mesmo raciocínio para um portfólio completo.

Dê a cada shot um título simples que diga o que ele é, “Onboarding de app bancário” em vez de “Boas vibrações”, e uma breve descrição do problema e da sua decisão. As pessoas encontram shots por busca e tags, e os clientes leem a descrição para julgar como você pensa, não só como você desenha.

Um fundo que mais ninguém usa é uma assinatura discreta. No Gradiently, shot do Dribbble é um tamanho nativo, e um Mark que você reserva é só seu para exportar, então o palco atrás dos seus shots não vai aparecer no perfil de outro designer. Com o Pro, você exporta imagens estáticas até 4K ou um MP4 curto quando o movimento lento do Mark combina com um shot animado. Para shots com movimento em geral, mantenha os loops curtos e suaves; fundos em degradê animados traz os princípios.