Størrelse på Dribbble-shot: 1600×1200 og indramning af dit arbejde

Et Dribbble-shot er 1600×1200 pixel, en liggende ramme i 4:3. Dribbble viser hvert shot som et 4:3-felt i sit gitter, så design det første billede, så det kan læses i den lille størrelse: én idé, beskåret tæt, med plads omkring og en baggrund, der flatterer arbejdet i stedet for at kæmpe imod det. Yderligere billeder i et shot kan vise detaljer. Hold indramning og baggrund ensartet fra shot til shot, så læses din profil som en portfolio frem for en bunke uploads.

Dribbble-shot-dimensioner

Upload i præcis 4:3. En anden form bliver beskåret eller polstret i gitteret, og Dribbble afgør hvordan, hvilket sjældent er der, hvor du ville vælge. PNG holder interfacekanter og tekst skarpe; JPG passer til fotografisk arbejde.

Sådan rammer du arbejde ind i et Dribbble-shot

Et klassisk svagt shot er en hel webside, der er krympet ind i rammen. I miniaturestørrelse bliver den et gråt rektangel med pletter. Vælg én del, der er værd at se, beskær til den, og giv den plads.

1. 1

   Vælg én idé

   Én enkelt skærm, en komponent, en logo-lockup eller et ikonsæt. Hvis det kræver et afsnit at forklare, er det to shots.

2. 2

   Beskær tættere, end det føles naturligt

   Vis betalingskortet, ikke hele betalingssiden. Detaljer, der betyder noget, skal være store nok til at kunne ses i gitteret.

3. 3

   Læg en margen

   Omkring 10 til 15 procent af rammen på hver side, cirka 160 til 240 pixel på tværs af et shot på 1600 pixel, giver arbejdet luft.

4. 4

   Vælg en understøttende baggrund

   Almindelig eller blødt graderet, valgt ud fra eller i kontrast til arbejdets palet. Baggrunden skal få arbejdet til at se bedre ud og derefter forsvinde.

5. 5

   Tilføj detaljebilleder bagefter

   Brug det andet og tredje billede til nærbilleder, tilstande og hele forløbet. Det første billede er invitationen.

Baggrunde til Dribbble-shots

Baggrunden er scenen. Et lyst interface ser ofte bedst ud på en blød, farvet bund, der er lidt mørkere end dets eget hvide, så kortenes kanter træder frem. Et mørkt interface vil have en dyb bund med et blidt løft af farve tæt på. Stærkt brandarbejde kan sidde på noget næsten neutralt, så brandfarven er det eneste højlydte i rammen.

Enhedsmockups kan hjælpe, når konteksten betyder noget, som en mobilapp i en hånd eller en urskive på et håndled. Bruges de på hvert shot, krymper de arbejdet og ser hurtigt forældede ud. En ren, flad skærm på en god baggrund er som regel stærkere. Gradientbaggrunde og mørke gradientbaggrunde gennemgår, hvordan du laver bunde, der ikke ligner presets.

Få din Dribbble-profil til at ligne én portfolio

Besøgende bedømmer en profil på dens gitter. Hvis hvert shot deler en baggrundsfamilie, en margen og en måde at beskære på, ser gitteret kurateret ud, og det er dit arbejde, ikke din indramning, der ændrer sig fra felt til felt. Tips til designportfolio og design af casestudie tager den samme tankegang med ind i en hel portfolio.

Giv hvert shot en enkel titel, der siger, hvad det er, »Onboarding i bankapp« frem for »Friske vibes«, og en kort beskrivelse af problemet og din beslutning. Folk finder shots via søgning og tags, og kunder læser beskrivelsen for at bedømme, hvordan du tænker, ikke kun hvordan du tegner.

En baggrund, ingen andre bruger, er en stille signatur. I Gradiently er Dribbble-shot en indbygget størrelse, og en Mark, du sikrer dig, er din alene at eksportere, så scenen bag dine shots ikke kan dukke op på en anden designers profil. Med Pro kan du eksportere stillbilleder op til 4K eller en kort MP4, når Markens langsomme bevægelse passer til et animeret shot. For motion-shots generelt gælder det: hold loops korte og blide; animerede gradientbaggrunde har principperne.