Nykyaikaisen salkun sivuston ominaisuudet
Kaikkien verkkosivustojen tyypit, salkun sivuston on voitettava, mikä voisi olla joitakin vaikeimmista esteistä. Keskustele melkein minkä tahansa suunnittelijan kanssa ja he ovat yhtä mieltä siitä, että oman salkun sivuston käynnistäminen on tuskallinen prosessi. Useimmiten tämä prosessi sisältää lukuisia versioita ja usein kertaa lanseerauksen pelkkää turhautumista.
Tämän puolestaan on mielestäni se, että portfoliosivusto voi olla ikkuna web-suunnittelun tulevaisuuteen. Ehdotan tätä, koska kun yksilö suunnittelee omaa sivustoaan, he ovat vain itse määrätyin rajoituksin. Ei ole asiakkaita sanelemaan asioita, ei komiteaa tuhoamaan suunnittelua, eikä hyväksyntämenettelyä vetää asioita ja tuhoa vauhtia.
Mutta kaikki portfoliosivustot eivät ole yhtä suuria. Huolimatta tarjolla olevista näyteportfolioalueista on yllättävän vähän sellaisia, jotka tuntuvat itsestään selvältä ja mielenkiintoiselta puhua. Nämä sivustot kuitenkin nostavat palkkia ja paljastavat, mitä tulevaisuus saattaa olla web-suunnittelussa.
Upottakaa suuri joukko upeita salkut ja etsiä joitain yhteisiä elementtejä, jotka tekevät niistä toimivan. Jotkut näistä elementeistä paljastavat alan laajuiset suuntaukset, kun taas toiset osoittavat yksinkertaisia ja yhteisiä muotoilun kukoistaa. Kaikilla ei ole valtava merkitys, mutta ne kaikki yhdistävät upeat mallit, jotka haastavat sinut luomaan todella satunnaisen salkun sivuston.
Kerro tarina
Yksi nykyajan portfolio-sivuston mielenkiintoisimmista piirteistä on pyrkimys luoda tarinaa ympäröivä ympäristö. Ajatuksena on luoda sisältövirta, joka ohjaa olennaisesti kokemusta ja viestiä käyttäjälle. Tämä ohjaus luo sisällön virran halutussa järjestyksessä.
Monet sivustot yrittävät tehdä tällaista asiaa asettamalla pääavigointi haluttuun järjestykseen. Mutta nämä sivustot ottavat lähestymistavan koko tason tasolle ja tekevät siitä väistämättömän osan kokemuksesta.
Jan Ploch
Yksisivuisen sivuston käyttö ei ole mikään uusi, ja sen määrittely pakottaa käyttäjän selata sivua alaspäin. Tämä luo luonnollisen sisällön, jota on käytetty lukemattomia kertoja. Tällä sivustolla löytyy kuitenkin harvoin käytetty lähestymistapa animoituun taustaan. Kun vierität sivua alaspäin, se on kuin jos taustalla olevaa soodaa imetään olkiin.
Tämä yksinkertainen, koristeellinen elementti tekee jotain todella voimakasta; se kannustaa sinua tekemään sen aina sivun alaspäin. Tämä on pohjimmiltaan kriittinen osa yksittäisen sivun sivustosta: sen varmistaminen, että käyttäjät tekevät sen tarinan loppuun. Ja tarinan loppu on tyypillisesti sivuston muunnospiste (kuten tässä tapauksessa).
Tam Cai
Tämä yksilön sivusto osoittaa myös yhden sivun, tarinankerrontamallin. Mielestäni tämä sivusto on mielenkiintoinen, että tarina on kirjattu kahdella voimakkaalla grafiikalla, ja kaikki lihat ovat keskellä. Sivun yläosassa oleva suuri joukko kuvioita asettaa mielialan, osoittaa taiteilijan persoonallisuuden ja kutsuu sinut pääsemään hänen maailmaansa. Sitten sivu poistetaan kontaktivaihtoehdoilla (muuntopisteet) ja dramaattinen valokuva siitä, mitä oletamme olevan luoja.
Ei tietenkään ole kaikille tyyliä, mutta kun aihepiirikohtainen lähestymistapa tuotetaan niin kiillotetulla tavalla, niin tulokset voivat olla mahtavia. Ja vaikka sivustolla ei ole valittaa kaikille vierailijoille, se vetää oikeita ihmisiä ja auttaa luojaa tekemään sellaisia yhteyksiä, joita hän arvostaa.
MacMillan Lynch
Tämä esimerkki vie hieman erilainen lähestymistapa. Tämän sivuston tarina-osa on lyhyt, ja kaikki sisältyvät pääsivun graafin sisälle. Tässä tapauksessa tarina on melko merkityksetön, paitsi että se luo mysteerin tunteen ymmärtää. Kun laskeuduin sivustolle, löysin itsestäni miettinyt, mistä hommasta tämä henkilö oli kyse. Joskus haluat lusikan ruokkia kävijöitäsi; muina aikoina se voi työskennellä todella hyvin imemällä ne mielenkiintoisella tarinalla tai mysteerillä. Tällä on myös etuna luoda melko erillinen ja toivottavasti mieleenpainuva sivusto.
Sallee Design
Sallee Design-sivustolla löydämme tyypillisemman lähestymistavan sivustorakenteeseen. Logo vasemmassa yläkulmassa, pääavigointi yläosassa ja tavallinen kotisivun diaesitys. Monin tavoin tämä on hyvin normaali sivusto (jossa on kaunis malli).
Mielestäni oli kuitenkin mielenkiintoinen, että heidän kotisivun diaesitys ei ollut vain automaattinen pyörivä Flash-sarja. Sen sijaan käyttäjä aloittaa diaesityksen ja alkaa kutsusta aloittaa kiertue. Kun sukellat sinut, otat läpi useita dioja, jotka kuvaavat mitä saisit, jos sen sijaan kaivattiin sivuston eri sivujen kautta. Ja se on kaikki päättynyt avainasentamispisteillä muualle sivustoon.
Mielestäni tämä lähestymistapa on älykäs. Aloittelijoille on virkistävää nähdä elementti kuten kotisivun liukusäädin on perusteellisesti suunniteltu ulkopuolinen tarkoitus. Rakastan myös sitä, että he hyötyvät yhden sivun myyntipisteestä, ja bonus SEO tarjoaa suuremman määrän sivuja.
Responsive Design
Aihe reagoiva web-suunnittelu on, ainakin vähäisin, erittäin kuuma aihe. Joten ei pitäisi olla yllättävää, että tämä lähestymistapa löytyy tuoreista salkkuista, joita tuotetaan nyt. Nämä ihmiset ovat esteettömiä omaksuneet uuden tekniikan. Eikä ole yllättävää, että kaikki kolme esimerkkiä ovat etupään kehittäjien salkun sivustoihin, juuri sellaiseen paikkaan, johon meidän pitäisi odottaa löytävänsä tällaisen.
Ryan Taylor
Ryanin sivusto noudattaa standardisivua yhden sivun kaavaa varten. Tämä lähestymistapa toimii hyvin, kun integroidaan reagoivien tekniikoiden sivustoon. Vain yhden sivun huomioon ottaminen voi olla paljon helpompaa testata ja rakentaa tällaista sivustoa. Mutta älä usko, että se on helppoa. Se vie paljon työtä ja suunnittelee luomaan puhtaan ja kauniin sivuston, joka muuttuu tällä tavalla.
Aaron Shekey
Seuraava on Aaron Shekin portfoliota. Tämä kaunis pieni sivusto käsittää monia kokeiltuja ja totta tekniikoita portfoliosivustolle. Se on puoli-minimalistinen, värjätty värein, jotta kuvat voivat ponnahtaa, ja se on suunniteltu suurelta osin typografian perusteella. Kuten tämä sivusto toimii kauniisti ja on erittäin tehokas näyttelemällä taiteilijan työtä. Mutta reagoivan ulkoasun lisäsivulla sivusto on taattu näyttämään hyvältä laaja valikoima laitteita. Tämä takaa käyttäjälle myönteisen kokemuksen, ilman häirintää zoomauksesta ja skannaamisesta.
Andrew Cohen
Lopulta reagoivaan luokkaan löytyy etupään kehittäjän Andrew Cohen henkilökohtainen sivusto. Paljon kuin muutkin, se on yhdellä sivurakenteella, jota kutsun taustaohjautuvaksi. Näin tausta voi muuttua ja muuttua ilman suurta rakennemuutostarpeiden tarvetta. Tämä tekee sivustosta täydellisen ehdokkaan ottamaan käyttöön vastaavia tekniikoita.
Luova asettelu
Joskus paras tapa tehdä vaikutelma on erottua ainutlaatuisiksi ja erilaisiksi. Ja mikä on parempi tapa saavuttaa tämä kuin epätavallinen ulkoasu, joka rikkoo normit ja odotukset meillä kaikilla. Jokseenkin tässä mallissa lähes kaikki esimerkit osoittavat tämän ominaisuuden, mutta olen valinnut tämän pienen alisarjan osoittamalla sen.
Ja ennen kuin sukellan, haluan huomauttaa, että nämä sivustot eivät käytä luovaa ulkoasua vain luovuuden tähden. Ne ovat edelleen toimivia sivustoja, jotka ovat erittäin selkeitä ja helppokäyttöisiä. Silti heillä on omat erilliset persoonallisuutensa, joiden avulla he voivat erottua. Tämä koskee täsmälleen mitä portfolio-sivuston pitäisi tehdä: auttaa sen luoja erottua joukosta.
Krichevtsova Alexandra
Mitä todella rakastan tästä esimerkistä luovan tyylisuunnitelman aiheista, se ei ole radikaalisti erilainen asettelu. Kyllä, sivusto ei noudata tavallista logon vasemmassa yläkulmassa, navigointi ylimmän lähestymistavan kautta. Asettelu on vain muutamia pieniä askeleita sieltä. Mielestäni tämä osoittaa erittäin hyvin asian.
Tavoitteena ei ole keksiä ulkoasua luovuuden vuoksi. Mutta pikemminkin luodaan luodessasi sivua tiedon välittämiseksi parhaalla mahdollisella tavalla. Tällöin hieman epätyypillisen ulkoasun luoma virtaus toimii ihanalla tavalla.
David Desandro
Tässä tapauksessa ulkoasu tuntuu täysin epätavalliselta. Joillakin tasolla se tuntuu epätäydelliseltä, mutta samalla tuntuu olevan täysin organisoitu ja helppokäyttöinen. Kaivaa salkkuun ja muihin sivuihin, ja sinä voit helposti panna merkille tämän sivuston monimuotoisuuden. Se on varmasti vetoomus luova, mutta teknisesti ajattelevainen.
Deidre Bain
Tämä yhden sivun selaus sivusto rikkoo myös layout-rakennetta. Tässä näytteessä lähes koko suunnittelu perustuu sivukohtaisiin asetteluihin ja kuvioihin. Tyypillisesti tämä on lähestymistapa, joka ei toimi kunnolla ja johtaa ylläpitokysymyksiin. Mutta henkilökohtaisen salkun sivuston tapauksessa se on todella hyvä tapa osoittaa hyödyllisiä taitoja. Erityisesti siellä on perusteellisesti sivusto, joka jättää sinua odottaa tämän suunnittelija on sellainen, joka seuraa läpi asioita. Tällaisia hienovaraisia viestejä voi olla erittäin voimakas kommunikoida omassa salkun sivustossa.
Siddharth Arun
Ensinnäkin tämä sivusto on tunnetulla tavalla, joka noudattaa standardiprotokollaa. Mutta vuorovaikutuksessa sivuston kanssa vähän ja se tuntuu täysin ainutlaatuiselta. Joskus tulossa oman luovan käänteen kanssa ei tarkoita sitä, että sinun on keksittävä kaiken uudelleen. Muuta vain niin, että tulokset ovat yllättäviä (ja toiminnallisia).
Lihavoitu teksti
Kun havaitsin pienoiskuvia kerättyjen sivustojen ominaisuuksista, yksi asia todella erottui: erittäin suuren ja rohkean tekstin käyttö. Alla luetellut näytteet sisältävät valtavan tekstin, joka erottuu sivustosta. Tärkein syy, miksi voin kehittää tätä lähestymistapaa, on selkeys.
Tämä suuri, lihavoitu teksti varmistaa, että ainakin yksi ensisijainen viesti välitetään. Joissakin tapauksissa se tuntuu toiminnallisemmalta kuin muut, mutta lopputulos on aina sama. Käyttäjän huomio on lähes taatusti suunnattu tähän jumbo-kokoiseen kopioon. Noudata näytteitä ja huomioi eri tapoja, joilla mainokset ovat panneet tämän elementin toimimaan.
Garth Humphrey
Justin Burns
Amman Jordan
Ross Angus
Alex Pierce
Trim yläosassa
Kuten aiemmin mainitsin, osa kuvioista on paljon vähemmän funktionaalisia ja merkityksellisiä kuin toiset. Tässä tapauksessa melkein tuntuu pahalta sijoittamasta seuraavat näytteet tällaiseen epäluuloiseen sarjaan. Alla olevat sivustot ovat ihan upeita; älä ota tätä luokittelua minkäänlaiseksi loukkaukseksi lainkaan. Itse asiassa kaksi tässä artikkelissani olevista suosikkikohteistani löytyy täältä.
Pohjimmiltaan kuvio on, että jonkinlainen koristeellinen raita, kiinteä linja tai siksakainen kuvio näkyy ylhäältä. Rajoitin tämän asetuksen kolmeen sivustoon, mutta jos tarkistat joitain muita esimerkkejä, löydät saman elementin työssä.
Miksi tällainen pieni yksityiskohti on niin yleinen? Ehkä yhden sivun lähestymistavalla on kiva merkitä sivun yläosaa. Näin käyttäjät saavat pienen visuaalisen vihjeen siitä, missä sivu alkaa.
Mathieu White
Touch Nerds
Danilo Giagnoli
Texture tekstuuri koostumus
Toinen visuaalinen yksityiskohti, joka on erittäin yleinen portfoliosivustoilla, on tekstuuria. Tämä pätee erityisesti taustaelementteihin. Osa nykyisestä visuaalisesta tyylistä sisältää hienot tekstuurit taustalle.
Mielestäni tämä elementti tekee hyvää työtä sisällyttämään sivulle vähän orgaanista elementtiä, joka auttaa poistamaan sen teknisistä perusteluista. Tämä yksinkertainen elementti voi lisätä lämpimän kosketuksen, joka jotenkin hengittää elämän tonnia muotoiluun. Jälleen kaivaa monia aiemmin peitettyjä näytteitä ja löydätte lukuisia esimerkkejä tästä elementistä työssä. Tässä on muutamia näytteitä, jotka tekevät tämän erittäin hyvin.
Bjarke Clauson-Kaas
Aaron Lumsden
DS Higdon
Andrew Ckor
Muita merkittäviä sijoituskohteita
Tämäntyyppistä kokoelmaa on lukemattomia hakijoita. On houkuttelevaa sisällyttää melkein liian monta näytettä tässä tapauksessa. Sen sijaan olen keskittynyt lisäkokoelmiin sivustoista, jotka esittävät melko monenlaisia tyylejä, rakenteita ja kokonaisvaltaisia lähestymistapoja.
Yksi asia, jonka huomaat, on, että muutamat näistä sivustoista eivät ole suunnittelijoille. Minusta oli erittäin mielenkiintoista nähdä, miten muut teollisuudenalat ovat käyttäneet verkkoa myymällä yksilöä. Loppujen lopuksi portfolio-sivustolla on tarkoitus tehdä täsmälleen tämä. Joten inspiraation ja tuoreiden ideoiden vuoksi olen sisällyttänyt muutamia web design -yhteisön ulkopuolelle.
Collin Henderson
Josh Miller
Nate Croft
Torsten Meb
Joey Rabbitt
Eric Salvail
Bekka Reese
Felix Menard
Marija Zaric
Tobias Persson
Jake Dahn
johtopäätös
Sivuston luominen edustamaan sinua verkossa ei ole mikään pieni yritys. Toivottavasti kerätyt sivustot herättävät ja haastavat sinut.
Jotkin tässä esitetyt elementit edustavat hyvin tarkoituksellisia mekanismeja käyttökokemuksen hallitsemiseksi ja yksittäisen henkilön myymiseksi. Toiset näyttävät enemmän tai vähemmän visuaalista muotoilua. Mielestäni kumpikaan ei pitäisi jättää huomiotta, emmekä pitäisi hallita asioita yksin. Se on haastamalla normit, jotka käsittävät funktionaaliset mallit ja arvioit kuvasi verkossa uudessa valossa, joka voi johtaa vallankumouksellisiin ideoihin, jotka auttavat sinua erottumaan.
Ja seisovan aiheen osalta minun on pakko muistuttaa ihmisille, ettei tässä ole tarkoitus keksiä kaikkein alkuperäistä käyttöliittymää. Tavoitteena on sen sijaan ajatella luovuutta rajoittamiemme sisälle.
Tästä toivon aina, että löydämme luovat ratkaisut, jotka auttavat meitä erottumaan hämmästyttävän toimivilla tuloksilla. Jos katsot tässä kerättyjä näytteitä, ne eivät ole vain kauniita, vaan ne toimivat hämmästyttävän hyvin.
Mitkä ovat parhaita salkku sivustoja olet nähnyt? Kaikki muut trendit, jotka olet hiljattain huomannut suunnittelijaportaaleissa? Kerro meille kommentit!