Kuinka luoda ammattimainen web-suunnittelija portfolio. Web-suunnittelijan portfolion tekeminen: vinkkejä aloittelijoille

Sologub Marina, Lobacheva Kristina, Pilipchuk Julia

SISÄÄN nykyaikaiset olosuhteet nopeasti muuttuvassa tietoyhteiskunta olennaista on käyttö useita muotoja ja tapoja esittää henkilökohtaisia ​​onnistumisia ja saavutuksia. Yksi tällainen muoto on portfolio.

Tutkittuaan portfolion osiot tulimme siihen tulokseen, että perinteinen portfolio ei heijasta kaikkia opiskelijoiden persoonallisuuden puolia, etenkään mitä tulee koulun ulkopuolista toimintaa. Opiskelijat keräävät erillinen kansio parhaat piirustukset, esseitä, julkaisuja koulun sanomalehti, valokuvia kilpailutapahtumista jne. Mutta käy ilmi, että ääni-, videotiedostoa, tietokoneella tehtyä työtä (esityksiä, nettisivuja, animoituja videoita) on melko vaikea "saa" kansioon.

Ladata:

Esikatselu:

Käyttää esikatselu esitykset luo itsellesi tili ( tili) Google ja kirjaudu sisään: https://accounts.google.com

Dian kuvatekstit:

WEB - portfolio Portfolio on kokoelma teoksia tietty henkilö, joka kuvaa hänen tietojaan ja taitojaan kaikenlaisessa toiminnassa. Portfolio on tapa tallentaa, kerätä ja arvioida yksittäisiä saavutuksia. Opiskelijan portfolio on hänen menestymistensä "säästöpossu", työkalu itsetunnon muodostuksessa ja opiskelijoiden henkilökohtaisten saavutusten esittelyssä. Hypoteesin rakentaja Ominaisuudet Verkkosivuston luominen Rakenne Sivutyypit Sisältömalli

WEB - portfolio Hypoteesi. Ja voit välttää portfoliokansion haitat käyttämällä verkkoa-salkku. Työn tarkoituksena on kehittää verkkoportfolioprojekti. Tehtävät: Valitse työkalu verkkosivuston luomiseen; Luo Web-portfolio; Luo Web-portfoliomalli; Tee johtopäätökset esitetyn hypoteesin mukaan. Tutkimusmenetelmät: Opiskelijakyselyn tekeminen (keskustelu); Verkkosivustojen rakentajien vertailu (analyysi); Saatujen tulosten analyysi. Hypoteesin rakentaja Ominaisuudet Verkkosivuston luominen Rakenne Sivutyypit Sisältömalli

WEB - portfolio Hypoteesisuunnittelija Ominaisuudet Verkkosivuston luominen Rakenne Sivutyypit Sisältömalli

WEB - portfolio Hypoteesin rakentaja Ominaisuudet Verkkosivuston luominen Rakenne Sivutyypit Sisältömalli Tilin hankkiminen Verkkosivujen luominen Verkkosivujen suunnittelu

WEB - portfolio HYVÄKSYTTY MAOU "Secondary School No. 6" määräyksellä, päivätty 31.12.2014, nro 733 SÄÄNNÖT opiskelijan "salkusta" 3.2 Portfolio sisältää seuraavat osat: asiakirjasalkku; portfolio teoksia; portfolio arvosteluja. Hypoteesin rakentaja Ominaisuudet Verkkosivuston luominen Rakenne Sivutyyppi Sisältömalli

WEB - portfolio Hypoteesin rakentaja Ominaisuudet Verkkosivuston luominen Rakenne Sivutyyppi Sisältö Malli Sivun otsikko Sivun tyyppi Koti Saavutukset Harrastukset Verkkosivu– tavallinen sivu sivusto, joka voi sisältää muotoiltua tekstiä, kuvia, taulukoita, linkkejä. Voit lisätä muita verkkosivulle Google-objekteja(asiakirjat, valokuvat, albumit, kartat, videot jne.). Projektit Tiedostonhallinta- sivu, jolle sivuston omistaja ja tekijät voivat ladata tiedostoja eri formaatteja. Tässä tapauksessa voit luoda kansioita, ladata, poistaa ja siirtää tiedostoja niihin. Kilpailuluettelot - sivu, jonka avulla voit luoda luetteloita taulukoiden muodossa, jotka sisältävät samantyyppisiä tietoja kaikista objekteista. Voit esimerkiksi luoda verkkosivuston sivulla luettelon luokan oppilaista, kirjallisuusluettelon tai muun luettelon. Kalenteri-ilmoitukset - sivu viestien (ilmoitukset) julkaisemiseen ja niistä keskustelemiseen.

