Verkkosivujen visuaalista tarkastelua

Verkkosivujen visuaalista tarkastelua-tehtävä

Verkkosivujen muotoilun tarkastelua (luonnos)

Tässä tehtävässä tarkastelet valitsemasi (palveluntarjoajan) verkkosivua/sivuja. Analyysi tarkoituksena on tutkia sivun/sivujen VISUAALISTA muotoilua, kuten sommittelua, värien käyttöä, tekstin ja kuvan suhdetta sekä sivujen sisällön suhdetta visuaaliseen ilmeeseen.

Tutustu alla oleviin kuvan rakentamiseen vaikuttaviin tekijöihin ja pohdi niiden avulla valitsemaasi verkkosivun visuaalista muotoilua. Voit lisätä myös muunkin näkökulman pohdintaasi, jos se liittyy verkkosivun visuaalisen ilmeen analysointiin. Kirjoita (wordillä, fonttikoko 12, riviväli1,5) 1-2 A4-kokoista sivua ilman kuvia). Älä tee luetteloa ranskalaisin viivoin, vaan rakenna kirjoitelmasi esseetyyppisesti ja kiinnitä huomiota kielioppiin ja oikeinkirjoitukseen. Valitsemasi verkkosivun lisäät linkkinä tekstin alkuun. Palauta kirjoitelmasi pedanetin palautuskansioon.

Sommittelu: millainen rakenne sivunäkymässä on, tunnistatko näkymästä sommittelutapaa/tapoja? Minkä tahansa kuvan (käsin tehty kuva, valokuva, digit.kuva) rakentamisessa käytetään samoja sommittelutapoja tai tietoisesti rikotaan niitä:

pystysuora eli vertikaalinen(voimakkuus, kasvava, ahdas, tunnetiloja mahdollisesti kuvaava)
vaakataso eli horisontaalinen (levollinen, rauhallinen, tasapainoinen, unelmat)
kulmasta kulmaan eli diagonaalinen (liikkeen tuntu, jatkuvuus, elävyys)
symmetria eli kuvapinnan molemmilla puolila yhtä paljon kuvaelementtejä (säntillisyys, tasapaino, ehdottomuus, tylsyys)
kultainen leikkaus eli kuvapinnan n. 1/3:ssa kuvan keskeinen elementti (täydellinen harmonia, sovinnainen, hillitty, aistikas)

Kuvan ja tekstin suhde: 
miten teksti ja kuvat ovat sijoitetut toisiinsa nähden, tukeeko sijoittelu toinen toistaan vai etäännyttääkö, miltä kuvien ja tekstin suhde näyttää lukijan kannalta:löytyykö tarvittava tieto/asia, onko kuvaa helppo/miellyttävä seurata vai päin vastoin? Tekstityypin valinta: tukeeko se tiedon/asian esille tuomista, visualisointia, onko se yhteneväinen verkkosivujen sisällön kanssa? vai vaikuttako ristiriitaiselta?

Värien maailma:
-miten värit mahdolisesti tukevat sivujen sisällön esiin tuomista? millainen yleisilme väreillä on haluttu aikaan saada sivuille? mitä arvelet, mitä värit merkitsevät osana verkkosivujen viestintää?

Yleisesti värien vaikutuksista ja tulkinnasta:
-punaiset: aktivoivat, sykähdyttävät, elämän palo, nostavat ruokahalua, kiihdyttävät elintoimintoja (sykkeen nousu, verenpaineen nousu)
-siniset: viilentävät, rauhoittavat, etäännyttävät, uneliaisuus, hidastavat sykettä/elintoimintoja
-vihreät: elämän väri, rauhoittava vaikutus, terveellisyys
-keltaiset:energisyys, iloisuus, myönteisyys, edistää oppimista
-oranssit: aktiivuus, energisyys, urheilullisuus, huomion herättäminen
-violetit: salaperäisyys, mystisyys, unet, epävarmuus, taiteellisuus
-valkoinen:puhtaus, viattomuus, selkeys
-musta: raskas, painava, selkeä, jämäkkä, tyylikäs

esimerkki verkkosivuista (älä käytä tätä omassa analyysissäsi):

https://www.finnkino.fi/

Peda.net käyttää vain välttämättömiä evästeitä istunnon ylläpitämiseen ja anonyymiin tekniseen tilastointiin. Peda.net ei koskaan käytä evästeitä markkinointiin tai kerää yksilöityjä tilastoja. Lisää tietoa evästeistä