Näin suunnittelet graafisen ilmeen julkaisujärjestelmän päälle

Julkaisujärjestelmää varten tehty graafinen suunnittelu on haasteellista, mutta palkitsevaa. Toisin kuin painotuote, jonka graafinen ilme julkaistaan vain kerran, julkaisujärjestelmään tuotettu ilme voidaan julkaista uudelleen joka kerran kun käyttäjä silmäilee sitä. Usein suunnittelijalla ei ole tietoa siitä, millaista materiaalia hänen suunnittelemassaan ympäristössä tullaan julkaisemaan. Tämä luo graafikolle erityisiä haasteita sekä vastuuta – ja pakottaa hänet ajattelemaan…

Lue lisää

CMS-suunnitteluopas – Osa 1: Yleistä suunnittelusta

Painotuotetta suunniteltaessa graafikon ei tarvitse miettiä tulevaisuutta – ainostaan nykyhetkeä. Kun painotyö menee painoon, se yleensä tulee sieltä ulos juuri sellaisena kuin on suunniteltukin. Mutta kun suunnitellaan julkaisujärjestelmän tarpeita huomioon ottaen, täytyy ilmettä miettiä eri lähtökohdista. Esimerkiksi, sivuston menuvalikkoa ei kannata miettiä staattiseksi, vaan on oletettava että se saattaa kasvaa. Julkaisujärjestelmää varten tehtyä suunnitelmaa ei…

Lue lisää

CMS-suunnitteluopas – Osa 2: Sivupohjien rakenne

Tämä artikkeli on osa sarjaa, jossa esittelen vinkkejä kuinka voit suunnitella nettisivuston graafisen ilmeen julkaisujärjestelmän päälle. Projektin alussa suunnittelijan on hyvä keskittyä luovuuteen eikä miettiä liikaa teknisiä yksityiskohtia. On hyvä tehdä itsessään ensin tyytyväiseksi luova puoli ja vasta sitten muuntautua insinööriksi. Muuten suunnittelusta saattaa tulla liian tekniikkakeskeistä. Tästä on esimerkkinä liian monet nettisivustot, jotka on…

Lue lisää

CMS-suunnitteluopas – Osa 3: Navigaatiorakenne

Verkkopalvelun navigaation suunnittelu on yksi tärkeimmistä ja haasteellisimmista osista koko projektissa. Navigaatiojärjestelmä ei pelkästään tee sivustolla liikkumista helpoksi, vaan sen on myös pystyttävä laajentumaan ja kasvamaan yhdessä muun sivuston kanssa – ja tietysti supistumaan pienemmissä näytöissä. Jos palvelussa on käytössä alasivuja, tämän järjestelmän pitää pystyä mukautumaan yli sivurakenteen, jonka pohjalta navigaatio oli alunperin luotu. Luomasi…

Lue lisää

CMS-suunnitteluopas – Osa 4: Ilmeen tekninen toteutus

Verkkopalvelun ilmeen voi suunnitella useassa eri ohjelmassa. Osa suunnittelijoista suosii vektoripohjaisia ohjelmia, kuten Illustratoria tai InDesignia, osa käyttää kuvankäsittelyohjelmia, kuten Photoshop. Kaikista näistä voi tuottaa nettikelpoisia kuvia ja muita elementtejä, mutta usein vektoriohjelmissa lopullinen ilme tai osia siitä siirretään vasta kuvankäsittelyohjelman kautta verkkoon. Syynä tähän on kuvankäsittelyohjelmien parempi kyky näyttää suunnitellun verkkopalvelun ilme sellaisena kuin…

Lue lisää

CMS-suunnitteluopas – Osa 5: Kuvat

Vaikka osa uusimmista Internet-selaimista osaakin näyttää CMYK-pohjaisia kuvia, verkkopalveluissa kuvien väriavaruus on aina muutettava RGB:ksi – ja mieluiten sRGB:ksi, joka on ylivoimaisesti käytetyin väriprofiili. Poikkeuksen tästä luovat vain kuvapankit, joissa kuvat voivat olla raakamuodossa printtikelpoisia ja järjestelmä luo niistä automaattisesti RGB-muotoisen näyttökuvan tarvittaessa. Tämä artikkeli on osa sarjaa, jossa esittelen vinkkejä kuinka voit suunnitella nettisivuston…

Lue lisää

CMS-suunnitteluopas – Osa 6: Typografia

Aikaisemmin verkkopalveluihin ei ollut saatavilla kovin montaa kirjainleikkausta ja valinta pitikin tehdä niiden fonttien välillä, jotka oli asennettu sivuilla vierailijoiden koneille. Nykyään on mahdollista liittää nettisivuille lähes mikä tahansa fontti. Tällöin käytetään fontteja, jotka ovat saatavilla netissä houstattuna eli ne sijaitsevat pysyvästi toisella palvelimella ja niitä vain referoidaan omalla sivustolla. Yksi hyvä esimerkki tästä on…

Lue lisää

CMS-suunnitteluopas – Osa 7: Responsiivisuus

Modernit verkkosivustot suunnitellaan mukautumaan erilaisiin näyttöihin, joka lisää hieman suunnittelijan työtä. Aiemmin sivustot toteutettiin johonkin tietyyn leveyteen, esimerkiksi 1024 pikseliin, joka oli jokin aika sitten keskiarvo olemassa olevan monitorikannan leveydestä. Tälläiset sivustotkin toimivat tableteissa ja kännyköissä, mutta niitä pitää jatkuvasti skaalata ja vieritellä eri suuntaan näytöllä. Tämä artikkeli on osa sarjaa, jossa esittelen vinkkejä kuinka…

Lue lisää