WEB - portfolio Hypoteesisuunnittelija Ominaisuudet Verkkosivuston luominen Rakenne Sivutyyppi Sisältömalli 15GB

WEB - portfolio Hypoteesin rakentaja Ominaisuudet Verkkosivuston luominen Rakenne Sivutyyppi Sisältö Malli Päätelmä http://86sch6-kogalym.edusite.ru/

Tämä kokoelma sisältää malleja eri ammateille, mutta pääasiassa ohjelmoijat, web-suunnittelijat tai taittosuunnittelijat arvostavat aihetta, koska ne sopivat suunnittelultaan ja rakenteeltaan heille paremmin.

Olemme aiemmin julkaisseet kokoelmia, joissa on mallipohjia portfolion luomista varten. Esimerkiksi:

Puhdas

Ammattimainen, puhdas henkilökohtaisen portfolion ja henkilökohtaisen sivun luomiseen itsenäiselle verkkokehittäjälle. Täydellinen suunnittelijoille, taittosuunnittelijoille tai ohjelmoijille.
Malli on täysin mukautuva, siinä on viileä animaatio elementtien ulkonäöstä vierittäessä täysin kelvollisen koodin kanssa.

Gorgo Portfolio

Ilmainen, erittäin puhdas ja tyylikäs suunnittelija portfoliomalli. Valmistettu minimalistiseen tyyliin. Siinä on myös viileä koko näytön valikko.
Työesimerkkejä sisältävä ruudukko on tehty shakkilaudan esimerkin mukaan, mikä on erittäin miellyttävää, koska tämä on trendi. Itse työsivu teki minuun suuren vaikutuksen, luultavasti laadukkaan demosisällön ansiosta. Jos aiot käyttää tätä mallia henkilökohtaisena sivuna, huolehdi itse teoksen laadukkaasta suunnittelusta.

Litium

Vapaa reagoiva malli tyylissä Tasainen, joka sopii lähes kaikille freelancereille, oli se sitten verkkokehittäjä tai valokuvaaja, sillä sivulta löytyy sekä tuttu portfolio työkategorioittain suodatettuna että kuvagalleria.

Brandy

Toinen erittäin laadukas malli henkilökohtaisen portfolion luomiseen. Siinä on monia herkkuja, joista kaikki pitävät niin paljon: parallaksiefektit, vierityksen aikana ilmestyvien lohkojen vaikutus, tasainen vieritys, erilaisia ​​laskureita ja tietysti itse portfoliolohko.
Malli on täysin ilmainen ja sopii minkä tahansa IT-alan freelancereille.

Kong

Mielenkiintoista suunnittelija portfolion html-malli. Ensimmäiselle näytölle voit sijoittaa valokuvasi, esitellä itsesi ja kirjoittaa erikoisuutesi.
Melkein kaikki mallin lohkot ovat niitä, jotka olemme tottuneet näkemään tavallisella aloitussivulla.
Mitä tulee värimaailmaan, vaihtaisin sitä. Liian myrkyllinen.

MyFolio

Loistava mukautuva yhden sivun portfolio vihreillä sävyillä. Sopii sekä yhdelle freelancerille että kehittäjätiimille. Malli on valmistettu laadukkaasti ja ansaitsee huomion.

Perus

Tiukka malli sinisen sävyin portfolion luomiseen. Rakennettu Bootstrsp 3.2:lle. Jos vaihdat kuvakkeet ensimmäisessä näytössä, voit käyttää sitä freelancereille millä tahansa toiminta-alalla.

Pieni

Pieni yhden sivun html malli sisään tasainen tyyli . Se on jaettu kolmeen näyttöön, joiden korkeus on 100%. Ensimmäinen näyttö on valokuva ja lyhyttä tietoa freelancerista.
Toinen näyttö on portfolio. Uusimmat näytetään 8 teosta portfoliostasi dribblessä. Eli kaikki mitä sinun tarvitsee tehdä, on määrittää integraatio ja siinä se. Kuvat päivittyvät itsestään synkronoituna Dribbble-toimintasi kanssa.
Kolmas näyttö on Yhteystiedot.

Kelvin

Laadukas, yleinen HTML5 CSS3 -malli. Se muistuttaa kovasti Ceeveetä, joka oli tässä yllä olevassa kokoelmassa, mutta lohkon käsitteessä työesimerkeillä ja freelancerin taitoja esittelevissä kaavioissa on joitain eroja. On mahdollisuus kertoa yksityiskohtainen tarina itsestäsi eri lohkojen avulla.

