# Dimensioni shot Dribbble: 1600×1200 e come inquadrare il lavoro [Canonical HTML page](https://gradiently.design/it/guide/dribbble-shot-size) Su Dribbble il tuo lavoro compete in una griglia di piccole tessere 4:3. Cornice, sfondo, ritaglio e aria intorno decidono se qualcuno clicca. ## The short version - Lo shot Dribbble misura 1600×1200 pixel, un riquadro orizzontale 4:3. - Dribbble mostra gli shot come miniature 4:3 nella griglia, quindi la prima immagine di uno shot deve leggersi anche in piccolo. - La maggior parte degli shot efficaci mostra una sola idea, ritagliata da vicino, con ampio spazio intorno e uno sfondo che sostiene il lavoro senza competere. - Uno sfondo e un’inquadratura coerenti tra i tuoi shot fanno sembrare un profilo Dribbble il portfolio di un solo designer. - Gli shot possono essere anche animati, il che si adatta a lavori di interazione e movimento quando il movimento è breve e il loop pulito. Le **dimensioni di uno shot Dribbble** sono 1600×1200 pixel, un riquadro orizzontale 4:3. Dribbble mostra ogni shot come una tessera 4:3 nella griglia, quindi progetta la prima immagine perché si legga a quella piccola misura: una sola idea, ritagliata da vicino, con spazio intorno e uno sfondo che valorizza il lavoro invece di combatterlo. Le immagini aggiuntive di uno shot possono mostrare i dettagli. Mantieni inquadratura e sfondo coerenti da uno shot all’altro e il tuo profilo sembrerà un portfolio e non un mucchio di caricamenti. ## Dimensioni dello shot Dribbble | Proprietà | Valore | | --- | --- | | Dimensione | 1600×1200 px | | Proporzioni | 4:3, orizzontale | | Miniatura nella griglia | La prima immagine, mostrata piccola in 4:3 | | Tipi di file | PNG o JPG per le immagini fisse, GIF o video per il movimento | | Più immagini | Uno shot può contenere più immagini o video | La pagina di caricamento di Dribbble indica i limiti attuali per peso dei file e durata dei video. Progetta a 1600×1200, o a un multiplo 4:3 più grande come 3200×2400 per maggiore nitidezza, e riempirai il riquadro esattamente. Carica esattamente in 4:3. Una forma diversa viene ritagliata o riempita nella griglia, e Dribbble decide dove, che raramente è dove sceglieresti tu. Il PNG mantiene nitidi bordi e testo dell’interfaccia; il JPG va bene per il lavoro fotografico. - Shot Dribbble 1600×1200: 1600 × 1200 - Copertina Behance 1616×1264: 1616 × 1264 - Slide 4:3 1600×1200: 1600 × 1200 - Post Instagram 1080×1350: 1080 × 1350 Lo shot accanto ai suoi vicini. Una slide 4:3 è lo stesso riquadro, quindi uno shot ben inquadrato entra direttamente in una presentazione; la copertina Behance è vicina ma non identica. ## Come inquadrare il lavoro in uno shot Dribbble Uno shot debole classico è un’intera pagina web rimpicciolita nel riquadro. In miniatura diventa un rettangolo grigio con puntini. Scegli una parte che valga la pena di vedere, ritaglia su di essa e dalle spazio. 1. **Scegli una sola idea** Una singola schermata, un componente, un logo con il suo lockup o un set di icone. Se serve un paragrafo per spiegarlo, sono due shot. 2. **Ritaglia più vicino di quanto sembri naturale** Mostra la scheda del checkout, non l’intera pagina. I dettagli che contano devono essere abbastanza grandi da vedersi nella griglia. 3. **Lascia un margine** Circa il 10-15 per cento del riquadro per lato, da 160 a 240 pixel su uno shot di 1600 pixel, lascia respirare il lavoro. 4. **Scegli uno sfondo di supporto** Neutro o con una sfumatura morbida, scelto dalla palette del lavoro o in contrasto con essa. Lo sfondo deve far apparire meglio il lavoro e poi scomparire. 5. **Aggiungi le immagini di dettaglio dopo** Usa la seconda e la terza immagine per primi piani, stati e flusso completo. La prima immagine è l’invito. Una copertina shot Dribbble 1600 per 1200 con la scritta Checkout, ridisegnato su un gradiente morbido Una copertina per uno shot con più immagini: un titolo breve su uno sfondo quieto, con le schermate nelle immagini successive. ## Sfondi per gli shot Dribbble Lo sfondo è il palcoscenico. Un’interfaccia chiara spesso rende al meglio su un fondo morbido e tinto, appena più scuro del suo bianco, così i bordi delle schede si vedono. Un’interfaccia scura vuole un fondo profondo con un lieve accenno di colore vicino. Un lavoro di brand vivace può stare su un quasi neutro, così il colore del brand è l’unica cosa forte nel riquadro. - Pietra morbida, per UI chiare: `linear-gradient(160deg, #f5f5f4 0%, #e7e5e4 100%)` - Pervinca, per UI chiare: `radial-gradient(circle at 50% 40%, #e0e7ff 0%, #c7d2fe 60%, #a5b4fc 100%)` - Palco profondo, per UI scure: `radial-gradient(circle at 50% 35%, #312e81 0%, #1e1b4b 50%, #0b0a1a 100%)` - Carta calda, per lavori di brand: `radial-gradient(circle at 30% 30%, #fde68a 0%, #fed7aa 45%, #fecdd3 100%)` Quattro sfondi che sostengono il lavoro invece di competere. Ognuno tiene il punto più luminoso dietro il centro del riquadro, dove sta il lavoro. ### Da evitare - Un’intera pagina rimpicciolita - Un gradiente arcobaleno vistoso dietro un lavoro colorato - Ombre pesanti sotto ogni scheda - Lavoro che tocca i bordi del riquadro - Uno sfondo diverso per ogni shot ### Da fare - Un componente o una schermata, ritagliato da vicino - Un fondo più calmo del lavoro - Un’unica ombra morbida, o nessuna - Un margine del 10-15 per cento - Una famiglia di sfondi su tutto il profilo I mockup di dispositivi possono aiutare quando il contesto conta, come un’app mobile in mano o un quadrante di orologio al polso. Usati su ogni shot, rimpiccioliscono il lavoro e invecchiano in fretta. Una schermata piatta e pulita su un buon sfondo di solito è più forte. [Sfondi a gradiente](https://gradiently.design/it/guide/gradient-background) e [sfondi a gradiente scuri](https://gradiently.design/it/guide/dark-gradient-backgrounds) spiegano come creare fondi che non sembrano preset. ## Fai sembrare il tuo profilo Dribbble un unico portfolio I visitatori giudicano un profilo dalla griglia. Se ogni shot condivide una famiglia di sfondi, un margine e un modo di ritagliare, la griglia appare curata, e a cambiare da una tessera all’altra è il tuo lavoro, non la cornice. [Consigli per il portfolio di design](https://gradiently.design/it/guide/designer-portfolio-tips) e [design di un caso di studio](https://gradiently.design/it/guide/case-study-design) portano lo stesso ragionamento in un portfolio completo. Una copertina shot Dribbble intitolata Flusso di onboarding su uno sfondo a gradiente calmo Uno shot di una serie: il titolo, poi le schermate nelle immagini successive. Una copertina shot Dribbble coordinata intitolata Set di icone, 48 glifi, con lo stesso sfondo e la stessa impaginazione Lo shot successivo con lo stesso sfondo e la stessa impaginazione, così la griglia del profilo si legge come un unico corpo di lavoro. Dai a ogni shot un titolo semplice che dica cosa è, «Onboarding di un’app bancaria» e non «Atmosfera fresca», e una breve descrizione del problema e della tua decisione. Le persone trovano gli shot con la ricerca e i tag, e i clienti leggono la descrizione per giudicare come ragioni, non solo come disegni. Uno sfondo che nessun altro usa è una firma silenziosa. In Gradiently, Dribbble shot è una misura integrata e un Mark che riservi è solo tuo da esportare, quindi il palco dietro i tuoi shot non può comparire sul profilo di un altro designer. Con Pro puoi esportare immagini fisse fino al 4K o un breve MP4 quando il lento movimento del Mark si adatta a uno shot animato. Per gli shot in movimento in generale, tieni i loop brevi e delicati; [sfondi a gradiente animati](https://gradiently.design/it/guide/animated-gradient-background) ha i principi. ## FAQ ### Che dimensione ha uno shot Dribbble? 1600×1200 pixel, un riquadro orizzontale 4:3. ### Posso caricare su Dribbble un’altra proporzione? La griglia di Dribbble è 4:3, quindi le altre forme vengono ritagliate o riempite nella miniatura. Progetta in 4:3 per controllare ciò che le persone vedono. ### Che sfondo devo usare per uno shot Dribbble? Un fondo calmo appena più scuro di un’interfaccia chiara, oppure un fondo profondo con un lieve accenno di colore per le interfacce scure. Lo sfondo deve essere più quieto del lavoro. ### Gli shot Dribbble possono essere animati? Sì. Gli shot possono includere GIF e video, adatti a lavori di interazione e movimento. Tieni il movimento breve e fai in modo che il loop sia pulito. ### Quanto margine deve avere uno shot Dribbble? Circa il 10-15 per cento del riquadro per lato, da 160 a 240 pixel su uno shot largo 1600 pixel.