Taille d’un shot Dribbble : 1600×1200 et cadrage

La taille d’un shot Dribbble est 1600×1200 pixels, un cadre paysage 4:3. Dribbble affiche chaque shot en vignette 4:3 dans sa grille : concevez donc la première image pour qu’elle se lise en petit, avec une seule idée, recadrée de près, de l’espace autour et un fond qui valorise le travail au lieu de le combattre. Les images suivantes d’un shot peuvent montrer le détail. Gardez le même cadrage et le même fond d’un shot à l’autre, et votre profil ressemble à un portfolio plutôt qu’à un tas d’imports.

Dimensions d’un shot Dribbble

Importez exactement en 4:3. Un autre format est recadré ou complété dans la grille, et c’est Dribbble qui décide où, rarement là où vous l’auriez choisi. Le PNG garde nets les bords d’interface et le texte ; le JPG convient au travail photographique.

Comment cadrer son travail dans un shot Dribbble

Le shot faible classique, c’est une page web entière réduite dans le cadre. En vignette, elle devient un rectangle gris tacheté. Choisissez une partie qui vaut le coup d’œil, recadrez dessus et laissez-lui de la place.

1. 1

   Choisissez une idée

   Un seul écran, un composant, un logo ou un jeu d’icônes. S’il faut un paragraphe pour l’expliquer, ce sont deux shots.

2. 2

   Recadrez plus près que ce qui semble naturel

   Montrez la carte de paiement, pas toute la page de paiement. Le détail qui compte doit être assez grand pour se voir dans la grille.

3. 3

   Laissez une marge

   Environ 10 à 15 % du cadre de chaque côté, soit 160 à 240 pixels sur un shot de 1600 pixels, laisse respirer le travail.

4. 4

   Choisissez un fond qui soutient

   Uni ou doucement dégradé, pris dans la palette du travail ou à son opposé. Le fond doit mettre le travail en valeur, puis s’effacer.

5. 5

   Ajoutez les images de détail ensuite

   Réservez la deuxième et la troisième image aux gros plans, aux états et au parcours complet. La première image est l’invitation.

Fonds pour les shots Dribbble

Le fond est la scène. Une interface claire rend souvent mieux sur un fond teinté doux, un peu plus sombre que son propre blanc, pour que les bords des cartes se voient. Une interface sombre veut un fond profond avec une légère montée de couleur à proximité. Un travail de marque vif peut se poser sur un quasi-neutre pour que la couleur de marque soit la seule chose bruyante du cadre.

Les mockups d’appareils peuvent aider quand le contexte compte, comme une app mobile dans une main ou un cadran de montre à un poignet. Utilisés sur chaque shot, ils rapetissent le travail et vieillissent vite. Un écran plat et net sur un bon fond est souvent plus fort. Les fonds dégradés et les fonds dégradés sombres expliquent comment créer des fonds qui ne ressemblent pas à des presets.

Faites de votre profil Dribbble un seul portfolio

Les visiteurs jugent un profil à sa grille. Si chaque shot partage une famille de fonds, une marge et une façon de recadrer, la grille paraît choisie avec soin, et c’est votre travail, pas votre cadrage, qui change d’une vignette à l’autre. Les conseils de portfolio de design et le design d’étude de cas prolongent cette réflexion jusqu’au portfolio complet.

Donnez à chaque shot un titre simple qui dit ce que c’est, « Onboarding d’une app bancaire » plutôt que « Fresh vibes », et une courte description du problème et de votre décision. On trouve les shots par la recherche et les tags, et les clients lisent la description pour juger votre manière de penser, pas seulement de dessiner.

Un fond que personne d’autre n’utilise est une signature discrète. Dans Gradiently, Dribbble shot est une taille intégrée, et un Mark que vous réservez est le seul que vous pouvez exporter : la scène derrière vos shots ne peut pas apparaître sur le profil d’un autre designer. Avec Pro, vous exportez des images fixes jusqu’en 4K ou un court MP4 quand le ralenti du Mark convient à un shot animé. Pour les shots animés en général, gardez des boucles courtes et douces ; les fonds dégradés animés en donnent les principes.