Portio

Mielenkiintoista, universaali malli, vaikka on monia syitä, miksi en käyttäisi sitä: typerät fontit, huonot painikkeet. Ehkä joku on kiinnostunut tästä vaihtoehdosta. Loppujen lopuksi - kirkas värimaailma. Jos vähän korjaat CSS-tyylejä, voit päästä hyvään tulokseen.

Portti

Ilmainen ja sanoisin jopa elegantti yhden sivun malli perustuu Bootstrapiin. Itse pidän punaisista aktiivisia elementtejä. Lohko, jossa on esimerkkejä työstä, on suunniteltu hienostuneen ruudukon muotoon, ja tämä on plussa. Tämä malli on erinomainen ratkaisu p web-suunnittelijan tai ohjelmoijan portfolio.

Hexa

Monisivuinen tasainen malli, jonka otsikossa on liukusäädin erottuvassa tyylissä väriskeema- vihreä. Tämän ratkaisun avulla voit luoda erinomaisen käyntikorttisivuston, jossa on esimerkkejä työstä ja blogista.

Freelancer

Loistava yksi sivulehti litteällä tyylillä ja vihreä värimaailma. Ensimmäisellä näytöllä on tilaa valokuvalle tai vielä parempaa, jotta se ei pilaa muotoilu, käsin piirretty omakuva sivuston omistajasta.
Malli on pieni, ja tämä on valtava plus, koska tarkoituksiinmme ei tarvitse käyttää "jalkakääreitä". Valmistettu yllättävän laadukkaasti. Se on täysin reagoiva ja perustuu Bootstrap-kehykseen.

Dribbble-salkku

Toinen malli portfoliolla integroitu Dribbbleen. Sinun tarvitsee vain määrittää lataus uusimmat teokset ja unohda jatkuva, tylsä ​​portfoliosi päivittäminen henkilökohtaisella sivullasi.
Malli on tehty tiukassa, modernissa värimaailmassa. Kaikki näyttää erittäin puhtaalta.
Aivan kuten edellinen Dribbble-malli, se on pieni. Sanoisin jopa lakonista. Kokonaisarvioni on 9/10.

Nörtti

Ei paha, vaikka se tuntuu vähän raskaalta malli freelance-portfolion luomiseen kuten aloitussivu. Hänellä on erilaisia ​​kaavioita varten näyttölaite taitotasot heidän toimintaprofiileissaan on mielenkiintoista. Siellä on myös arvosteluliukusäädin ja mukava valokuvien ruudukko, joiden avulla voit esitellä työsi.

Dribbble Folio V2

Vapaa malli, jossa on automaattisesti täytettävä portfolio. Teokset tuodaan sivustolta Dribbble. Ennen käyttöä tämä päätös, älä unohda määrittää integrointia Dribbble-profiiliisi.
Valitettavasti demoa ei ole.

Satama

Alkuperäinen html css-malli purppuran sävyissä henkilökohtaisen verkkosivuston luomiseen. Tämä on monisivuinen teema, jossa pääteema on tehty yhden sivun tyyliin, mutta vuorostaan ​​on myös sisäiset sivut. Soveltuu luomiseen freelancerin henkilökohtainen verkkosivusto mikä tahansa erikoisuus.

Hyvän portfolion luominen ei ole vain ehdottoman välttämätön osa rakentamista asiakaskunta, mutta myös tärkeä komponentti saada hyvää työtä. Hyvän portfolion luominen voi olla erittäin vaikea tehtävä, jos et tiedä kaikkia pieniä temppuja.

Onneksi tunnemme muutaman, ja olemme täällä opettamassa sinua. Muista, että kun sanomme temppuja, emme tarkoita "hakkerointia" ja "huijauksia", jotka vähentävät työtaakkaasi. Itse asiassa nämä ovat "temppuja", jotka saavat sinut todennäköisesti tekemään paljon lisää töitä kuin suunnittelet. Mutta älä huoli, sillä voit varmasti tehdä sen.

Sinulla täytyy olla ammattilainen design portfolio saadaksesi työtä, mutta jotta sinulla olisi portfolio, sinun on tehtävä työtä. Mutta ennen kuin voit työskennellä, sinun on näytettävä jotain, ja tässä se on - noidankehä. Tämän kierteen katkaisemiseksi sinun on tehtävä yksi asia: työskennellä ilmaiseksi. Aloitaksesi sinun on varastoitava tahdonvoimaa ja iso määrä aika.

