Dimensioni shot Dribbble: 1600×1200 e come inquadrare il lavoro

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

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.

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. 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. 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. 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. 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. 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.

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.

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 e sfondi a gradiente scuri 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 e design di un caso di studio portano lo stesso ragionamento in un portfolio completo.

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 ha i principi.