Karakteristik af et moderne porteføljesite
Af alle de typer af hjemmesider skal porteføljesiden overvinde, hvad der kan være nogle af de sværeste forhindringer. Tal med næsten enhver designer og de vil være enige om at starte din egen porteføljeside er en smertefuld proces. Denne proces omfatter oftest en lang række versioner og ofte en lancering ud af ren frustration.
Udover dette er efter min opfattelse, at porteføljesiden kan være et vindue ind i fremtiden for webdesign. Jeg foreslår dette, fordi når en person designer deres eget websted, er de kun under selvpålagte begrænsninger. Der er ingen klient til at diktere ting, ingen udvalg for at ødelægge designet, og ingen godkendelsesproces for at trække tingene ud og ødelægge momentum.
Men ikke alle porteføljesider er skabt ens. På trods af den vanvittige mængde af prøveporteføljesider, der findes, er der overraskende få, der føler sig særskilte og interessante nok til at tale om. Det er dog disse websteder, der hæver linjen og afslører, hvad fremtiden kan holde for webdesign.
Lad os dykke ind i et stort sæt af fantastiske porteføljer og se efter nogle fælles elementer, der får dem til at fungere. Nogle af disse elementer afslører industriens brede tendenser, mens andre demonstrerer simple og fælles designblomstrer. Ikke alle har stor betydning, men de tilføjer alle sammen til fantastiske design, der vil udfordre dig til at skabe et virkelig ekstraordinært porteføljesite.
Fortæl en historie
Et af de mest interessante aspekter af et moderne porteføljesite er indsatsen for at skabe et historiefortællende miljø. Tanken er at skabe en strøm af indhold, der i det væsentlige styrer oplevelsen og meddelelsen til brugeren. Denne kontrol skaber en strøm af indhold i en ønsket rækkefølge.
Mange steder forsøger at gøre denne slags ting ved at placere hovednavigationen i en ønskelig rækkefølge. Men disse websteder tager tilgang til et helt kendt niveau og gør det til en uundgåelig del af oplevelsen.
Jan Ploch
Brugen af et enkelt side er ikke noget nyt, og ved sin definition tvinger en bruger til at rulle ned på siden. Dette skaber en naturlig strøm af indhold, der er blevet brugt utallige gange. På dette websted finder vi imidlertid en sjældent anvendt tilgang med en animeret baggrund. Når du ruller ned på siden, er det som om sodavand i baggrunden suges op i halmen.
Dette enkle, dekorative element gør noget rigtig magtfuldt; det opfordrer dig til at gøre det hele vejen ned på siden. Dette er grundlæggende et kritisk aspekt af webstedet for enkelt sider: At sikre, at brugerne gør det til slutningen af historien. Og slutningen af historien er mest typisk webstedets konverteringssted (som det er her i dette tilfælde).
Tam Cai
Denne persons hjemmeside viser også den enkelte side, storytelling model. Hvad jeg finder interessant om dette websted er, at historien er book-ended med to kraftfulde visuals, med alt kød i midten. Det store sæt illustrationer øverst på siden sætter stemning, demonstrerer kunstnerens personlighed og inviterer generelt til at dykke ind i sin verden. Siden afsluttes derefter med en kontaktoption (konverteringspunkter) og et dramatisk billede af, hvad vi ville antage, er skaberen.
Bestemt ikke en stil for alle, men når en tematisk tilgang er produceret på en måde så poleret som dette, kan resultaterne være fantastiske. Og mens webstedet måske ikke appellerer til alle besøgende, vil det appellere til de rigtige mennesker og hjælpe skaberen til at gøre de slags forbindelser, han vil værdiansætte.
MacMillan Lynch
Dette eksempel tager lidt af en anden tilgang. Historien del af dette websted er kort, og alle indeholdt i den primære hjemmeside grafisk. I dette tilfælde er historien ret irrelevant, bortset fra at det skaber en følelse af et mysterium at forstå. Ved landing på stedet fandt jeg mig selv at undre mig over, hvad den herre denne person handlede om. Nogle gange ønsker du at skje feed dine besøgende; på andre tidspunkter kan det fungere rigtig godt at suge dem ind med en interessant historie eller mysterium. Dette har også den fordel at skabe et ret særskilt og forhåbentlig mindeværdigt sted.
Sallee Design
På Sallee Design site finder vi en mere typisk tilgang til webstedets struktur. Logo øverst til venstre, hovednavigation over toppen og standard startside diasshow. På mange måder er dette et meget normalt websted (med et smukt design anvendt).
Hvad jeg fandt interessant var dog, at deres startside diasshow ikke blot var en automatisk roterende serie af Flash-billeder. I stedet er diasshowet startet af brugeren og begynder med en invitation til at starte en tur. Når du dykker i, bliver du taget gennem en række dias, som opsummerer, hvad du ville få, hvis du i stedet gravede gennem de forskellige sider på webstedet. Og det er helt færdigt med nøglehævningspunkter til resten af hjemmesiden.
Jeg synes, at denne tilgang er smart. Til at begynde med er det forfriskende at se et element som startsiden skyderen har et grundigt planlagt formål. Jeg elsker også at de får gavn af en enkelt side salg tonehøjde, og bonus SEO leveres ved at have et større antal sider.
Responsive Design
Emnet for lydhurtigt webdesign er i det mindste et ekstremt varmt emne. Så det bør ikke være nogen overraskelse at finde ud af, at denne tilgang kan findes i nye porteføljer, der produceres nu. Uhindret, disse personer har omfavnet den nye teknik. Og ikke overraskende er alle tre eksemplerne her for porteføljesider for front end-udviklere, præcis den slags sted, vi bør forvente at finde sådan en ting.
Ryan Taylor
Ryan s websted følger standard én side formel for en personlig portefølje. Denne fremgangsmåde virker fantastisk, når man integrerer lydhør teknikker i stedet. Med kun en side til konto kan det være meget nemmere at teste og bygge et websted som dette. Men tror ikke det er let. Det kræver en stor indsats og planlægger at skabe et rent og smukt sted, der forvandler sig på denne måde.
Aaron Shekey
Næste op er porteføljen af Aaron Shekey. Denne smukke lille side omfatter mange forsøgte og sande teknikker til en porteføljeside. Det er semi-minimalistisk, har afdæmpede farver for at tillade billederne at pope, og det har et design, der stort set er baseret på typografi. Ligesom fungerer dette websted smukt og er yderst effektivt til at vise kunstnerens arbejde. Men med den ekstra bonus af et responsivt layout er webstedet garanteret at se godt ud på en bred vifte af enheder. Dette sikrer, at brugeren får en positiv oplevelse, uden frustration at zoome og scanne rundt.
Andrew Cohen
Endelig finder vi det personlige websted for front end-udvikleren Andrew Cohen i den responsive kategori. Meget som de andre har den en enkelt sidestruktur med det, jeg ville kalde et baggrundsdrevet design. På den måde kan baggrunden skifte og ændre sig uden stort behov for strukturelle ændringer. Dette gør webstedet til en perfekt kandidat til at indføre responsive teknikker.
Kreative layouter
Nogle gange er den bedste måde at lave et indtryk på at skille sig ud som unikt og anderledes. Og hvilken bedre måde at opnå dette end med en usædvanlig layoutstruktur, der scoffs til de normer og forventninger, vi alle har. I nogen grad demonstrerer næsten ethvert eksempel i denne samling denne særlige egenskab, men jeg har valgt dette lille undersæt til at demonstrere det.
Og før jeg dykker ind, vil jeg gerne påpege, at disse websteder ikke gør brug af kreative layouter bare for kreativitet skyld. De er stadig funktionelle steder, der er meget klare og enkle at bruge. Alligevel har de deres egne forskellige personligheder, som gør det muligt for dem at skille sig ud. Dette vedrører nøjagtigt hvad en porteføljeside skal gøre: hjælpe sin skaber til at skille sig ud fra mængden.
Krichevtsova Alexandra
Hvad jeg virkelig elsker om dette eksempel for emnet kreative layouter er, at det ikke er et radikalt anderledes layout. Ja, webstedet følger ikke det normale logo øverst til venstre, navigation over den øverste tilgang. Layoutet er kun et par små skridt derfra dog. Jeg synes det viser det meget godt.
Målet er ikke at opfinde et layout for at være kreativ. Men snarere at blive kreative med at lægge siden ud for at kommunikere informationen bedst mulig. I dette tilfælde fungerer strømmen skabt af det lidt atypiske layout vidunderligt.
David Desandro
I dette tilfælde føles layoutet helt usædvanligt. På et eller andet niveau føles det ufuldstændigt, og samtidig føler det sig helt organiseret og let at bruge. Grav ind i porteføljen og andre sider, og du vil nemt blive imponeret over den mangfoldighed, som dette websted præsenterer. Det har absolut en appel til det kreative, men teknisk set.
Deidre Bain
Denne side scrolling site bryder også normerne af layout struktur. I denne prøve er næsten hele designet baseret på sidespecifikke layouter og illustrationer. Det er typisk en fremgangsmåde, som ikke fungerer godt og fører til vedligeholdelsesproblemer. Men i tilfælde af en personlig porteføljeside er det faktisk en fantastisk måde at demonstrere nogle nyttige færdigheder på. Mest specielt er der grundighed til webstedet, der efterlader dig forventer denne designer at være af den slags, der følger igennem på ting. Det er disse slags subtile meddelelser, som kan være yderst magtfulde til at kommunikere på din egen porteføljeside.
Siddharth Arun
På første gang har dette websted følelsen af en, der følger standardprotokollen. Men interagere med webstedet lidt, og det føles helt unikt. Nogle gange at komme op med dit eget kreative twist betyder ikke, at du skal genopfinde alt. Bare ændre nok sådan, at resultaterne er overraskende (og funktionelle).
Fed skrift
Som jeg observerede miniaturer af de indsamlede websteder til at karakterisere her, stod der en ting virkelig: brugen af ekstremt stor og fed skrift. De nedenfor anførte prøver har stor tekst, der skiller sig ud på hjemmesiden. Hovedårsagen til, at jeg kan komme op med denne tilgang er klarhed.
Denne store fed tekst sikrer, at mindst en primær besked kommunikeres. I nogle tilfælde føles det mere funktionelt end andre, men i sidste ende er resultatet altid det samme. Brugerens opmærksomhed er næsten garanteret at blive rettet til denne jumbo-størrelse kopi. Overhold prøverne og noter de forskellige måder, som reklamer har sat på dette element.
Garth Humphrey
Justin Burns
Amman Jordanien
Ross Angus
Alex Pierce
Trim på toppen
Som jeg nævnte tidligere, er nogle af mønstrene langt mindre funktionelle og meningsfulde end andre. I dette tilfælde føler jeg mig næsten ikke at placere følgende prøver i et så ufrivilligt sæt. Nedenstående websteder er helt smukke; Tag venligst ikke denne klassifikation som nogen form for fornærmelse overhovedet. Faktisk findes to af mine yndlingswebsteder fra denne artikel her.
Dybest set er mønsteret, at en slags dekorativ strimmel, en solid linje eller en zigzag mønster vises over toppen. Jeg begrænsede dette sæt til tre websteder, men hvis du scanner gennem nogle af de andre eksempler, finder du det samme element på arbejdspladsen.
Hvorfor er sådan en lille detalje, da dette er så almindeligt? Måske med den enkelte side tilgang er det rart at betegne toppen af siden. På den måde får brugerne en lille visuel cue om, hvor siden begynder.
Mathieu White
Tryk på Nørdene
Danilo Giagnoli
Tekstur tekstur tekstur
En anden visuel detaljer, der er ekstremt almindelig på porteføljesider, er tekstur. Dette gælder især når det kommer til baggrundselementer. En del af den nuværende visuelle stil inkorporerer subtile teksturer i baggrunden.
Jeg finder ud af, at dette element gør et godt stykke arbejde med at indarbejde lidt organisk element i siden, der hjælper med at fjerne det fra dets tekniske underlag. Dette enkle element kan føje en varm berøring, der på en eller anden måde trækker vejret i et design. Igen grave gennem mange af de tidligere dækkede prøver, og du vil finde mange eksempler på dette element på arbejdspladsen. Her er et par prøver, der gør dette meget godt.
Bjarke Clauson-Kaas
Aaron Lumsden
DS Higdon
Andrew Ckor
Yderligere bemærkelsesværdige porteføljesider
Der er utallige kandidater til denne type samling. Det er fristende at inkludere næsten for mange prøver i dette tilfælde. I stedet har jeg fokuseret på en ekstra samling websteder, der præsenterer en temmelig bred vifte af stilarter, strukturer og overordnede tilgange.
En ting du vil bemærke er, at et par af disse websteder ikke er til designere. Jeg fandt det meget interessant at se, hvordan andre industrier har brugt internettet til at sælge en person. En porteføljeside er trods alt beregnet til at gøre netop det. Så for inspirations skyld og nye ideer har jeg medtaget et par uden for webdesign samfund.
Collin Henderson
Josh Miller
Nate Croft
Torsten Meb
Joey Rabbitt
Eric Salvail
Bekka Reese
Felix Menard
Marija Zaric
Tobias Persson
Jake Dahn
Konklusion
Oprettelse af et websted til at repræsentere dig online er ikke en lille virksomhed. Forhåbentlig vil de her indsamlede steder inspirere og udfordre dig.
Nogle af de elementer, der præsenteres her, repræsenterer meget tilsigtede mekanismer til at styre brugeroplevelsen og sælge den enkelte. Andre demonstrerer mere eller mindre visuelle designtendenser. Jeg tror, at man heller ikke bør se bort fra det, og heller ikke bør styre ting enkeltvis. Det er ved at udfordre normerne, omfavne funktionelle mønstre og vurdere dit billede online i et nyt lys, der kan føre til revolutionerende ideer, der hjælper dig med at skille sig ud.
Og hvad angår udfordringen, føler jeg mig tvunget til at minde folk om, at målet her ikke er at opfinde den mest originale grænseflade. I stedet er målet at tænke kreativt inden for de begrænsninger, vi har.
Ud af dette håber jeg altid, at vi vil finde de kreative løsninger, der hjælper os med at skille sig ud med utroligt funktionelle resultater. Hvis man ser på de indsamlede prøver, er de ikke kun smukke, men de virker utroligt godt.
Hvad er nogle af de bedste porteføljesider, du har set? Andre tendenser, du har bemærket i designerporteføljer for nylig? Lad os vide i kommentarerne!