Ei kuulosta houkuttelevalta, tiedämme. Mutta tavoitteemme on saada sinut tekemään työtä ilmaiseksi tämän artikkelin lopussa. Joten mennään töihin.

Mitä sisällyttää portfolioosi?

Ensin sinun on tiedettävä, mitä lisätä portfolioosi ja mitä pitää itsellesi "asiakirjoissani". Portfolio voi tuntua täydelliseltä hulluudelta ja hölynpölyn esittelyltä, jos sen sisältöä ei järjestetä. Hyvä muotoilu tarkoittaa minimalismia, ja tämä koskee suoraan työtäsi.

Kuvittele, että menet kirjastoon hakemaan viisi tiettyä kirjaa. Olisi ihanteellista, jos kaikki tarvitsemasi kirjat olisivat samassa hyllyssä peräkkäin. Eikä sinun tarvitsisi juosta käytävien välillä ja etsiä sitä, mitä tulit hakemaan. Tätä ei tietenkään koskaan tapahdu todellista maailmaa, mutta verkkosivustolla ja erityisesti portfoliosivustolla voit tehdä tästä todellisuutta ja helpottaa vierailijoiden elämää.

Tässä on muutamia tärkeitä elementtejä tärkeä web-suunnitteluportfolioosi:

• Kuvia, joissa näkyy työskentely asiakkaiden kanssa
• Linkit, jotka ohjaavat vierailijan kuhunkin teokseen, josta sitä voi tarkastella tarkemmin ja yksittäin
• Yksityiskohtainen kuvaus jokaisesta työstä ja suoritetusta menetelmästä
• Lopuksi tarvitset aktiivisen linkin live-sivustolle, jossa vierailijat voivat nähdä ja kokea ammattitaitosi livenä.

Kaikki muu tieto on hölynpölyä. Jos kannettavaan tietokoneeseen on rakennettu 50 verkkosivustoa ja ne ovat kaikki kiintolevylläsi, niistä ei ole hyötyä. Kaivaa ne esiin kovalevy ja julkaise se verkkomaailmaan.

Pikkukuvat/Kuvat

Uskomme, että kuvat ovat tärkein elementti, koska ne säästävät tilaa ja toimivat portfoliosi "ensivaikutelmana". Ensivaikutelma on avain menestykseen, sillä vaikka kuinka paljon yritämme kieltää sen, me kaikki rakastamme keskustella. Pohjimmiltaan haluat kiinnittää käyttäjien huomion kuvilla ja vetää heidät sitten työsi yksityiskohtiin.

Niitä on muutama hienoja tapoja kuvien soveltaminen, esimerkiksi katso Google Chrome Web Store tai iTunes.com

Vitriinit

Kaikki eivät halua esitellä, mutta se on asia, jota sinun tulee harkita vakavasti, kun luot portfoliota työstäsi.

Esittele paras, vaikuttavin ja aikaa vievin projekti, jonka olet luonut. Näytä kuvat kohteesta korkea resoluutio, loistavia käyttöliittymämalleja ja paljon muuta.

Yksi tärkeimmistä salkun osista, joka usein unohdetaan, on esittely. Älä aliarvioi tätä tärkeää elementtiä. Luota meihin, yksi luonnos ei todista kykyjäsi tai vakuuta ketään palkkaamaan sinua. Anna potentiaalisille asiakkaille mahdollisuus nähdä työsi kaikessa kauneudessaan. Jos et usko, että se kestää tarkastelun alla, sinun pitäisi ehkä harkita uudelleen, mitä sisällytit esittelyyn.

Linkit ovat yksi aliarvostetuimmista mutta ilmeisimmistä osista salkussa. Tästä aiheesta mielipiteet jakautuvat: jotkut lisäävät linkkejä portfolioonsa, toiset jättävät ne pois. Olemme sitä mieltä, että linkkien poissulkeminen portfoliosta on suunnittelijan tiedostamaton virhe, muuten kukapa terveessä mielessä ei jättäisi linkkejä töihinsä?

Kuinka saada työkokemusta?

Monilla meistä ei ole kokemusta, mutta silti tarvitsemme sitä saadaksemme uuden tilauksen tai asiakkaan. Tekijä: vähintään, tämä on hallitseva ajatuksemme. Onneksi suunnittelijoille ja kehittäjille tämä ei ole suuri ongelma.

