Dribbble-bildestørrelse: 1600×1200 og god innramming

Dribbble-bildestørrelsen er 1600×1200 piksler, et liggende 4:3-format. Dribbble viser hvert bilde som en 4:3-rute, så lag det første bildet for den lille størrelsen: én idé, tett beskåret, med luft rundt og en bakgrunn som fremhever arbeidet fremfor å kjempe mot det. Flere bilder i samme innlegg kan vise detaljer. Hold innramming og bakgrunn enhetlig fra bilde til bilde, så profilen virker som en portefølje fremfor en haug opplastinger.

Mål for Dribbble-bilder

Last opp i nøyaktig 4:3. Andre former beskjæres eller får ekstra luft i rutenettet, og Dribbble bestemmer hvor, sjelden der du selv ville valgt. PNG holder grensesnittkanter og skrift skarpe; JPG passer fotoarbeid.

Slik rammer du inn arbeid i et Dribbble-bilde

Et klassisk svakt bilde er en hel nettside krympet inn i rammen. Som miniatyr blir det et grått rektangel med prikker. Velg én del som er verdt å se, beskjær til den og gi den plass.

1. 1

   Velg én idé

   Én skjerm, en komponent, en logosammensetning eller et ikonsett. Trenger det et avsnitt for å forklares, er det to innlegg.

2. 2

   Beskjær tettere enn det føles naturlig

   Vis betalingskortet, ikke hele betalingssiden. Viktige detaljer må være store nok til å synes i rutenettet.

3. 3

   La det være en marg

   Omtrent 10 til 15 prosent på hver side, rundt 160 til 240 piksler i et 1600 piksler bredt bilde, lar arbeidet puste.

4. 4

   Velg en støttende bakgrunn

   Ensfarget eller med en myk gradient, valgt fra eller i kontrast til arbeidets palett. Bakgrunnen skal få arbeidet til å se bedre ut og så tre i bakgrunnen.

5. 5

   Legg til detaljbilder etterpå

   Bruk det andre og tredje bildet til nærbilder, tilstander og hele flyten. Det første er invitasjonen.

Bakgrunner til Dribbble-bilder

Bakgrunnen er scenen. Et lyst grensesnitt ser ofte best ut på en mykt tonet bakgrunn litt mørkere enn grensesnittets hvitt, så kortkantene synes. Et mørkt grensesnitt trenger en dyp bakgrunn med en mild fargelysning i nærheten. Fargerikt profilarbeid kan ligge på nesten nøytralt, så merkevarefargen er det eneste sterke i bildet.

Enhetsmockuper kan hjelpe når sammenhengen betyr noe, som en mobilapp i en hånd eller en urskive på et håndledd. Brukt på hvert bilde krymper de arbeidet og blir fort utdaterte. En ren, flat skjerm på god bakgrunn er vanligvis sterkere. Gradientbakgrunner og mørke gradientbakgrunner viser hvordan du lager bakgrunner som ikke ligner standardvalg.

Få Dribbble-profilen til å ligne én portefølje

Besøkende vurderer profilen ut fra rutenettet. Når hvert bilde deler bakgrunnsfamilie, marg og beskjæringsmåte, virker rutenettet gjennomtenkt. Arbeidet, fremfor innrammingen, endres fra rute til rute. Tips til designporteføljen og design av prosjektstudier tar samme tankegang videre til en hel portefølje.

Gi hvert innlegg en enkel tittel som sier hva det er, «Introduksjon til bankapp» fremfor «Friske vibber», og en kort beskrivelse av problemet og valget ditt. Folk finner bilder gjennom søk og tagger, og kunder leser beskrivelsen for å vurdere hvordan du tenker, ikke bare hvordan du tegner.

En bakgrunn ingen andre bruker, er en stille signatur. I Gradiently er Dribbble-bilde en innebygd størrelse, og en Mark du sikrer deg er din alene å eksportere med. Dermed kan scenen bak bildene dine ikke dukke opp på en annen designers profil. Med Pro kan du eksportere stillbilder opptil 4K eller en kort MP4 når Markens langsomme bevegelse passer et animert bilde. Hold løkker korte og rolige generelt; animerte gradientbakgrunner har prinsippene.