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

Slides:



Advertisements
Samankaltaiset esitykset
14 websuunnitteluvinkkiä!
Advertisements

KOKEESEEN KERTAAMINEN. ENNEN LUKEMISTA  Herätä kiinnostuksesi:  Mieti, mikä sinua kiinnostaa luettavassa  Mihin tarvitset tietoa, jota olet ryhtymässä.
Pilkku Kotilainen, Liedes, Luttinen, Meriläinen.  Pääsääntönä on, että virkkeen lauseet erotetaan toisistaan yleensä pilkulla.  Päälause erotetaan sivulauseesta.
Matematiikkaa 3 a Kertausjakso – Geometria MATEMATIIKKAA 3 A © VARGA–NEMÉNYI RY 2016.
ÄI Kuvan analyysi ja tulkinta Lähtökohtia tulkinnalle: Aihe Tekijä Tekniikka (maalaus, piirros, valokuva, taidegrafiikan menetelmät jne.) Käyttötarkoitus.
Marjut Salokannel OTT, dosentti  EU:n PSI –direktiivi ja sen uudistaminen  Valtioneuvoston periaatepäätös ( )tietoaineistot avoimesti.
Matkailukalastuksen haasteet -haastettelutuloksia
Kuvaruutuvideot Tommi Saksa, 2008, HAMK.
29. Jännite on pariston kyky tuottaa sähkövirtaa
Eutanasia s
Opetuksen suunnittelu ja toteutus
Yleistajuisemman artikkelin kirjoittaminen
Tasavirta-koulutus Lappeenranta 30.9., 1.10., ja
Kuusela: Tietoaika Lähde: Kuusela 2000: 57.
Tekijänoikeudet © Marjo Ahola
VaR-mallien toimivuuden testaus historian avulla (backtesting)
FIRMANI PAHIMMAT KILPAILIJAT
DMPTuulin ohje ylläpitokäyttäjille
Digitaalisuus opistojen strategiaan, pedagogiikkaan ja käytäntöön
Referaatti eli seloste.
Terveystiedon ainereaali
Kanit-ja jyrsijät opintojakso
TEKIJÄNOIKEUDET Veera 9B.
OPETUSSUUNNITELMAN KIRJOITUSOHJEITA
Koulutuksen järjestämisen ja opintojen järjestämisen prosessit
Posterin otsikko Alaotsikkko Ohjeita
Tiedon hallinnan viitearkkitehtuurin osa-alueet
Yhdyssanojen oikeinkirjoitusta
Sote KA-ryhmän ja Akusti KA-ryhmän yhteiset Innokylä-työtilat
Ydinpalvelu: käytettävyyden parantaminen
PowerPointin tekeminen
LUKU Lukemisen ja kirjoittamisen oppikirja aikuisille maahanmuuttajille Kaisa Häkkinen & Anna Nylund.
Viljavuustutkimus.
Aleksis Kiven syntymäkodin näyttelyuudistus
Internetin käyttö opetuksessa
Rajoitteet Iäkkään henkilön hoidossa käytetylle fyysiselle rajoittamiselle ei ole olemassa yhtä yleispätevää määritelmää. Yhteistä rajoitteille on kuitenkin.
Yliopistojen intrapäivä
Facebook JYTY-koulutus
Kirjastoauto.
KVTES:n jaksotyöaikauudistus
ASA ASA rekisteri Laki 716/2000 Vna työhön liittyvän syöpävaaran torjunnasta Laki 717/2001 Syöpäsairauden aineille ammatissaan altistuvien rekisteristä.
Oppilaan päättöarviointi perusopetuksessa
Avoin rajapinta Espoon kaupungin internet-sivuille
Taide- ja taitoaineiden valinnaiset tunnit sekä valinnaiset aineet 8
PowerPoint-esitys korkeakoulujen opiskelijavalinnoista 2020-
Microsoft SharePointin mukauttaminen Verkkosivusto
GDPR:n hyvää syksyn alkua
Ystävänpäivän kampanja 2019 Info vapaaehtoisille
Helsingin kaupungin avustukset 2017
Suomen evankelis-luterilaisen kirkon toiminnan suunta vuoteen 2020
Yritysesite Toiminta-ajatus kannattaa kirjoittaa tähän
Vapaaohjelman arvostelulomakkeen täyttäminen
[Hankkeen nimi] [Tutkijan nimi]
Nykymaailman haastavimmat uhkat usein
Ti-Tu koulutus - KERTAUS
Etunimi Sukunimi.
Etunimi Sukunimi.
Päällekkäisyys ja AFO-ontologia
Mielenterveys ja päihdestrategia 2012
Opinnäytteiden sähköinen arkistointi yliopistoissa
Rajat ylittävä terveydenhuolto ja järjestöyhteistyö
Hyvinvointi- ja terveyserot -sivusto
Istuma- ja näyttöpäätetyö
Tässä esityksen otsikko
Ergonomia Seisomatyö.
Suomi.fi-viestien käyttöönotto
Varhaiskasvatusjärjestelmän laajennus Haapavesi ja Siikalatva
Kirjoittajan nimi, arvo Työpaikka
Sosiaalisen median kuvamalli
Esityksen transkriptio:

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

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)

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

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

Kuva ennen otsikkoa Aloitussivu (sivupohja nro 8)

Liian leveä tekstipalsta, käytetty pohjaa nro 4

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

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

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

Käytetty pohjaa nro 5

Tekstisivu ilman kuvaa, käytetty pohjaa nro 5

Muita kuvavaihtoehtoja:

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

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…

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

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…