Tarvitsemme vain kunnianhimoa. Kunnianhimo antaa meille kaiken mitä tarvitsemme. Jos olet kehittäjä, et tarvitse asiakasta saadaksesi kokemusta. Sinun tarvitsee vain löytää kehitettävä projekti tai luoda oma. Ja jos olet suunnittelija, se on sinulle yleensä helppoa, avaa vain Photoshop ja aloita hyödyllisen ja luovan työn tekeminen.

Mistä ja miten saat palautetta portfoliostasi?

Yllättävän, paras paikka yhteisöjä käytetään palautteen vastaanottamiseen. Rekisteröidy Ota yhteyttä ja aloita osallistuminen suunnitteluyhteisöihin, lisää heidät kiinnostuksen kohteisiisi. Liity osaksi yhteisöjä ja ole yhteydessä muihin suunnittelijoihin.

Muista, että portfoliossasi ei aina ole positiivista palautetta. Joskus hän on hyvin äkillinen, töykeä ja hyvin sanallinen. Sinun on opittava tekemään kaikki, jos aiot olla ammattisuunnittelija. Matkan varrella tapaat monia ihmisiä, jotka eivät pidä projekteistasi ja ilmaisevat inhonsa, mutta sinun on vain opittava suodattamaan tietoja. Et halua jättää niitä kokonaan huomioimatta, mutta et myöskään halua heidän jättävän " hyödyllisiä vinkkejä» olet menettänyt kiinnostuksesi.

Suositusten saaminen on vaikein osa koko prosessia, ja rehellisesti sanottuna kaikki riippuu työskentelystä muiden ihmisten kanssa. Helpoin tapa saada heidät on aloittaa työskentely alustavien asiakkaiden kanssa ilmaiseksi, ja sen perusteella heistä tulee ensimmäiset, ellei parhaat, suosittelijasi.

Suurin osa Paras tapa- vaikkakin haastavaa - on suhteiden kehittäminen asiakkaan kanssa puhelimitse. On tuskallisen ärsyttävää, kun saat puhelun asiakkaalta, jonka verkkosivusto kaatui. Mutta mahdollisuutesi auttaa asiakasta hänen vaikeuksissaan milloin tahansa on keskeinen linkki hyvien suositusten saamiseen.

Bottom line

Yhteenvetona haluamme sanoa, että tärkeintä on pysyä motivoituneena. Motivaatio on yksi niistä tärkeimmät tekijät jokaiselle meistä, ja tämä on vaikein tehtävä. Ruoki kunnianhimoasi ja se auttaa lisäämään motivaatiotasi.

Joten jos olet nälkäinen, ole valmis astumaan muotoilun maailmaan ja tekemään jotain mahtavaa tai luomaan omasi virtuaali maailma, sitten eteenpäin. Tiedä, että onnistut!

Portfolio on suunnittelijan kasvot. Tämän perusteella asiakas arvioi työsi tason, lahjakkuuden ja merkityksen. Tästä syystä, kun päätät luoda verkkosalkun, sinun on lähestyttävä sitä vakavasti ja vastuullisesti.

Kuinka henkilökohtainen verkkosivusto tulee näkyviin mahdollinen asiakas, tulee ratkaiseva tekijä päätettäessä, otetaanko sinut esiintyjäksi vai ei. Jokaisen suunnittelijan portfoliossa on useita tärkeitä asioita, joten suosittelen, että et viivyttele liian kauan ja siirry suoraan tutkimaan kaikkia kohtia, jotka sinun tulee muistaa luodessasi verkkosivustoasi työlläsi.

#PÄIVÄMÄÄRÄT

Se voi tuntua oudolta, mutta päivämäärillä on väliä tärkeä rooli. Niiden perusteella asiakas voi määrittää, millainen ammattilainen ja tasainen ihminen olet. Ja tietysti vastuustasi lähestyessäsi työtä.

• Luomispäivämäärä - se auttaa asiakasta ymmärtämään, kuinka monta vuotta olet suunnitellut.
• Uutisten lisäämispäivämäärä kertoo, kuinka vakavasti otat sivustosi.
• Työn lisäyspäivä - se näyttää kuinka usein sinulla on uusia projekteja, joten kuinka paljon sinulla on kysyntää.

#LINKIT TYÖPAIKKOILLE

