# Størrelse på Dribbble-shot: 1600×1200 og indramning af dit arbejde [Canonical HTML page](https://gradiently.design/da/guide/dribbble-shot-size) På Dribbble konkurrerer dit arbejde i et gitter af små 4:3-felter. Rammen omkring det, baggrunden, beskæringen og luften afgør, om nogen klikker. ## The short version - Et Dribbble-shot er 1600×1200 pixel, en liggende ramme i 4:3. - Dribbble viser shots som 4:3-miniaturer i sit gitter, så et shots første billede skal kunne læses i lille størrelse. - De fleste stærke shots viser én idé, beskåret tæt, med rigelig plads omkring og en baggrund, der understøtter arbejdet uden at konkurrere. - En ensartet baggrund og indramning på tværs af dine shots får en Dribbble-profil til at ligne én designers portfolio. - Shots kan også være animerede, hvilket passer til interaktions- og motion-arbejde, når bevægelsen er kort og looper rent. 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 | Egenskab | Værdi | | --- | --- | | Størrelse | 1600×1200 px | | Billedformat | 4:3, liggende | | Miniature i gitter | Det første billede, vist småt i 4:3 | | Filtyper | PNG eller JPG til stillbilleder, GIF eller video til bevægelse | | Flere billeder | Et shot kan rumme flere billeder eller videoer | Dribbbles uploadside angiver de aktuelle grænser for filstørrelse og videolængde. Design i 1600×1200 eller et større 4:3-multiplum som 3200×2400 for ekstra skarphed, så passer du præcis i rammen. 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. - Dribbble-shot 1600×1200: 1600 × 1200 - Behance-cover 1616×1264: 1616 × 1264 - Slides 4:3 1600×1200: 1600 × 1200 - Instagram-opslag 1080×1350: 1080 × 1350 Shottet ved siden af naboerne. Et 4:3-slide er den samme ramme, så et godt indrammet shot passer direkte ind i et pitchdeck; Behance-coveret er tæt på, men ikke identisk. ## 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. **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. **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. **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. **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. **Tilføj detaljebilleder bagefter** Brug det andet og tredje billede til nærbilleder, tilstande og hele forløbet. Det første billede er invitationen. Et Dribbble-shot-cover på 1600 gange 1200 med teksten Betaling, gentænkt på en blød gradient Et coverbillede til et shot med flere billeder: en kort titel på en stille baggrund, med skærmene i de følgende billeder. ## 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. - Blød sten, til lyst UI: `linear-gradient(160deg, #f5f5f4 0%, #e7e5e4 100%)` - Lavendelblå, til lyst UI: `radial-gradient(circle at 50% 40%, #e0e7ff 0%, #c7d2fe 60%, #a5b4fc 100%)` - Dyb scene, til mørkt UI: `radial-gradient(circle at 50% 35%, #312e81 0%, #1e1b4b 50%, #0b0a1a 100%)` - Varmt papir, til brandarbejde: `radial-gradient(circle at 30% 30%, #fde68a 0%, #fed7aa 45%, #fecdd3 100%)` Fire baggrunde, der understøtter arbejdet frem for at konkurrere med det. Hver holder sit klareste punkt bag rammens midte, hvor arbejdet sidder. ### Undgå - En hel side krympet, så den passer - En larmende regnbuegradient bag farverigt arbejde - Kraftige skygger under hvert kort - Arbejde, der rører rammens kanter - En anden baggrund på hvert shot ### Gør - Én komponent eller skærm, beskåret tæt - En bund, der er roligere end arbejdet - En blød, enkelt skygge, eller ingen - En margen på 10 til 15 procent - Én baggrundsfamilie på tværs af din profil 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](https://gradiently.design/da/guide/gradient-background) og [mørke gradientbaggrunde](https://gradiently.design/da/guide/dark-gradient-backgrounds) 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](https://gradiently.design/da/guide/designer-portfolio-tips) og [design af casestudie](https://gradiently.design/da/guide/case-study-design) tager den samme tankegang med ind i en hel portfolio. Et Dribbble-shot-cover med titlen Onboarding-forløb på en rolig gradientbaggrund Ét shot i en serie: titel, derefter skærmene i de følgende billeder. Et tilsvarende Dribbble-shot-cover med titlen Ikonsæt, 48 glyffer, med samme baggrund og layout Det næste shot på samme baggrund og med samme layout, så profilens gitter læses som ét samlet værk. 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](https://gradiently.design/da/guide/animated-gradient-background) har principperne. ## FAQ ### Hvilken størrelse har et Dribbble-shot? 1600×1200 pixel, en liggende ramme i 4:3. ### Kan jeg uploade et andet billedformat til Dribbble? Dribbbles gitter er 4:3, så andre former bliver beskåret eller polstret i miniaturen. Design i 4:3 for at styre, hvad folk ser. ### Hvilken baggrund skal jeg bruge til et Dribbble-shot? En rolig bund, lidt mørkere end et lyst interface, eller en dyb bund med et blidt løft til mørke interfaces. Baggrunden skal være mere dæmpet end arbejdet. ### Kan Dribbble-shots være animerede? Ja. Shots kan indeholde GIF'er og videoer, som passer til interaktions- og motion-arbejde. Hold bevægelsen kort, og lad den loope rent. ### Hvor stor en margen skal et Dribbble-shot have? Omkring 10 til 15 procent af rammen på hver side, cirka 160 til 240 pixel på tværs af et shot på 1600 pixel i bredden.