Tamanho de shot do Dribbble: 1600×1200 e enquadramento

O tamanho de um shot do Dribbble é 1600×1200 píxeis, um quadro horizontal 4:3. O Dribbble mostra cada shot como um mosaico 4:3 na grelha, por isso desenha a primeira imagem para se ler nesse tamanho pequeno: uma só ideia, com corte próximo, espaço à volta e um fundo que valoriza o trabalho em vez de lutar com ele. As imagens adicionais de um shot podem mostrar o detalhe. Mantém o enquadramento e o fundo consistentes de shot para shot e o teu perfil lê-se como um portefólio e não como um monte de uploads.

Dimensões de um shot do Dribbble

Carrega exatamente em 4:3. Um formato diferente é cortado ou preenchido na grelha, e é o Dribbble que decide onde, o que raramente é onde tu escolherias. O PNG mantém nítidos os contornos da interface e o texto; o JPG serve trabalho fotográfico.

Como enquadrar o trabalho num shot do Dribbble

Um clássico shot fraco é uma página web inteira encolhida para o quadro. Em tamanho de miniatura torna-se um retângulo cinzento com pontinhos. Escolhe uma parte que valha a pena ver, corta para ela e dá-lhe espaço.

1. 1

   Escolhe uma só ideia

   Um único ecrã, um componente, um logótipo com variantes ou um conjunto de ícones. Se precisa de um parágrafo para se explicar, são dois shots.

2. 2

   Corta mais perto do que parece natural

   Mostra o cartão de pagamento, não a página de pagamento inteira. O detalhe que importa deve ser grande o bastante para se ver na grelha.

3. 3

   Deixa uma margem

   Cerca de 10 a 15 por cento do quadro de cada lado, uns 160 a 240 píxeis num shot de 1600 píxeis, deixa o trabalho respirar.

4. 4

   Escolhe um fundo de apoio

   Liso ou com um degradé suave, tirado da paleta do trabalho ou em contraste com ela. O fundo deve fazer o trabalho parecer melhor e depois desaparecer.

5. 5

   Acrescenta imagens de detalhe depois

   Usa a segunda e a terceira imagens para pormenores, 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 uma base suavemente tingida, um pouco mais escura do que o seu próprio branco, para se verem as margens dos cartões. Uma interface escura pede uma base profunda com uma leve subida de cor perto dela. O trabalho de marca vivo pode ficar sobre um quase neutro, para a cor da marca ser a única coisa forte no quadro.

As maquetes de dispositivos podem ajudar quando o contexto importa, como uma aplicação móvel numa mão ou um mostrador de relógio num pulso. Usadas em todos os shots, encolhem o trabalho e envelhecem depressa. Um ecrã limpo e plano sobre um bom fundo costuma ser mais forte. Os fundos de gradiente e os fundos de gradiente escuros explicam como fazer bases que não pareçam predefinições.

Faz o teu perfil do Dribbble parecer um só portefólio

Os visitantes julgam um perfil pela grelha. Se todos os shots partilham uma família de fundos, uma margem e uma forma de cortar, a grelha parece curada, e o que muda de mosaico para mosaico é o teu trabalho, não o enquadramento. As dicas de portefólio de design e o design de casos de estudo levam o mesmo raciocínio a um portefólio completo.

Dá a cada shot um título simples que diga o que é, “Integração de uma app bancária” e não “Fresh vibes”, e uma descrição curta do problema e da tua decisão. As pessoas encontram shots através da pesquisa e das etiquetas, e os clientes leem a descrição para avaliar como pensas, não só como desenhas.

Um fundo que mais ninguém usa é uma assinatura discreta. No Gradiently, o shot do Dribbble é um tamanho integrado, e um Mark que reserves é só teu para exportar, por isso o palco por trás dos teus shots não pode aparecer no perfil de outro designer. Com o Pro podes exportar imagens fixas até 4K ou um MP4 curto quando o movimento lento do Mark serve um shot animado. Para shots de movimento em geral, mantém os ciclos curtos e suaves; os fundos de gradiente animados têm os princípios.