# Tamanho de shot do Dribbble: 1600×1200 e enquadramento

[Canonical HTML page](https://gradiently.design/pt-pt/guide/dribbble-shot-size)

No Dribbble, o teu trabalho compete numa grelha de pequenos mosaicos 4:3. A moldura à volta, o fundo, o corte e o espaço para respirar decidem se alguém clica.

## The short version

- O tamanho de um shot do Dribbble é 1600×1200 píxeis, um quadro horizontal 4:3.
- O Dribbble mostra os shots como miniaturas 4:3 na grelha, por isso a primeira imagem de um shot tem de se ler num tamanho pequeno.
- A maioria dos bons shots mostra uma só ideia, com corte próximo, bastante espaço à volta e um fundo que apoia o trabalho sem competir com ele.
- Um fundo e um enquadramento consistentes nos teus shots fazem um perfil do Dribbble parecer o portefólio de um só designer.
- Os shots também podem ser animados, o que serve trabalho de interação e movimento quando o movimento é curto e o ciclo fecha bem.

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

| Propriedade | Valor |
| --- | --- |
| Tamanho | 1600×1200 px |
| Proporção | 4:3, horizontal |
| Miniatura na grelha | A primeira imagem, mostrada pequena em 4:3 |
| Tipos de ficheiro | PNG ou JPG para imagens fixas, GIF ou vídeo para movimento |
| Várias imagens | Um shot pode conter várias imagens ou vídeos |

A página de upload do Dribbble indica os limites atuais de tamanho de ficheiro e duração de vídeo. Desenha em 1600×1200, ou num múltiplo 4:3 maior, como 3200×2400, para mais nitidez, e encaixas no quadro na perfeição.

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.

- Shot do Dribbble 1600×1200: 1600 × 1200
- Capa do Behance 1616×1264: 1616 × 1264
- Slides 4:3 1600×1200: 1600 × 1200
- Publicação de Instagram 1080×1350: 1080 × 1350

O shot ao lado dos vizinhos. Um slide 4:3 é o mesmo quadro, por isso um shot bem enquadrado entra direto numa apresentação; a capa do Behance é parecida, mas não idêntica.

## 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. **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. **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. **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. **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. **Acrescenta imagens de detalhe depois** Usa a segunda e a terceira imagens para pormenores, estados e o fluxo completo. A primeira imagem é o convite.

Uma capa de shot do Dribbble de 1600 por 1200 com o texto Pagamento, redesenhado sobre um gradiente suave

Uma imagem de capa para um shot com várias imagens: um título curto sobre um fundo calmo, com os ecrãs nas imagens seguintes.

## 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.

- Pedra suave, para interface clara: `linear-gradient(160deg, #f5f5f4 0%, #e7e5e4 100%)`
- Pervinca, para interface clara: `radial-gradient(circle at 50% 40%, #e0e7ff 0%, #c7d2fe 60%, #a5b4fc 100%)`
- Palco profundo, para interface escura: `radial-gradient(circle at 50% 35%, #312e81 0%, #1e1b4b 50%, #0b0a1a 100%)`
- Papel quente, para trabalho de marca: `radial-gradient(circle at 30% 30%, #fde68a 0%, #fed7aa 45%, #fecdd3 100%)`

Quatro fundos que apoiam o trabalho em vez de competirem com ele. Cada um mantém o ponto mais brilhante atrás do centro do quadro, onde fica o trabalho.

### Evitar

- Uma página inteira encolhida para caber
- Um gradiente arco-íris berrante atrás de trabalho colorido
- Sombras pesadas debaixo de cada cartão
- Trabalho a tocar nas margens do quadro
- Um fundo diferente em cada shot

### Fazer

- Um componente ou ecrã, com corte próximo
- Uma base mais calma do que o trabalho
- Uma sombra suave e única, ou nenhuma
- Uma margem de 10 a 15 por cento
- Uma só família de fundos em todo o perfil

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](https://gradiently.design/pt-pt/guide/gradient-background) e os [fundos de gradiente escuros](https://gradiently.design/pt-pt/guide/dark-gradient-backgrounds) 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](https://gradiently.design/pt-pt/guide/designer-portfolio-tips) e o [design de casos de estudo](https://gradiently.design/pt-pt/guide/case-study-design) levam o mesmo raciocínio a um portefólio completo.

Uma capa de shot do Dribbble com o título Fluxo de integração sobre um fundo de gradiente calmo

Um shot de uma série: título, depois os ecrãs nas imagens seguintes.

Uma capa de shot do Dribbble a condizer, com o título Conjunto de ícones, 48 glifos, com o mesmo fundo e esquema

O shot seguinte com o mesmo fundo e esquema, para a grelha do perfil se ler como um só conjunto de trabalho.

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](https://gradiently.design/pt-pt/guide/animated-gradient-background) têm os princípios.

## FAQ

### Que tamanho tem um shot do Dribbble?

1600×1200 píxeis, um quadro horizontal 4:3.

### Posso carregar outra proporção no Dribbble?

A grelha do Dribbble é 4:3, por isso outros formatos são cortados ou preenchidos na miniatura. Desenha em 4:3 para controlares o que as pessoas veem.

### Que fundo devo usar num shot do Dribbble?

Uma base calma, um pouco mais escura do que uma interface clara, ou uma base profunda com uma leve subida de cor para interfaces escuras. O fundo deve ser mais discreto do que o trabalho.

### Os shots do Dribbble podem ser animados?

Sim. Os shots podem incluir GIF e vídeos, que servem trabalho de interação e movimento. Mantém o movimento curto e faz o ciclo fechar bem.

### Que margem deve ter um shot do Dribbble?

Cerca de 10 a 15 por cento do quadro de cada lado, mais ou menos 160 a 240 píxeis num shot com 1600 píxeis de largura.