Multimedia
Multimedia koulutusta v.2008
Kurssit saatavilla kautta Suomen. Tule, tutustu ja varaa oma koulutustapahtumasi jo tänään. IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat
WWW-sivun leiskan suunnittelu
Vaihe 2: layoutin suunnittelu
Tässä työn vaiheessa on erittäin hyvä hetki panna kone kiinni, kaivaa komeron pohjilta paperia ja piirustusvälineitä (pelkkä tussi tai lyijykynä on erittäin riittävä, sen sijaan mustekynän käyttöä tulisi välttää) ja suunnitella sivun asettelumalli perinteiseen tapaan eli piirtämällä. Perinteinen kynällä työskentely mahdollistaa useimmiten nopeamman luonnostelun sekä vapauttaa tietyllä tavalla tietokoneen / ohjelmien tuomista rajoituksista.
Itse sivun layout päätettiin rakentaa noudattamaan perinteistä 3-palstaista www-sivun asettelua. 1. ja 3. palstan avulla tarjottaisiin lisäinformaatiota / omien tuotteiden mainoksia, keskimmäisen (eli 2.) palstan keskittyessä varsinaiseen asiasisältöön. Palstojen keskinäiseksi suhteeksi valittiin 2:5:3, jolloin painopiste sivulla keskittyisi asiasisältöön.
Logo ja valikko päätettiin sijoittaa "normaalikäytönnön mukaisesti " näkyvimmälle paikalle eli sivun yläosaan. Koska palvelulla on myös ulkomaisia käyttäjiä, sijoitettiin vaihtoehtoinen englanninkielinen menusysteemi sivun alaosaan. Valikkojen osalta käytettiin nk. peilausta, jolloin sivun ylä- ja osa muodostavat yhtenäisen parin. Sivun varsinaista rakennetta päätettiin keventää pisteytyksellä, jonka avulla eri osiot voidaan kevyesti erottaa toisistaan.
Värien käytön osalta päätettiin noudattaa hillittyn neutraalia linjaa, joka sopii kaupalliselle sivustolle. Sivun vallitsevana väreinä ovat valkoinen (taustaväri), karmiinin punainen (logo ja 1. palstan tiedote/mainosbanneri) sekä musta (teksti). Tähän mennessä työstämämme layout näyttää seuraavanlaiselta (esityksen selkiyttämiseksi palstojen 2 ja 3 väri taustaväri on keltainen):
Tässä tilassa layoutin rakenne on ilmiselvästikin epätyydyttävä, sillä sen painopiste on keskittynyt liikaa vasempaan laitaan. Tässä kohden ratkaisuksi muodostuu valittu kuvakollaasi, jonka sijoittamispisteen avulla voimme muuttaa layoutin tasapainoa. Samalla saamme tuotua sivun värivalikoimaan viimeisenkin puuttuvan värin eli laivastonsinisen. Valittavina vaihtoehtoina ovat tällöin kollaasin sijoittaminen yksittäiseen palstaan (joko täyttämään se kokonaan tai osittain), sen levittäminen kaikkien palstojen leveydelle tai luoda sitä varten vielä oma erillinen tila.
Toimivimmat ratkaisut tässä kohden ovat tietenkin kollaasin sijoittaminen joko jompaankumpaan laitapalstaan tai oman tilan luominen sitä varten. Tässä tapauksessa päädyimme sijoittamaan kollaasin omaan tilaansa palstojen 2 ja 3 päälle, koska 1. palsta on varattu jo mainonnalle ja mikäli kuva sijoitettaisin 3. palstaan, sivun tasapaino muuttuisi toiseen suuntaan. Sijoittamalla kuva 2. ja 3. palstan päälle sivu tasapainottuu huomattavasti.
Tutustu artikkelin muihin osiin:
»»» Multimedia
»»»WWW-sivun leiskan suunnittelu pt.1
»»» Multimedia
»»»WWW-sivun leiskan suunnittelu pt.2
»»» Multimedia
»»»WWW-sivun leiskan suunnittelu pt.3
»»» Multimedia
»»»WWW-sivun leiskan suunnittelu pt.4
Tallenna tämä sivu kirjanmerkkeihin!