Riippumatta siitä, kuinka kauniisti suunnittelet työsi, pelkkä kuva ei koskaan korvaa vaikutelmaa todella toimivasta verkkosivustosta, jonka avulla voit tutkia suunniteltua suunnittelua täysin ja jälleen kerran arvioida suunnittelijan työn tasoa. Varmasti portfoliota selaillessaan potentiaalinen asiakas haluaa löytää tämän tai toisen sivuston nähdäkseen sen, kuten sanotaan, livenä. Älä häiritse asiakasta äläkä pakota häntä tuhlaamaan aikaa etsimiseen. Muista jättää työnkuvaan linkit sivustoille, joissa on suunnittelusi. Uskokaa minua, asiakkaat arvostavat tätä ja tällainen ennakointi on toinen plussa eduksesi.

#ERIKOISTUMINEN

Merkittävä osa suunnittelijoista on generalisteja ja toteuttavat kaikenlaisia ​​projekteja: tämä helpottaa huomattavasti tilausten ja asiakkaiden löytämistä. Tästä huolimatta melkein jokaisella web-suunnittelijalla on oma erikoisalansa. Jotkut ovat erikoistuneet verkkokauppojen luomiseen, toiset suosivat aloitussivuja ja toiset kehittävät malleja pääasiassa WordPress-sivustoille. Se on tietyn erikoistumisen läsnäolo, jonka on heijastuttava portfoliossasi, ja tämä voidaan tehdä eri tavoilla. Esimerkiksi täyttämällä portfoliosi aiheeseen liittyvillä teoksilla tai ilmoittamalla tästä erillinen viesti kotisivulla.

#LISÄTAIDOT

Jotkut web-suunnittelijat eivät ainoastaan ​​tarjoa laajan valikoiman palveluita, vaan heillä on myös lisätaitoja. Tämä voi olla kehitystaitoja, taittotaitoja tai jopa kykyä tehdä tiettyjä asioita paljon nopeammin kuin muut suunnittelijat. Jos sinulla on samanlaisia ​​taitoja, olisi mukavaa puhua siitä portfoliossasi "Tietoja minusta" -osiossa. Kerromalla asiakkaallesi kyvyistäsi tai siitä, mitä tekniikoita käytät luodessasi seuraavaa suunnitteluasi, lisäät mahdollisuuksiasi saada uusi asiakas. On todennäköistä, että tämä auttaa asiakasta ymmärtämään, että olet hänen tarvitsemansa henkilö.

#MONIPUOLISTA TYYLIÄ

Vaikka on asiakkaita, jotka kääntyvät suunnittelijan puoleen, eikä heillä ole aavistustakaan, mitä he tarvitsevat, useimmilla asiakkailla on silti ainakin hämärä käsitys siitä, mitä he haluavat tuloksena saada. Jotkut jopa näkivät Internetissä samankaltaisia ​​sivustoja kuin he tarvitsivat. Siksi asiakas etsii suunnittelijan portfoliota tutkiessaan työtä, joka vastaa hänen toiveitaan. Joten loistava ratkaisu olisi täyttää portfoliosi erilaisilla tyyleillä tehdyllä työllä, mikä lisää merkittävästi todennäköisyyttä tulla valituksi taiteilijaksi.

#KOMMENTIT

Miltä tyypilliset suunnittelijaportfoliot näyttävät? Se on vain web-sivu, jossa on joukko kuvia, luonnoksia ja niin edelleen. Yritä erottua muista suunnittelijoista ja täydennä työtäsi erilaisilla kommenteilla. Tällaisia ​​voivat olla esimerkiksi kuvaukset itse työstä, mitkä olivat asiakkaan vaatimukset, miten työprosessi sujui ja jopa mitä tekniikoita ja työkaluja suunnittelussa on käytetty.

#SISUSTUS

Yksinkertaisin ja helppo tie näytä potentiaalinen asiakas suunnittelukykysi ja taitotasosi - luodaksesi tyylikkään ja hyvin suunnitellun portfolion, joka kirjaimellisesti "huutaa" asiantuntijan kyvyistä.

Tehdä hyvä portfolio- ei siinä kaikki! Sitä on jatkuvasti tuettava, päivitettävä, lisättävä uusia teoksia, korvattava vanhat uusilla, menestyneemmillä ja laadukkaammilla. Muista, että portfolio ei ole vain käyntikorttisi asiantuntijana, vaan myös uusien asiakkaiden tärkein lähde.

Teksti
Polina Vasilyeva

Jokainen suunnittelija pyrkii omaksumaan vastuullisen lähestymistavan portfoliosuunnitteluun, jotta se olisi objektiivinen ilmaus paitsi taidoista ja kyvyistä, myös rikkaasta mielikuvituksesta. Olemme valinneet 10 suosittua tekniikkaa, joista ainakin yksi löytyy millä tahansa henkilökohtaisella verkkosivustolla.

