Verk­ko­si­vus­to­si ulkoasun tulisi heijastaa brändisi ai­nut­laa­tui­suut­ta. Tästä huo­li­mat­ta ulkoisen ins­pi­raa­tion hakeminen verk­ko­si­vu­jen suun­nit­te­luun ei ole koskaan haitaksi. Itse asiassa se voi auttaa sinua seu­raa­maan nykyisiä trendejä ja keksimään uusia ideoita verk­ko­si­vu­jen suun­nit­te­luun.

Mitkä ovat parhaat ins­pi­raa­tio­si­vus­tot verk­ko­si­vu­jen suun­nit­te­luun?

Luovia ideoita ei aina synny napin pai­nal­luk­sel­la. Mutta joskus voi olla hyö­dyl­lis­tä selata design-verk­ko­si­vus­to­ja ja hakea ideoita muilta. Alla jaamme parhaat ins­pi­raa­tio­si­vus­tot design-tren­dei­hin ja verk­ko­si­vu­jen ulkoasuun liit­ty­viin ideoihin.

Dribbble

Kuva: Screenshot of Dribble
Dribble faci­li­ta­tes exchange between designers, il­lustra­tors, graphic artists and ty­pograp­hers. (Source: https://dribbble.com)

Kun sinua valtaa luova impulssi, voit kääntyä esi­mer­kik­si Dribbble-kal­tais­ten yh­tei­sö­jen puoleen. Dribbbles­sä suun­nit­te­li­jat, ku­vit­ta­jat ja ty­pogra­fit ympäri maailmaa ko­koon­tu­vat jakamaan pro­jek­te­jaan ja esit­te­le­mään tu­lok­si­aan. Se on luoville ihmisille tar­koi­tet­tu so­si­aa­li­nen verkosto, jossa voit jakaa kuu­kausit­tain ku­va­kaap­pauk­sia töistäsi yhteisön kanssa.

Edut

Dribbble on so­si­aa­li­nen verkosto, joka keskittyy kaikkeen muo­toi­luun. Se ei rajoitu vain verk­ko­si­vu­jen suun­nit­te­luun, vaan esittelee myös tuo­te­suun­nit­te­lua, so­vel­lus­ten suun­nit­te­lua, ani­maa­tioi­ta ja jopa ty­pogra­fi­aa. Tämä tekee alustasta ihan­teel­li­sen lähteen verk­ko­si­vu­jen suun­nit­te­lui­deoil­le ja kai­ken­lai­sil­le muo­toi­lui­deoil­le. Se tarjoaa ilmaisen pe­rus­jä­se­nyy­den, jonka avulla voit selata, tallentaa ja arvioida suun­nit­te­lu­ja.

Haitat

Jos haluat arvioida malleja, sinun on re­kis­te­röi­dyt­tä­vä. Ja jos etsit tiettyjä web-suun­nit­te­lui­deoi­ta, ra­joi­te­tut suo­da­tin­vaih­toeh­dot voivat olla ongelma. Ainoat käy­tet­tä­vis­sä olevat suo­dat­ti­met ovat mallin väri ja muutama tunniste. Toinen ongelma on, että mallin laadun ar­vioi­mi­nen voi olla vaikeaa. Jän­nit­tä­vät mallit, joissa on paljon ani­maa­tioi­ta tai muita näyttäviä ele­ment­te­jä, saavat yleensä enemmän tyk­käyk­siä kuin tyy­lik­käät ja yk­sin­ker­tai­set, mutta laa­duk­kaat mallit.

Behance

Kuva: Screenshot of Behance’s website
Artists present their work to the public on Adobe’s Behance. (Source: https://www.behance.net)

Behance on toinen globaali luova verkosto, jossa ihmiset voivat julkaista graafisen suun­nit­te­lu­työn­sä. Adobe osti alustan vuonna 2012 ja lisäsi sen Creative Cloud -pal­ve­luun­sa. Adoben tilaajat saavat au­to­maat­ti­ses­ti käyt­tö­oi­keu­den Behancen pe­rus­toi­min­toi­hin.

Edut

Behance tarjoaa va­lo­ku­vaa­jil­le, graa­fi­koil­le ja suun­nit­te­li­joil­le alustan, jolla he voivat jakaa töitään yleisölle. Yksi sivuston eduista on sen suo­da­ti­no­mi­nai­suus, joka tarjoaa käyt­tä­jil­le erilaisia ha­kua­se­tuk­sia, kuten luovat alat ja suun­nit­te­lu­työs­sä käytetyt työkalut. Luovien alojen se­laa­mi­nen on loistava tapa saada ins­pi­raa­tio­ta verk­ko­si­vu­jen suun­nit­te­luun ilman re­kis­te­röi­ty­mis­tä.

Haitat

Behance on tiiviisti yh­tey­des­sä Adoben maailmaan, joten se sopii parhaiten ihmisille, jotka jo käyttävät Adoben ohjelmia, kuten Pho­tos­ho­pia. Muuten sillä ei ole mer­kit­tä­viä haittoja. Se on ihan­teel­li­nen alusta verk­ko­si­vu­jen ulkoasun ideoiden selailuun ja web-suun­nit­te­lun ins­pi­raa­tion hank­ki­mi­seen.

Awwwards

Kuva: Screenshot of the Awwwards website
Awwwards.com is a community space where creatives from around the world can interact and have their work judged by a jury. (Source: https://www.awwwards.com)

Awwwards esittelee itsensä di­gi­taa­li­sen suun­nit­te­lun am­mat­ti­lais­ten online-ta­paa­mis­paik­ka­na. Se tarjoaa suun­nit­te­li­joil­le tilan, jossa he voivat jakaa tietojaan ja ko­ke­muk­si­aan, käyn­nis­tää kes­kus­te­lu­ja ja löytää ins­pi­raa­tio­ta. Joka päivä Awwwards valitsee “Päivän sivuston” ja esittelee sen ko­ti­si­vul­laan. Voittajat jul­kais­taan sitten vuo­si­kir­jas­sa nimeltä “The 365 Best Websites Around The World” (365 parasta verk­ko­si­vus­toa ympäri maailmaa). Voit löytää ins­pi­raa­tio­ta omalle si­vus­tol­le­si se­laa­mal­la voit­ta­jien galleriaa.

Edut

Awwwards-si­vus­tol­la web-suun­nit­te­li­jat, ke­hit­tä­jät ja luovat toimistot voivat lähettää pro­jek­te­jaan am­mat­ti­tai­toi­sen tuo­ma­ris­ton ar­vioi­ta­vak­si. Voit katsella ja vierailla voit­ta­neil­la verk­ko­si­vus­toil­la alustan kautta, jolloin voit löytää pal­kit­tu­ja verk­ko­si­vus­to­ja ja saada vinkkejä hyvän verk­ko­käy­tet­tä­vyy­den saloista et­sies­sä­si ins­pi­raa­tio­ta web-suun­nit­te­luun.

Haitat

Awwward­sil­la ei ole oi­keas­taan mitään haittoja. Ainoa asia on, että voit­ta­nei­den si­vus­to­jen ulkoasu saattaa joskus olla hieman liian yli­ko­ros­tu­nut omaan si­vus­too­si nähden.

FWA

Kuva: Homepage of the Favourite Website Awards website on August 16, 2023
FWA chooses a best website of the day every day. (Source: https://thefwa.com)

FWA tar­koit­taa “Favourite Website Awards” (suo­sik­ki­si­vus­to­pal­kin­to), joka on tun­nus­tet­tu palkinto-ohjelma, joka on ollut avoinna web-suun­nit­te­li­joil­le tou­ko­kuus­ta 2000 lähtien. Awwward­sin tavoin FWA esittelee joka päivä päivän sivuston (SOTD) ja valitsee joka kuukausi kuukauden sivuston (SOTM). Voittajat voivat sitten osal­lis­tua vuoden lopussa People’s Choice Award (PCA) -pal­kin­toon.

Edut

FWA on täy­del­li­nen paikka etsiä verk­ko­si­vu­jen suun­nit­te­luun ins­pi­raa­tio­ta, joka erottuu joukosta. Vaikka jotkut suun­nit­te­lut saattavat olla melko epä­ta­val­li­sia, voit olla varma, että suun­nit­te­li­jat ja ke­hit­tä­jät ovat käyt­tä­neet UX-suun­nit­te­lun pe­ri­aat­tei­ta var­mis­taak­seen täy­del­li­sen käyt­tö­ko­ke­muk­sen.

Haitat

FWA keskittyy eri­tyi­ses­ti muutaman suun­nit­te­lun esit­te­lyyn yk­si­tyis­koh­tai­ses­ti. Jos etsit ylei­sem­pää tietoa ja haluat nopeasti tutustua eri­lai­siin suun­nit­te­lui­deoi­hin ja nykyisiin tren­dei­hin, tämä sivusto ei to­den­nä­köi­ses­ti ole sinulle sopiva.

CSS-suun­nit­te­lu­pal­kin­not

Kuva: CSS Design Awards website
CSS Design Awards gives prizes to websites based on design, func­tio­na­li­ty and user-friend­li­ness. (Source: http://www.css­de­sig­nawards.com/)

CSS Design Awards palkitsee päi­vit­täin päivän verk­ko­si­vus­ton sekä jakaa kuu­kausit­tai­sia ja vuo­sit­tai­sia pal­kin­to­ja. Va­lin­ta­pe­rus­tei­na ovat luova suun­nit­te­lu, ydin ja toi­min­nal­li­suus sekä käyt­tö­ko­ke­mus ja sisältö.

Edut

CSS Design Awards -verk­ko­si­vus­to tarjoaa käyt­tä­jil­le useita hyö­dyl­li­siä suo­da­tuso­mi­nai­suuk­sia hakua varten. Voittajia ja eh­dok­kai­ta voidaan suodattaa värin, omi­nai­suuk­sien ja toimialan pe­rus­teel­la. Verk­ko­si­vus­tol­la on myös ar­tik­ke­lei­ta kes­kei­sis­tä aiheista, kuten verk­ko­si­vu­jen suun­nit­te­lus­ta, sekä linkkejä ilmaisiin re­surs­sei­hin, joita käyttäjät voivat hyödyntää omien verk­ko­si­vu­jen suun­nit­te­lu­tai­to­jen­sa pa­ran­ta­mi­seen.

Haitat

FWA:n tavoin CSS Design Awards -sivusto keskittyy tar­joa­maan yk­si­tyis­koh­tai­sen kat­sauk­sen va­li­koi­tu­jen verk­ko­si­vus­to­jen suun­nit­te­luun. Tällä si­vus­tol­la käyt­tä­jien on myös vaikea saada nopeaa käsitystä ny­kyi­sis­tä tren­deis­tä ja verk­ko­si­vus­to­jen suun­nit­te­lui­deois­ta.

Yhden sivun rakkaus

Kuva: One Page Love website
One Page Love provides design examples, articles and tutorials all centred around one-page sites. (Source: https://one­pa­ge­lo­ve.com/)

Jos pidät alasivuja yliar­vos­tet­tui­na ja haluat sijoittaa kaiken sisällön yhdelle sivulle, One Page Love on sinulle sopiva paikka. Alusta kuvailee itseään yhden sivun verk­ko­si­vus­to­jen, mallien ja re­surs­sien parhaaksi esit­te­ly­pai­kak­si.

Edut

One Page Love on, kuten ni­mes­tä­kin voi päätellä, ins­pi­raa­tion lähde yhden sivun verk­ko­si­vu­jen suun­nit­te­luun. Se tarjoaa käyt­tä­jil­le 8 000 esi­merk­kiä, joissa on esillä nykyisiä verk­ko­si­vu­jen suun­nit­te­lut­ren­de­jä, kuten kes­ki­te­tys­ti jaetut asettelut ja käyt­tä­jä­kes­kei­nen suun­nit­te­lu. Jos etsit ins­pi­raa­tio­ta yhden sivun so­vel­luk­se­si aset­te­lul­le, One Page Love on sinulle oikea valinta. Ja vielä yksi plus: One Page Love tarjoaa käyt­tä­jil­le useita re­surs­se­ja, kuten ar­tik­ke­lei­ta, ku­vak­kei­ta, malleja ja oppaita.

Haitat

Jos et käytä yk­si­si­vuis­ta so­vel­lus­ta, One Page Love voi par­haim­mil­laan tarjota sinulle verk­ko­si­vus­ton suun­nit­te­lui­deoi­ta ko­ti­si­vul­le­si. Se ei kui­ten­kaan luon­nol­li­ses­ti tarjoa mitään, kun on kyse ala­si­vu­jen välisestä luovasta vuo­ro­vai­ku­tuk­ses­ta.

Design-pommit

Kuva: Page with free templates on Design Bombs website
Design Bombs is the perfect platform for beginners, thanks to its templates, design inspo and tutorials. (Source: https://www.de­sign­bombs.com/freebies/)

Design Bombs tarjoaa muutakin kuin vain ins­pi­raa­tio­ta verk­ko­si­vu­jen suun­nit­te­luun. Se sisältää myös sarjan ar­tik­ke­lei­ta ja oppaita verk­ko­si­vu­jen suun­nit­te­lus­ta. Ja jos haluat syventää koo­daus­osaa­mis­ta­si, sivusto tarjoaa myös oppaita siihen.

Edut

Design Bombs ei ole vain loistava ins­pi­raa­tion lähde, vaan se tarjoaa myös vie­rai­li­joil­le käyt­tö­kel­poi­sia malleja. Lisäksi sen runsas re­surs­si­va­li­koi­ma tekee siitä erin­omai­sen paikan oppia verk­ko­suun­nit­te­lun pe­rus­tei­ta. Sivusto tarjoaa myös ope­tus­oh­jel­mia. Voit esi­mer­kik­si oppia luomaan täy­del­li­sen tyy­lioh­jeen verk­ko­si­vus­tol­le­si.

Haitat

Design Bombs ei ole pe­rin­tei­nen ins­pi­raa­tio­si­vus­to, joka yhdistää luovia ihmisiä toisiinsa tai jakaa pal­kin­to­ja in­no­va­tii­vi­sis­ta verk­ko­si­vu­jen suun­nit­te­lui­deois­ta. Se on pi­kem­min­kin re­surs­sien ja ideoiden lähde. Tämän vuoksi sivuston tarjoamat mallit ovat melko yk­sin­ker­tai­sia eivätkä esittele uusia verk­ko­si­vu­jen suun­nit­te­lun stan­dar­de­ja.

Siirry pää­va­lik­koon