WWW-suunnittelu

   aloitus
   perusteet
   navigointi
   taulukot
   grafiikka
   värit
   pientä tarpeellista








GRAFIIKKA JA ANIMAATIOT WEB-SIVULLA

GRAFIIKKA

Grafiikkaa kannattaa käyttää harkiten. Grafiikka elävöittää sivua ja tukee tekstiä, mutta grafiikkaa ei kannata käyttää sivuilla vain sen takia että se näyttää hienolta vaan sillä täytyy olla jokin tarkoitus. Ikonien ym. grafiikan pitää olla selkeätä, että käyttäjä ymmärtää mitä tapahtuu kun jostain "napista" painaa.

Paras ja yksinkertaisin web-sivun tausta on valkoinen, koska sen kanssa käy lähes kaikki värit ja sisältö näkyy siitä selkeästi. Taustakuvia ym. käytettäessä täytyy muistaa ettei tausta saa olla liian kirjava tai värikäs koska silloin ei tekstistä saa mitään selvää. Yleissääntö on että vaalealle taustalle tummaa tekstiä ja tummalle taustalle vaaleaa tekstiä. Taustakuva ei myöskään saa olla liian graafinen, koska taustan tulisi latautua ensimmäisten asioiden joukossa.

Jos haluat käyttää erikoisfontteja esimerkiksi otsikoissa, muttet ole varma näkyvätkö ne muilla samoin kuin sinulla, voit tehdä sanat kuvina. Eli tee kuvankäsittelyohjelmalla teksti, jonka sitten koristelet mieleiseksesi ja liität kuvana sivullesi.

KUVAT

Kuvat ovat kivoja web-sivuilla, mutta älä tee kuvistasi liian suuria, silloin ne latautuvat hitaasti ja vievät paljon tilaa. Sopiva kuvantallennusmuoto on jpg (valokuvat) tai gif (piirretyt kuvat). Rajaa kuvat sopiviksi kuvankäsittelyohjelmalla ja jos tarvitsee, "siisti" kuvia muutenkin.

ANIMAATIOT

Animaatiot voivat piristää sivuasi, mutta älä laita niitä liikaa sivullesi. Varsinkin vilkkuvat, hyppivät ja pomppivat animaatiot jotka jatkavat aina vain, ärsyttävät monia. Animaation tulisi mielellään olla joko kertaluontoinen tai sitten hillitympi jos se näkyy koko ajan.

- Käytä grafiikkaa sisällön esittelemiseen, älä sivujen koristeluun. Kuvilla pitäisi olla jokin yhteys sisältöön
- Otsikoit grafiikka ja kuvat, ellei niiden merkitys selviä vieressä olevasta tekstistä
- Muokkaa valokuvat ja kaaviot näytön mittoihin sopiviksi. Liian yksityiskohtaiset kuvat näyttävät sotkuisilta
- Älä käytä animaatiota jos sen ainoa tarkoitus on kiinnittää huomio vain yhteen kohtaan sivulla
- Älä mielellään animoi sivun tärkeimpiä osia, kuten logoa, tunnuslausetta tai pääotsikkoa
- Anna käyttäjän valita haluaako hän nähdä sivuston animoidun johdannon tai jos animaatio alkaa automaattisesti, laita pysäytysnappi näkyvään paikkaan
- Käytä logoja harkiten. Käytä sivuston oman logon lisäksi vain sellaisin logoja, jotka käyttäjät tuntevat hyvin ja joihin haluat heidän kiinnittävän huomionsa

MAINOKSET

- Sijoita muiden yritysten mainokset sivun reunoihin. Älä koskaan sijoita mainoksia tärkeimpien osien viereen, sillä silloin voi molemmat jäädä huomaamatta
- Pidä muiden yritysten mainokset mahdollisimman hillittyinä
- Vältä sivuston tavanomaisten osien muotoilemista mainoksia muistuttaviksi


Terhi Roivas