Parallaksi vieritys

Parallaksivieritys tarkoittaa sitä, että taustakuva ja etualan elementit liikkuvat eri nopeuksilla. Samanlainen vaikutus on havaittavissa kahdeksanbittisissä retropeleissä, joissa useat kerrokset liikkuvat mukana eri nopeuksilla, mikä luo tilavuuden vaikutuksen. Vaihtoehdot parallaksivierityksen toteuttamiseen riippuvat verkkosuunnittelijan mielikuvituksesta: portfoliosivustoilla voit kirjoittaa tälle vaikutukselle kokonaisen skenaarion, jonka mukaan tarjoat käyttäjille mielenkiintoisen kuvitetun matkan, koska taustakuva voi myös muuttua sivua vierittäessä. Tämän haittapuolena on sivuston heikentynyt suorituskyky. Javascriptin käyttö tekee sivusta huomattavasti raskaamman ja vähentää siten latausnopeutta. Ratkaisu on soveltaa tehostetta vain muutamiin sivuelementteihin.

Esimerkkejä

Sosiaalisen suunnittelun
laajennuksia

On vaikea löytää nykyaikaista portfoliosivustoa ilman viittauksia sosiaalisiin verkostoihin: Facebookista, Tumblrista tai Behancesta on pitkään tullut kaikenlaisten PR-asiantuntijoiden työkenttä, mikä tarkoittaa, että omaan promootioon on hyödyllistä paitsi blogi ja useita aktiivisia tilejä, mutta älä myöskään ole laiska, tee kauniita linkkejä portfoliollesi. Internetin käyttäjät ovat kyllästyneet tavallisiin kuvakkeisiin, joten he saattavat olla kiinnostuneita epätyypillisistä sosiaalisista laajennuksista.

Esimerkkejä

Luova lähestymistapa
typografiaan

Suunnittelijoiden luova lähestymistapa typografiaan on täyttänyt myymälän ikkunat, ravintolamenut, eikä se ole ohittanut verkkoteollisuutta. Verkon kirjasinkomponentti voi edustaa koko sivuston suunnittelun päärunkoa, emmekä puhu tässä niinkään tekstilohkoista, vaan näyttötehosteesta. Verkkosivuston responsiivisuuden toiveen ansiosta kirkkaiden fonttien käytöstä on tullut tärkeä osa moderni muotoilu sivustoja. Resurssien ilmaantuessa sinne, missä niitä myydään tai missä niitä on saatavilla ilmainen lataus laajan valikoiman fontteja, suunnittelijat alkoivat aktiivisesti yhdistää useita näyttötyyppejä asetteluissaan. Portfoliosivustoa suunniteltaessa on silti tärkeää, ettei liioittele: sisältö kannattaa arvata esityslomakkeen takaa.

Esimerkkejä

Mukautuva muotoilu

Ajat, jolloin verkkosivustolle piti kehittää useita versioita kaikki alustat huomioiden, ovat menneisyyttä, kiitos responsiivinen web-suunnittelu. Tutkimukset osoittavat, että suurin osa liikenteestä tulee mobiilikäyttäjille, mikä tarkoittaa, että sivuston tulee näyttää siistiltä paitsi PC:llä myös suurella valikoimalla erilaisia ​​vempaimia eri resoluutioilla ja formaateilla. Aluksi kehittäjät pitivät verkkosovellusten suunnittelua toissijaisena tehtävänä, mutta nyt tilanne on muuttunut radikaalisti: suunnittelu alkaa adaptiivinen versio. On tärkeää miettiä, miten koko sivuston (meissä tapauksessa portfoliosivuston) konsepti välitetään käyttämällä pieni näyttö ja vain yksi sarake.

Esimerkkejä

Korjattu
navigointivalikko

Kiinnitetyt kohteet ylävalikko pysy aina yhdessä paikassa sivua vierittäessäsi, eli et jätä kävijöille mahdollisuutta eksyä sivustosi osioihin. Tämä toiminto on erityisen kätevä responsiivisilla sivustoilla: "siirry alkuun" -painiketta ei tarvitse luoda, ja lisäksi se näyttää erittäin tyylikkäältä. Portfoliosi keskeiset osat ovat aina käyttäjien silmien edessä. Rooli helppo navigointi verkkosivujen suunnittelussa sitä on vaikea yliarvioida, eikä sitä voida pitää toissijaisena tehtävänä: vastaava paneeli voi olla joko vaaka- tai pystysuora.

