InfoWeb Mallisivuja Kuva- ja tekstiohjeistusta Tarja Helala, Viestintä 11 / 2013.

Esitys aiheesta: "InfoWeb Mallisivuja Kuva- ja tekstiohjeistusta Tarja Helala, Viestintä 11 / 2013."— Esityksen transkriptio:

1 InfoWeb Mallisivuja Kuva- ja tekstiohjeistusta Tarja Helala, Viestintä 11 / 2013

2 Kalvosarjassa käytettyjä termejä Pikseli (engl. pixel, lyhenne px) on bittikarttagrafiikassa (=kuvat digitaalisessa muodossa) kuvan pienin yksittäinen osa, suomeksi myös piste tai kuvapiste. Gemena = pienet kirjaimet (vrt. versaali = isot kirjaimet)

3 Palstamallit Käyttökelpoisia peruspohjia ovat: pohja nro 5, mikäli ei tule isoa vaakakuvaa ennen tekstiä (pienet, laitaan tulevat pystykuvat, liitteet jne. mahdollisia) pohja nro 8, kun laitetaan vaakakuva ennen tekstiä molemmat näistä pohjista (5, 8) tekevät tekstipalstasta automaattisesti oikean levyisen

4 Aloitussivun isoja vaakakuvia (690x270px) käytetään näillä pääotsikko-tason sivuilla (malli seuraavalla sivulla)

5 Kuva ennen otsikkoa Aloitussivu (sivupohja nro 8)

6 Liian leveä tekstipalsta, käytetty pohjaa nro 4

7 Alasivujen kuvamallit, käytetty pohjaa nro 8 Samoja otsikko- ja tekstikokoja, kuin aloitussivulla, käytetään myös alasivuilla. ALASIVUN KUVA 1: 690 x 220 px

8 Käytetty pohjaa nro 8 ALASIVUN KUVA 2: 465 x 220 px & 220 x 220 px kuvien väli 5 px

9 Käytetty pohjaa nro 8 ALASIVUN KUVA 3: 220 x 220 px & 465 x 220 px kuvien väli 5 px

10 Käytetty pohjaa nro 5

11 Tekstisivu ilman kuvaa, käytetty pohjaa nro 5

12 Muita kuvavaihtoehtoja:

13 Varmista kuvien käyttöoikeudet lupa kuvaajalta - myös kuvattavalta, jos isossa roolissa tekijänoikeus kuvaan säilyy aina valokuvaajalla (kaikki valokuvat, jotka ylittävät teostason ovat suojattuja 70 vuotta tekijän kuolemasta huolimatta kuvausvuodesta) käyttöoikeus voi olla esim. kertakäyttöön, vapaa käyttöoikeus, web- käyttöön, ei-kaupalliseen käyttöön jne. eli voidaan rajata tiettyyn tarkoitukseen, mediaan, maantieteelliseen alueeseen tai ajanjaksoon. myös sähköinen tallentaminen (esim. kuvapankkiin) voidaan rajata Yleistä kuvista

14 Kuvien laatu kuva täydentää tekstiä tarkista ettei sama kuva ole sivustolla jo useampaan kertaan laadukkaat kuvat > huono laatu vain ärsyttää > parempi kokonaan ilman kuvaa monipuolisuus kuvissa > kesä & talvea, ihmisiä & rakennuksia, työtä & taukoja, lähikuvaa & yleiskuvaa…

15 katso liikkeen suunta, anna tilaa kun rajaat ihmisiä vältä katkaisemasta nivelistä, rajaa selkeästi ylä- tai alapuolelta erikoislähikuva, esim. huulet lähikuva on intiimi, vetoaa tunteisiin, voidaan esitellä yksityiskohtia (ihmisellä kasvot, hieman hartioita) puolilähikuva, esim. kaksi ihmistä, eleet hyvin esille (ylävartalo, katkaise noin lantion yläpuolelta) suuri puolikuva (vartalon yläosa rajattuna puoleen väliin reisiä) kokokuva, myös ympäristö esille (ihminen kokonaan) Kuvien rajaaminen

16 näytöltä luettava teksti on hitaampaa lukea paranna tekstin silmäiltävyyttä kuvailevilla ja ytimekkäillä väliotsikoilla vältä liian pitkiä kappaleita todella pitkät tekstit parempi laittaa liitteenä > esim. PDF-tiedosto tai rakenna kokonaan oma kokonaisuus, jossa asiat jaetaan omille alasivuilleen Tekstin visuaalisuudesta…