Dribbble-shotformaat: 1600×1200 en je werk inlijsten

Het Dribbble-shotformaat is 1600×1200 pixels, een liggend 4:3-kader. Dribbble toont elke shot als 4:3-tegel in zijn raster, dus ontwerp de eerste afbeelding zo dat hij op dat kleine formaat leest: één idee, dichtbij uitgesneden, met ruimte eromheen en een achtergrond die het werk flatteert in plaats van ermee te vechten. Extra afbeeldingen in een shot kunnen detail tonen. Houd kadrering en achtergrond van shot tot shot consistent en je profiel leest als een portfolio in plaats van een stapel uploads.

Afmetingen van Dribbble-shots

Upload op precies 4:3. Een andere vorm wordt in het raster bijgesneden of opgevuld, en Dribbble bepaalt waar, wat zelden is waar jij zou kiezen. PNG houdt interfacerandjes en letters scherp; JPG past bij fotografisch werk.

Zo lijst je werk in binnen een Dribbble-shot

Een klassieke zwakke shot is een hele webpagina die in het kader is gekrompen. Op thumbnailformaat wordt het een grijze rechthoek met stipjes. Kies één deel dat het zien waard is, snij erop bij en geef het ruimte.

1. 1

   Kies één idee

   Eén scherm, een component, een logolockup of een iconenset. Als het een alinea uitleg nodig heeft, zijn het twee shots.

2. 2

   Snij dichterbij bij dan natuurlijk voelt

   Toon de afrekenkaart, niet de hele afrekenpagina. Detail dat telt moet groot genoeg zijn om in het raster te zien.

3. 3

   Laat een marge

   Ongeveer 10 tot 15 procent van het kader aan elke kant, circa 160 tot 240 pixels bij een shot van 1600 pixels breed, laat het werk ademen.

4. 4

   Kies een ondersteunende achtergrond

   Effen of zacht verlopend, gekozen uit of tegen het palet van het werk. De achtergrond moet het werk beter laten ogen en dan verdwijnen.

5. 5

   Voeg detailafbeeldingen daarna toe

   Gebruik de tweede en derde afbeelding voor close-ups, toestanden en de hele flow. De eerste afbeelding is de uitnodiging.

Achtergronden voor Dribbble-shots

De achtergrond is het podium. Een lichte interface ziet er vaak het best uit op een zachte getinte ondergrond die iets donkerder is dan zijn eigen wit, zodat de kaartranden zichtbaar zijn. Een donkere interface wil een diepe ondergrond met een zachte kleuropstoot dichtbij. Fel merkwerk kan op een bijna neutrale ondergrond staan, zodat de merkkleur het enige luide in het kader is.

Device-mockups kunnen helpen als context telt, zoals een mobiele app in een hand of een wijzerplaat om een pols. Op elke shot gebruikt maken ze het werk kleiner en ogen ze snel gedateerd. Een schoon plat scherm op een goede achtergrond is meestal sterker. Verloopachtergronden en donkere verloopachtergronden behandelen hoe je ondergronden maakt die niet op presets lijken.

Laat je Dribbble-profiel op één portfolio lijken

Bezoekers beoordelen een profiel op zijn raster. Als elke shot een achtergrondfamilie, een marge en een manier van uitsnijden deelt, ziet het raster er samengesteld uit en veranderen je werk, niet je kadrering, van tegel tot tegel. Tips voor je ontwerpportfolio en ontwerp van een case study brengen hetzelfde denken naar een volledig portfolio.

Geef elke shot een gewone titel die zegt wat het is, “Onboarding van een bankapp” in plaats van “Frisse vibes”, en een korte beschrijving van het probleem en je beslissing. Mensen vinden shots via zoeken en tags, en opdrachtgevers lezen de beschrijving om te beoordelen hoe je denkt, niet alleen hoe je tekent.

Een achtergrond die niemand anders gebruikt is een stille handtekening. In Gradiently is Dribbble-shot een ingebouwd formaat en een Mark die je claimt is alleen van jou om mee te exporteren, dus het podium achter je shots kan niet op het profiel van een andere ontwerper opduiken. Met Pro exporteer je stilstaande beelden tot 4K of een korte MP4 als de langzame beweging van de Mark bij een geanimeerde shot past. Houd loops voor motionshots in het algemeen kort en zacht; geanimeerde verloopachtergronden heeft de principes.