Esimerkkejä

Pystysuuntainen vieritys

Ratkaisuista, jotka auttavat optimoimaan verkkosivustoja, on tullut verkkosuunnittelijoille avainasemassa. Pystysuuntainen vieritys, samoin kuin kiinteä navigointi, vastaa sivun katselun mukavuudesta mobiililaitteet. SISÄÄN tässä tapauksessa Suunnittelijan ensisijainen tehtävä on järjestää kaikki tarvittavat tiedot yhdellä sivulla. Näin säästät käyttäjiä lataamasta uusia sivuja, mikä tarkoittaa, että säästät heidän aikaa.

Esimerkkejä

Valokuvan ja videon tausta

Valokuvaus taustalla ei ole uusi tekniikka, mutta se on edelleen suosittu tekniikka. Tämä on ratkaisu, joka ei koske vain stylistien, studioiden ja valokuvaajien portfoliota, vaan myös kaikkia, joiden töitä voidaan esittää mahdollisimman tehokkaasti valokuvauksen avulla. Valokuvan semanttisen sisällön lisäksi kannattaa kiinnittää huomiota väripaletti, kontrasti ja pienten yksityiskohtien läsnäolo/puute, jotka tavalla tai toisella sanelevat erilaisten sisustuselementtien sijoittelun pääsivulle.

Vähemmän suosittuja ovat myös videotaustat, jotka videon pituudesta riippumatta pidentävät käyttäjän sivustolla viettämää aikaa. Jos kuitenkin päätät tehdä pitkän videon, on järkevää jakaa se osiin ja siirtyä niihin osiin. Tilaisuus ääniraita tulee myös olla käyttäjän hallinnassa: tarpeettomia ääniä voi olla häiritsevää, varsinkin jos musiikkia hänen suosikkisoittolistastaan ​​soi jo taustalla.

Valokuvan tausta

Videon tausta

Lakoninen muotoilu

Väitteellä "kaikki nerokas on yksinkertaista" ei ole viimeistä käyttöpäivää: ns litteä muotoilu on edelleen suosittu web-suunnittelijoiden keskuudessa. Käyttäjät ovat kiitollisia sinulle visuaalisen ja tekstin sisältö. Lisäksi käytä neutraalia taustaa (ei liukuvärejä, tekstuureja tai varjoja) ja kirkkaita värejä tärkeitä elementtejä ei anna käyttäjälle mahdollisuutta hajaantua. Mihin kannattaa kiinnittää huomiota ja mitä ottaa perustaksi: modulaarinen verkko, korkealaatuinen typografia, kaikkien elementtien hylkääminen, jotka eivät ole vastuussa toimivuudesta. Illusorisesta yksinkertaisuudesta huolimatta minimalistinen ratkaisu sisältää usein kokonaisen filosofian, muuten suunnittelusta voi tulla yksinkertaisesti tylsää.

Esimerkkejä

Animaatio

Tällä hetkellä verkkosivuston sivuelementtien animointi on tullut mahdolliseksi ilman painojen käyttöä. javascript-sivu. Saatuaan vahvan tuen suunnittelijoiden ja kehittäjien keskuudessa, tätä tekniikkaa auttaa sinua luomaan todella upeita tehosteita. Animaatio keskittää käyttäjän huomion tarvittaviin elementteihin. Sivustosta tulee mielenkiintoista katsoa, ​​koska vierittää milloin animaatiotehosteet näkyvät sivustoa vieritettäessä.

Esimerkkejä

Infografiikan käyttö

Infografiikka on tapa järjestää, visualisoida ja pienentää vaadittu minimi kaikenlaista tietoa: tilastotiedoista tietosi esittämiseen luova prosessi. Infografiikan käyttöä verkkosivuilla tuskin voi kutsua tuoreeksi ajatukseksi, mutta tämä tiedon esitystapa ei menetä merkitystään. Lisäksi eri innovaatioiden avulla voit hyödyntää tätä trendiä hyvin ainutlaatuisella tavalla: jos et pelkää työvoimavaltaista luomisprosessia, voit käyttää videoita ja animaatioita, hyviä kuvituksia ja yksityiskohtaiset selitykset tiettyjä kohtia. Kun luot infografiikkaa, sinun tulee ensin kiinnittää huomiota koko kerrottavan tarinan sisäiseen eheyteen. Muista, että infografialla on ensin oltava vankka konsepti ja sen on palveltava tiettyä tarkoitusta.