Inspirasjon Awesome Dark Portfolio Sites

I disse dager er en portefølje et must. Det vi har her er en liste over mørke porteføljesider som deles opp i fellesgrupper som de fleste porteføljer faller inn i. Den siste gruppen vil være for de eksperimentelle mørke layoutene, hvor designeren prøver noe annet.


Roterende bilde / statisk fremvist bilde

Vi starter med kanskje de mest populære former for porteføljedesign. Dette er det jQuery roterende bildet. Den gode tingen om denne typen portefølje er at du kan vise mye arbeid, med minimal plass, og sparer plass til annen informasjon.

Også faller inn i denne gruppen er det statiske utvalgt bildet. Mens det ligner det roterende bildet, kan det ikke være like effektivt som det roterende bildet på grunn av manglende animasjon og interaksjon. På plussiden kan et statisk utvalgt bilde også brukes som en teaser for å få folk til å se på resten av arbeidet ditt.

antonpeck.com

bressane.com

intuitivedesigns.net

jayhollywood.com.au

jilion.com

neutroncreations.com

oysterdesign.co.uk

projectkoreck.com

rocknsites.com


Undertittel / Bio

Med denne typen portefølje går seeren på nettsiden og ser nøyaktig hva nettstedet handler om, eller hvem designeren er. Hvis det du tilbyr eller din tagline topper sin interesse, vil de se deg rundt på nettstedet ditt. Det hjelper vanligvis og gjør det mer effektivt hvis tagline er paret med en annen av disse stilene på porteføljesiden, med mindre typografien kan stå som en visuell del.

alt-design.net

bythepond.co.uk

chanellehenry.com

wedesignwise.com

joshhemsley.com

justincline.com

liftux.com

markjmaloney.com

moxiesozo.comindex.php

phynk.net

radiiate.com

rareview.com

studio7designs.com

tonychester.com

visualgroove.net


Tekst / Funksjonsbilde

Det som gjør denne typen porteføljesider effektiv, er at betrakteren får litt informasjon om nettstedet, samt et utvalg av hva porteføljen har å tilby.

ba21.us

harryjh.com

nosleepforsheep.com

sawyerhollenshead.com

slovaczech.com

thingsthatarebrown.com


Porteføljenett

Denne typen nettside kommer til et punkt som tagline / bio og tekst / bilde, bortsett fra at seeren blir bombardert (på en god måte) med designerens arbeid. Dette holder interessen til seeren, fordi de ikke trenger å se seg rundt selve porteføljen.

design-dps.com

jannek.fi

jonahl.com

onvo.co.uk

phantomcandy.com

phunkn.com

thehousemedia.com

Ikke-porteføljebilde Stor topptekst

Dette nettstedet viser i utgangspunktet seeren hva designeren kan gjøre uten å vise konkrete eksempler. En stand-out foto manipulasjon / illustrasjon / foto fanger øyet og får poenget over.

arsum.com

bogdanteodorescu.com

loscoloresolvidados.com

ronniewright.co.uk

subhaus.org

weightshift.com


Blogg stil

Dette er en fin måte å gi seerne en mer personlig følelse, noe som gir nettstedet mye mer personlighet. Det gir også nettsiden en mer aktuell følelse (hvis den oppdateres jevnlig), og gir betrakteren en grunn til å komme tilbake.

billytamplin.com

dougneiner.com

demainjarrete.stpo.fr

ismaelburciaga.com


Annen

Disse nettstedene har ikke det tradisjonelle oppsettet vi så over. La oss se på disse en om gangen for å se hvorfor de er så forskjellige.

badabingdesign.nl

Porteføljen delen av dette nettstedet har et lysbilde likt som roterte bildesignaler, men dette er vendt slik at de ruller vertikalt, med prosjektbeskrivelsen til venstre. Dette nettstedet gir et nytt utseende til en felles layout.

constantinpotorac.com

Selv om to-kolonne-oppsettet ikke er uvanlig, brukes det ikke vanligvis på dette i porteføljedesign. En bio til venstre og porteføljen til høyre tar en kombinasjon av grid- og tagline / bio-porteføljen, og gir den en ny vri.

duplos.org

Jeg legger nesten denne nettsiden i tagline / bio-kategorien, siden taglinen ser ut som en del av illustrasjonen, og sier egentlig ikke for mye, bestemte jeg meg for å sette den her i stedet. Det er ikke veldig mye på hjemmesiden av nettsiden, så du må utforske for å lære mer.

gomedia.us

Også denne nettsiden gikk nesten inn i tagline / bio-delen, men jeg følte at porteføljebildet til høyre hadde like mye betydning. Ideen om å sette inn informasjon i kolonner i stedet for rader, gir like stor betydning for hver del, i stedet for å ha en felles nettside der det er et radbasert hierarki av de viktigste til det minste.