WWW-suunnittelu

   aloitus
   perusteet
   navigointi
   taulukot
   grafiikka
   värit
   pientä tarpeellista







TAULUKOT, KEHYKSET JA TYPOGRAFIA

Sivua voi jäsennellä taulukoiden (näkyvien ja näkymättömien) ja kehysten avulla (siis taulukon solujen kehysten). Mieti kuinka monta riviä ja palstaa tarvitset, jos et tiedä suoraan, rivejä ja palstoja voi kyllä lisätä jälkeenpäinkin. Näkymättömällä taulukolla voi asetella esim. kuvat haluamaasi järjestykseen helposti.

TAULUKOT

Taulukon leveys voi olla sidottu, mutta muista että käyttäjillä on eri kokoisia näyttöjä, joten suurikokoiselta näytöltä katsottaessa voi jäädä tyhjää tilaa ja pieneltä näytöltä katsottaessa tulee sivuvierityspalkit, joita monet inhoavat tai sitten osa sivusta jää huomaamatta. Käytä mielellään taulukon leveyttä prosentteina, niin sivu näkyy kunnolla kaiken kokoisilla näytöillä.

Taulukon palstoja voi elävöittää väreillä ja taustakuvilla (käytä harkiten!). Muista kuitenkin ettet tee sivustasi "sillisalaattia" sekoittamalla värejä miten sattuu.

Testaa taulukkosi selaimessa, editorilla tehty taulukko voi näyttää hyvältä editorissa, mutta onkin aivan jotain muuta selaimella katsottuna.

Tyhjä tila on tärkeää web-sivuilla. Sivu jolta puuttuvat sisennykset, reunukset sekä pysty- ja vaakasuuntainen tila, voi olla vaikea lukea, erityisesti jos tietoa on paljon. Tekstiä voi järjestää myös grafiikan avulla käyttämällä kuvia. Taulukkojen reunuksia voi käyttää hyväksi tekstin asetteluun (reunojen ei välttämättä tarvitse näkyä netissä).

TYPOGRAFIA

Erilaiset fontit voivat piristää sivua, mutta myös huonontaa jos ne ovat vaikealukuisia. Isoilla kirjaimilla voi auttaa käyttäjää löytämään etsimänsä, mutta pitempää tekstiä ei kannata kirjoittaa isoin kirjaimin, sillä se näyttää huutamiselta ja on vaikealukuisempaa.

Älä laita tekstiä sivun laidasta laitaan, se on vaikea lukea näytöltä. Jos sivusi sisältää pelkkää tekstiä, laita se vaikka taulukkoon ja keskitä taulukko (älä tekstiä) ja jätä sivun reunoille tyhjää tilaa. Pidä sivut sopivat pituisina, käyttäjä turhautuu jos joutuu vierittämään sivua paljon. Sivua voi "katkoa" vaakaviivoin, mutta älä käytä niitä liikaa ettei sivusi näytä tikapuilta. Alleviivausta ei kannata käyttää useinkaan websivuilla tehosteena koska alleviivattu sana ymmärretään linkiksi. Vilkkuminen yms. tekstin lisämuotoilu on hyvä joskus, mutta usein ne ärsyttävät ja häiritsevät lukijaa, joten jätä ne vähemmälle vaikka näyttäisivätkin mielestäsi todella hienoilta.

- Käytä sivulla vain muutamia fonttityylejä ja muita muotoiluja yhtenäisyyden vuoksi
- Valitse tekstille ja taustalle mahdollisimman suurikontrastiset värit lukemisen helpottamiseksi
- Käytä isoja kirjaimia johdonmukaisesti ja noudata tyylisääntöjä. Tämän noudattamatta jättäminen voi antaa yrityksestä hutiloidun kuvan
- Kirjoita lyhenne tai kirjainsana kokonaisena ja lisää sen perään lyhenne , kun se esiintyy tekstissä ensimmäisen kerran
- Vältä huutomerkkejä. Ne eivät kuulu asiatekstiin ja tekevät siitä levottoman
- Käytä isoja kirjaimia harkiten. Isoin kirjaimin kirjoitetut sanat ovat vaikeampia lukea kuin pienaakkosin kirjoitetut
- Vältä välilyöntien ja välimerkkien käyttöä korosteena (esim. T. E. K. N. O.) Ne ovat vaikeita lukea


© Terhi Roivas