Oulun yliopiston www-sivujen tekeminen

Koko: px
Aloita esitys sivulta:

Download "Oulun yliopiston www-sivujen tekeminen"

Transkriptio

1 Oulun yliopiston www-sivujen tekeminen Oulun yliopiston ja sen yksiköiden www-sivuilla noudatetaan yliopiston www-politiikan peruslinjauksia sekä graafisen ohjeiston mukaista visuaalista linjaa. Yhtenäisellä visuaalisella verkkoilmeellä ja verkkosivurakenteella varmistetaan sivujen käyttäjää palveleva tunnistettavuus ja käytettävyys. Tässä ohjeistuksessa on määritelty yliopiston ja sen yksiköiden verkkosivujen visuaalinen perusilme, keskeiset graafiset elementit ja navigointijärjestelmä. Yleisesti noudatettavien perusratkaisujen ohella ohjeistus mahdollistaa yksiköiden erilaisten tarpeiden ja omaleimaisuuden toteuttamisen yksiköiden verkkosivuilla. Yksiköt vastaavat verkkosivujensa sisällöstä yliopiston www-politiikan periaatteita noudattaen ( ). Oulun yliopiston verkkosivujen ohjeistusta ja www-politiikan noudattamista koordinoi viestintäpalvelut ja tietohallinto. Hannu Pietilä hallintojohtaja Tapio Mäkinen viestintäpäällikkö

2 Oulun yliopiston www-sivujen teko-ohjeistus Oulun yliopiston www-ohjeistus sisältää sivumallit yksiköiden etusivusta ja alasivusta. Sulkeissa olevat numerot, (x), edustavat tämän ohjeistuksen mukana tulevassa kuvassa (alh.) olevia apunumeroita. Yliopiston graafisen ilmeen tärkeimpiä tunnusmerkkejä ovat tunnus, sininen väri sekä mosaiikkikuvio. Nämä elementit esiintyvät jokaisella sivulla, niin pääsivustolla kuin laitossivuillakin. Yliopiston virallinen kirjasintyyppi on Gill Sans. Tämän lisäksi www-sivuilla käytetään Arial-kirjasintyyppiä, ja Gill Sansin korvaavana kirjasintyyppinä Trebuchet MS -kirjasintyyppiä.

3 Sivumallit Yksiköiden käytössä ovat nämä sivumallit: -Yksikön etusivu (ks. tämän ohjeistuksen sivu 1) -Yksikön alasivu (ks. ohjeistuksen viimeinen sivu) -Yllämainittujen englanninkieliset versiot -Riisuttu erikoisversio, joka on tarkoitettu paljon tilaa vaativille www-sovelluksille. Alasivut ovat template-tiedostomuodossa ja löytyvät Templates-kansiosta samasta hakemistosta tämän ohjeistuksen kanssa. Etusivupohjat ovat htm-muodossa sivumallit-kansiossa. Yleistä Mallisivujen layout on toteutettu CSS-tasoilla. Sivut ovat osittain skaalautuvia. Sivujen maksimileveys on 923 px ja oletusleveys 70% selainikkunan leveydestä. Vasen alue Sivun vasempaan osaan kuuluvat yliopiston sininen alue (1) (yliopiston yhteiset linkit) sekä harmaa alue (2) (yksikön omat linkit). Vasemman alueen leveys on 183px ja korkeus 100% selainikkunan korkeudesta. Vasen yläosa Sivun vasemmassa yläkulmassa (1) on sinisellä taustalla viisi linkkiä yliopiston pääsivustolle. Näitä linkkejä ei saa muuttaa tai poistaa. Linkit ovat: Yliopiston etusivulle University in English Opiskelemaan yliopistoon Tiedekunnat ja laitokset Yliopiston kirjasto Alueen taustaväri on #00407A Linkkien väri on valkoinen, ja niiden edellä on värillisiä neliökuvakkeita, kaksi vihreää ja kolme punaista. Alueella on hakukenttä (3), jolla voidaan suorittaa sanahakuja yliopiston palvelimilta. Jos hakutoiminto ei hae yksikön omilta sivuilta tyydyttävästi, voi yksikkö käyttää sen lisäksi sisäistä hakua (7), joka sijoitetaan harmaalle alueelle. Vasemman yläosan ja alemman harmaan alueen välissä on mosaiikkikuvio (4), joka noudattaa yliopiston visuaalista ilmettä. Tätä elementtiä ei saa poistaa tai muokata.

4 Harmaa alue Vasemman reunan harmaa alue (2) on tarkoitettu yksikön omille linkeille. Alueen taustaväri on #EEEEEE. Alue käyttää taustakuvaa vasentausta.gif, johon on sisällytetty alueen oikean reunan reunavarjo. Ylimpänä on linkki tiedekunnan etusivulle (5). Linkkitekstiksi vaihdetaan tiedekunnan nimi, esim. Lääketieellinen tiedekunta. Tiedekunta-sanan voi tarvittaessa lyhentää muotoon tdk. Tiedekuntalinkin alle tulevat linkit yksikön omille sivuille (6). Linkkien tekstikoko on 12px ja riviväli automaattisesti määriytyvä. Linkkien edellä käytetään > -merkkiä ( suurempi kuin ). Linkkien alapuolella voi olla yksikön sivuston sisäinen hakutoiminto (7), jos toimiva sellainen on mahdollista rakentaa, ja jos sille on tarvetta. Hakukentän tulee olla samannäköinen kuin yliopiston hakutoiminto, mutta painikkeen tekstin tulee olla Hae X:n sivuilta, jossa X on yksikön nimi. Jos yksikön nimi on liian pitkä, käytetään painikkeessa sanaa yksikkö tai laitos. Jos tarvetta omaan hakuun ei ole, poistetaan tämä kenttä kokonaan. Vasemmassa alakulmassa on palautelinkki (8), johon yksikkö vaihtaa oman webmasterinsa sähköpostiosoitteen tai linkin omaan palautelomakkeeseensa. Alimpana vasemmassa reunassa ovat yksikön osoitetiedot (9), joiden pitää näkyä joka sivulla. Roskapostin estämiseksi sähköpostiosoitteessa käytetään (at)-muotoa. Mallisivuissa on yliopiston tiedot, mutta nämä siis korvataan yksikön omilla tiedoilla. Tunnusalue Sivun keskialueen yläosassa (10) on yliopiston tunnus sekä mosaiikkikuviota. Tämän osan on oltava identtinen kaikilla yliopiston sivuilla. Englanninkielisillä sivuilla käytetään englanninkielistä tunnusta. Tunnuksesta on linkki yliopiston etusivulle.

5 Siniset palkit ja kuva Yksiköiden sivumalleja on kaksi. Ensimmäisessä, jota ensisijaisesti käytetään yksikön etusivulla, on kaksi sinistä vaakapalkkia (11) ja niiden välissä suuri kuva (12). Kuva on taustakuvaelementtinä, jotta se leikkautuisi vasemmalta eikä oikealta kun selainikkunaa pienennetään. Kuvatiedoston osoite löytyy tyylitiedostosta. Yksikköjä suositellaan vaihtamaan kuvan paikalle oma, jos sellainen löytyy. Toisessa sivumallissa (ks. liite), joka on tarkoitettu yksikön alasivun malliksi, on vain yksi vaakapalkki, ei isoa kuvaa tai toista vaakapalkkia. Elementtien korkeudet: ylempi vaakapalkki 20 px kuva 162 px alempi vaakapalkki 20 px Ylemmässä vaakapalkissa on yksikön nimi Gill Sans 14px versaalilla. Yksikön etusivun alempi vaakapalkki on tyhjä. Palkkien oletusväri on sininen, mutta yksikkö voi halutessaan korvata sen tiedekuntansa tunnusvärillä jos sellainen on. Isossa kuvassa lukee oletuksena teksti Oulun yliopisto (13), jonka sivuntekijän tulee vaihtaa oman yksikkönsä nimeksi, säilyttäen kuitenkin tekstityylin. Sivuntekijän tiedostoissa on psd-muotoinen tiedosto, jossa olevaa tekstiä voi muokata Photoshopilla. Tekstin kirjasinlaji on Gill Sans ja teksti on 26 px versaalia. Mikäli yksikön nimi on kovin pitkä, voidaan tekstikokoa pienentää. Tekstin ja kuvan reunojen väliin on jätettävä noin 10 px marginaali. Valkoinen teksti tummalla pohjalla on paras, mutta jos kuva sitä vaatii, voi teksti olla muunkin värinen. Sisältöosa Sisältöosan (14) taustaväri on valkoinen. Marginaalit ovat 4px 16px 4px 12px. Leipätekstin fonttikoko määritellään suhteellisena, ja se on 90%. Kirjasin on Arial. Otsikot ovat Gill Sans -kirjasinta, ja niiden fonttikoot ovat: h4: 16 px h5: 14 px Suurempia tai pienempiä otsikkoja ei suositella käytettäväksi. Sisältöosan alussa (paitsi etusivulla) on linkkimato, joka osoittaa sivun sijainnin sivuston sisällä. Linkkimato alkaa yksikön etusivusta ja jatkuu tasoittain alemmas, päättyen > -merkkiin. Linkkimato on suositeltava, mutta ei pakollinen. Linkkimadon alla on 1px paksuinen, koko sisältöikkunan levyinen viiva, jonka väri on #AAAAAA. Varsinainen sisältöosa voidaan jakaa yhteen, kahteen tai erikoistapauksissa kolmeen palstaan. Kukin palsta on DIV-elementtinä. Palstojen välillä on vähintään 10px marginaalit. Kaksipalstaisen sivun layoutina suositellaan käytettäväksi 1:1 leveyssuhdetta tai 2:1 leveyssuhdetta. Kaksipalstaisessa layoutissa suositellaan noudatettavan yliopiston pääsivuston logiikkaa, eli varsinainen sisältö vasempaan, leveämpään palstaan, ja linkit oikeaan palstaan. Sivumalleissa on oletuksena kaksi palstaa. Jos halutaan tehdä yksipalstainen sivu, poistetaan oikeanpuoleinen DIV-elementti ja annetaan vasemmanpuoleiselle elementille leveydeksi 94%.

6 Tausta Sivujen taustan (15) väri on harmaa #CCCCCC jossa on mosaiikkikuvio sisältöalueen rajassa. Mosaiikkikuvio on säilytettävä. Tiedekunnan päätöksellä taustavärinä voidaan käyttää muutakin väriä kuin harmaata (esim. tiedekunnan perusväriä). Tällöin ko. taustaväriä tulee käyttää kaikilla tiedekunnan laitosten sivuilla. Sivun alalaidassa on sininen reunaviiva (16), paksuudeltaan 8 px ja väriltään #00407A. Pasi Terästi, www-tiedottaja Liite: yksikön alasivu

Johtokunta 2.11.2009 155. Graafinen ohjeistus

Johtokunta 2.11.2009 155. Graafinen ohjeistus Johtokunta 2.11.2009 155 Graafinen ohjeistus Sisällys: 1. Käyttäjälle 3 2. Liikelaitoskuntayhtymän logo ja sen käyttö 4 3. Graafisen ilmeen perusvärit 6 4. Kirjasimet ja tekstityypit 7 5. Liikelaitoskuntayhtymän

Lisätiedot

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry Graafinen ohjeistus Lemmikkilinnut Kaijuli ry Sisältö 1. Värit 2. Fontti 3. Logo 4. Graafiset elementit 5. Ylätunnisteen käyttö 6. Lainaukset ja nostot 7. Dokumenttipohjat Värit C 81 M 58 Y 51 K 34 R 50

Lisätiedot

Kanta graafinen ohje. Versio

Kanta graafinen ohje. Versio Kanta graafinen ohje Versio 3.0 17.3.2014 Sisältö Kirjoitusasu Tunnus Värillinen, musta valkoinen, värillisellä taustalla ja pohjalla sekä suoja-alue, mittasuhteet ja kieliversiot Tunnus ja nimi aukikirjoitettuna

Lisätiedot

KOTISIVUKONE ULKOASUEDITORI

KOTISIVUKONE ULKOASUEDITORI KOTISIVUKONE ULKOASUEDITORI Kun olet luonut itsellesi kotisivut, voit aloittaa ulkoasun yksityiskohtaisemman räätälöimisen. Kotisivukone tarjoaa helppokäyttöisen ulkoasueditorin, jonka avulla saat sivujen

Lisätiedot

Graafinen ohjeisto 1

Graafinen ohjeisto 1 Graafinen ohjeisto 1 Sisältö Tunnuksista yleisesti... 3 Tunnuksen versiot ja rakenne.... 4 Merkin värit.... 5 Tunnuksen värivaihtoehtoja... 7 Tunnuksen suoja-alue.... 8 Tunnuksen sijoittelu.... 9 Pienen

Lisätiedot

Tunnuksen päivitys 19.9.2012

Tunnuksen päivitys 19.9.2012 Tunnuksen päivitys 19.9.2012 2 Tampereen yliopiston tunnus Tampereen yliopiston tunnus Tuhannet ihmiset näkevät Tampereen yliopiston tunnuksen päivittäin lomakkeissa, nettisivuilla, raporteissa, esitteissä.

Lisätiedot

Kanta-palvelut graafinen ohje , versio 6.0

Kanta-palvelut graafinen ohje , versio 6.0 Kanta-palvelut graafinen ohje 18.9.2017, versio 6.0 Sisältö Kirjoitusasu Palvelut, taivutus, kieliversiot Tunnus Värillinen, musta valkoinen, värillisellä taustalla ja pohjalla sekä suoja-alue, mittasuhteet

Lisätiedot

Turun yliopiston ylioppilaskunnan graafinen ohjeisto 2016

Turun yliopiston ylioppilaskunnan graafinen ohjeisto 2016 Turun yliopiston ylioppilaskunnan graafinen ohjeisto 2016 1. Tunnus 1.1 Markkinointitunnus Käytetään esimerkiksi TYYn viestinnässä, esitteissä, oppaissa, julisteissa, markkinointitavaroissa, sosiaalisessa

Lisätiedot

G r a a f i n e n o h j e i s t u s

G r a a f i n e n o h j e i s t u s Graafinen ohjeistus Naisten Valmiusliiton graafinen ilme on merkittävä osa yleisölle välittyvästä mielikuvasta. Graafisen ohjeistuksen avulla luodaan huoliteltu ja yhtenäinen ilme, joka antaa Naisten Valmiusliitosta

Lisätiedot

Sisällysluettelo. 1 Johdanto 3

Sisällysluettelo. 1 Johdanto 3 GRAAFINEN OHJEISTO Sisällysluettelo 1 Johdanto 3 2 Logon/liikemerkin rakenne 3 2.1 Logon/liikemerkin rakenne 4 markkinointiviestinnässä 2.2 Suoja-alue 4 2.3 Värit ja esitystavat 5 2.4 Värit markkinointiviestinnässä

Lisätiedot

Tunnuksen osat ja typografia

Tunnuksen osat ja typografia g r a a f i n e n o h j e i s t u s 2 0 1 0 2 Tunnuksen osat ja typografia PIKI-tunnus muodostuu merkistä, logo-osasta, ja tekstiosasta. Tunnusta käytetään pääsääntöisesti näiden kolmen osan muodostamana

Lisätiedot

Eläinsuojeluliitto Animalian graafinen ohjeisto

Eläinsuojeluliitto Animalian graafinen ohjeisto Eläinsuojeluliitto Animalian graafinen ohjeisto Sisällys Logo 3 Logon käyttö 4 Värit 6 Typografia 7 Graafiset elementit 8 Esitteet 9 2 Logo Animalian logo muodostuu suorakulmiosta jossa on animalia -tekstin

Lisätiedot

Lanuti.fi Lapin nuorisotiedotus. TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, Espoo Teknotie 14 16, Napapiiri, Rovaniemi

Lanuti.fi Lapin nuorisotiedotus. TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, Espoo Teknotie 14 16, Napapiiri, Rovaniemi Lanuti.fi 2015 Lapin nuorisotiedotus TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, 02150 Espoo Teknotie 14 16, 96930 Napapiiri, Rovaniemi Y-tunnus 1008465-8 www.tietotalo.fi Päivämäärä Versio Kuvaus

Lisätiedot

Graafinen ohjeistus. Taustaa. Logon elementit. Mittasuhtet. Suoja-alue. Värimääritykset. Logon sijoittelu. Kirjasintyypit eli typografia

Graafinen ohjeistus. Taustaa. Logon elementit. Mittasuhtet. Suoja-alue. Värimääritykset. Logon sijoittelu. Kirjasintyypit eli typografia Graafinen ohjeistus Taustaa Logon elementit Mittasuhtet Suoja-alue Värimääritykset Logon sijoittelu Kirjasintyypit eli typografia Taustaa Nuorten Kotkien alkuperäinen logo on vaakunamalliseen kehyksen

Lisätiedot

Graafinen ohjeisto. Päivitetty tammikuussa 2015

Graafinen ohjeisto. Päivitetty tammikuussa 2015 Graafinen ohjeisto Päivitetty tammikuussa 2015 Sisällys Sisällys Esipuhe Liikemerkki ja logo Värit korteille ja kirjepohjalle Typografia Fontit korteille ja kirjepohjalle Kirje- ja esityspohja Käyntikorttipohjat

Lisätiedot

Tekstieditorin käyttö ja kuvien käsittely

Tekstieditorin käyttö ja kuvien käsittely Tekstieditorin käyttö ja kuvien käsittely Teksti- ja kuvaeditori Useassa Kotisivukoneen työkalussa on käytössä monipuolinen tekstieditori, johon voidaan tekstin lisäksi liittää myös kuvia, linkkejä ja

Lisätiedot

Suomi Finland 100 -tunnus. Graafinen ohjeisto Lokakuu 2015

Suomi Finland 100 -tunnus. Graafinen ohjeisto Lokakuu 2015 Suomi Finland 100 -tunnus Graafinen ohjeisto Lokakuu 2015 Tunnus Tämä on Suomen itsenäisyyden satavuotisjuhlavuoden tunnus perusmuodossaan. Se on juhlavuoden visuaalisen ilmeen arvokkain elementti, jota

Lisätiedot

Graafinen ohjeisto 3.2. Tunnus (ilman koulutus-sanaa) ja tunnuksen suoja-alue Tunnuksen muotoilu perustuu sanaan FINVA, erillistä liikemerkkiä ei käytetä. Tunnuksessa yhteen sulautuvat Finanssi ja vakuutus.

Lisätiedot

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko Sisällys Sisällys 1. Esipuhe Teksti 2. Liikemerkki ja värit eri käyttötilanteissa 2.1 Esimerkkejä liikemerkin käytöstä eri taustoissa 3. Liikemerkin mitat ja suoja-alue 4. Logo ja liikemerkki 5. Slogan

Lisätiedot

Energiatehokkuussopimusten. graafinen ohjeisto

Energiatehokkuussopimusten. graafinen ohjeisto Energiatehokkuussopimusten ilme graafinen ohjeisto Energiatehokkuussopimusten tunnus Suomalaisille energiatehokkuussopimuksille on suunniteltu oma tunnus, jota käytetään kaikessa energiatehokkuussopimusten

Lisätiedot

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola 26.8.2016 SISÄLLYSLUETTELO 1. Omat asetukset kuntoon (kaikkien tehtävä aluksi) sivut 3-5 2. Tärkeiden sivujen tilaaminen omiin linkkeihin sivut

Lisätiedot

1/2016 GRAAFINEN OHJEISTO

1/2016 GRAAFINEN OHJEISTO GRAAFINEN OHJEISTO 1.1.2016 1 Sisällys 1. Tunnus... 4 2. Värit... 5 3. Suoja-alue... 6 4. Typografia... 6 5. Käyntikortti... 7 6. Lomakkeisto... 8 7. Kirjekuoret... 9 8. PowerPoint... 10 9. Ilmoittelu...

Lisätiedot

RATKAISUT SIVU 1 / 15. Väriteemaan pääset käsiksi hieman eri tavoilla PowerPointin eri versioissa.

RATKAISUT SIVU 1 / 15. Väriteemaan pääset käsiksi hieman eri tavoilla PowerPointin eri versioissa. RATKAISUT SIVU 1 / 15 PowerPoint jatko Harjoitus 3.1-3.7: Harjoitus 3.1: Avaa ensin Harjoitustiedosto.pptx. Väriteemaan pääset käsiksi hieman eri tavoilla PowerPointin eri versioissa. Valitse joka tapauksessa

Lisätiedot

SISÄLLYS. 02 Mobiilimaksu-tunnus 04 Tunnuksen käyttö 07 Värit 08 Typografia 09 Maksunappi 10 Maksunapin sijoittelu 10 Maksuikkuna

SISÄLLYS. 02 Mobiilimaksu-tunnus 04 Tunnuksen käyttö 07 Värit 08 Typografia 09 Maksunappi 10 Maksunapin sijoittelu 10 Maksuikkuna GRAAFINEN OHJEISTO SISÄLLYS 02 Mobiilimaksu-tunnus 04 Tunnuksen käyttö 07 Värit 08 Typografia 09 Maksunappi 10 Maksunapin sijoittelu 10 Maksuikkuna 2 TUNNUS Mobiilimaksu-tunnus koostuu sim-kortin muotoisesta

Lisätiedot

hannu hautala luontokuvakeskus Graafinen ohjeisto

hannu hautala luontokuvakeskus Graafinen ohjeisto Graafinen ohjeisto Tunnus ja värisymboliikka Merkin muoto perustuu lentävään kuukkeliin, joka on Kuusamon metsien onnea tuova seuralainen. Lennon suunta on positiivisesti ylös vasemmalle, joka on kokonaisuutta

Lisätiedot

FrontPage 2000 - Näkymät

FrontPage 2000 - Näkymät FrontPage 2000 - Näkymät FrontPagessa on kuusi erilaista näkymää sivustoon. Sivunäkymä Tässä näkymässä luodaan sivut eli näkymä vastaa paljolti Wordin tekstinkäsittelyohjelman näkymää. Tässä on myös muokattava

Lisätiedot

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1.

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1. 1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE 4 1.2 VÄRILLINEN LOGO 5 1.3 LOGO VÄRILLISELLÄ POHJALLA 6 1.4 MUSTA LOGO 7 1.5 EI NÄIN 8 3 1.1 Logo ja turva-alue neste jacobsin logo Neste Jacobsin uusi tekstilogo

Lisätiedot

GRAAFINEN OHJEISTO OLLILA TRANS OY

GRAAFINEN OHJEISTO OLLILA TRANS OY GRAAFINEN OHJEISTO OLLILA TRANS OY Ohjeiston sisältö Tämän ohjeiston tarkoitus on antaa selkeät suuntaviivat Ollila Trans Oy:n viestinnälle. Annettuja ohjeita noudattamalla yrityksestä annetaan yhtenäinen,

Lisätiedot

Kyläsivujen InfoWeb-ohje

Kyläsivujen InfoWeb-ohje Kyläsivujen InfoWeb-ohje Kirjoita internet-selaimesi osoitekenttään kyläsivujen hallintaosoite; www.yla -savo.fi/admin Saavut seuraavalle sivulle, johon kirjoitat käyttäjätunnuksesi ja salasanasi: Paina

Lisätiedot

2 Graafinen ohjeisto. Viestintäosasto auttaa, kouluttaa ja ohjeistaa graafisen ilmeen käytössä ja soveltamisessa. Ota yhteyttä:

2 Graafinen ohjeisto. Viestintäosasto auttaa, kouluttaa ja ohjeistaa graafisen ilmeen käytössä ja soveltamisessa. Ota yhteyttä: GRAAFINEN OHJEISTO VAPAAN KANSAN LAHJA VAPAALLE TIETEELLE Turun yliopisto perustettiin vuonna 1920 suomalaisten lahjoitusvaroilla. Alusta asti Turun yliopisto on tehnyt työtä koko yhteiskunnan palvelemiseksi.

Lisätiedot

Graafisen ohjeiston sisältö 2

Graafisen ohjeiston sisältö 2 Graafinen ohjeisto Graafisen ohjeiston sisältö 2 Tämä on Kymenlaakson ammattikorkeakoulun Paja Gallerian graafinen ohjeisto, jota tulee noudattaa aina tehtäessä siihen liittyvää materiaalia. Graafisen

Lisätiedot

HEIKKINEN YHTIÖT YRITYSILME 071212

HEIKKINEN YHTIÖT YRITYSILME 071212 LOGON PERUSVERSIO PERUSVERSIO Ensisijaisesti käytettävä versio logosta. Käytetään valkoisella tai hyvin vaalealla pinnalla. PERUSVERSIO PUNAINEN NEGA Käytetään tässä ohjeistossa määritellyllä punaisella

Lisätiedot

TUNNUS TUNNUS. Lounais-Suomen ympäristökasvatustoiminnan tunnus GRAAFINEN OHJEISTUS

TUNNUS TUNNUS. Lounais-Suomen ympäristökasvatustoiminnan tunnus GRAAFINEN OHJEISTUS Lounais-Suomen ympäristökasvatustoiminnan tunnus GRAAFINEN OHJEISTUS Tunnus - Kehrä Lounais-Suomen ympäristökasvatustoiminnan tunnukseen kuuluu kaksi osaa: kuviollinen kehrä-tunnus ja toiminnan/tapahtuman

Lisätiedot

Aleksanterinkadun Appro. Tunnusohjeisto 25.2.2015

Aleksanterinkadun Appro. Tunnusohjeisto 25.2.2015 Tunnusohjeisto 25.2.2015 sisällys tunnus 3 1 tunnus tekstillä 4 2 tekstitön tunnus 5 tunnuksen väriversiot 6 tunnus kuvan päällä 7 tunnus 1 n tunnus eli visuaalinen tunniste viittaa muotokieleltään Lahden

Lisätiedot

GRAAFINEN OHJEISTO 1

GRAAFINEN OHJEISTO 1 GRAAFINEN OHJEISTO 1 LIEHUTA LIPPUAMME YLPEYDELLÄ. Alkusanat 3 Tunnus 4 Värit 9 Typografia 10 Kaari 12 Sovelluksia 13 2 LIPULLINEN RATKAISU Aktiivinen ja valveilla oleva ammattiyhdistysliike tukee työntekijää

Lisätiedot

TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT GRAAFINEN OHJEISTO 2016

TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT GRAAFINEN OHJEISTO 2016 TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT GRAAFINEN OHJEISTO 2016 TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT 2 SISÄLTÖ Saatteeksi... 3 Tullin tunnus... 4 Tullin tunnusvaihtoehdot... 5 Tullin

Lisätiedot

Data@Flow. Verkkosivuston hallinnan ohjeet. atflow Oy tuki@atflow.fi. AtFlow Oy, tuki@atflow.fi, +358 (0)50 452 5620

Data@Flow. Verkkosivuston hallinnan ohjeet. atflow Oy tuki@atflow.fi. AtFlow Oy, tuki@atflow.fi, +358 (0)50 452 5620 Data@Flow Verkkosivuston hallinnan ohjeet atflow Oy tuki@atflow.fi AtFlow Oy, tuki@atflow.fi, +358 (0)50 452 5620 Sisällysluettelo 1. Kirjautuminen... 2 2. Sivuston muokkaus... 2 3. Sivujen ja valikoiden

Lisätiedot

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan

Tunnus. 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Graafiset ohjeet 1 1. Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus perusmuodossaan Tunnus Suomen Ammattiliittojen Keskusjärjestön SAK:n tunnus on järjestön nimen alkukirjaimista muodostettu nimilogo,

Lisätiedot

Graafinen ohjeisto 1.0

Graafinen ohjeisto 1.0 Graafinen ohjeisto 1.0 01 01 Peruselementit Logo POP vakuutuksen logo on suunniteltu digitaaliseen ympäristöön ja siksi digitaalinen näkyvyys määrittelee ilmeen. Play-elementti Play-elementti painikkeenomaisena

Lisätiedot

Graafinen ohjeisto Santa s United ry 2015

Graafinen ohjeisto Santa s United ry 2015 Graafinen ohjeisto Santa s United ry 2015 Sisällysluettelo Värit... 1 Logon värimäärittelyt....1 Logo, liikemerkki ja tunnus... 2 Yleistä...2 Santa s United tunnus...2 Tunnuksen käyttö...3 Suoja-alueet...4

Lisätiedot

Päänäkymä Opiskelijan ohjeet Kurssin suorittaminen Opettajan ohjeet kurssin teko

Päänäkymä Opiskelijan ohjeet Kurssin suorittaminen Opettajan ohjeet kurssin teko Simppelit ohjeet Sisällys Päänäkymä... 1 Valikko... 1 Opiskelijan ohjeet Kurssin suorittaminen... 2 Kurssin haku... 2 Kurssin suorittaminen... 2 Opettajan ohjeet kurssin teko... 3 Kirjautuminen... 3 Kurssin

Lisätiedot

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset Graafinen ohjeisto värit tunnus 2 Sisältö johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 typografia sovellukset JOHdanto Siuron Piharakennus Oy on kasvava pirkanmaalainen maarakennusyhtiö,

Lisätiedot

Lapsen oikeuksien sopimuksen 20-vuotisjuhlavuoden tunnus graafi nen ohje 11.12.2008

Lapsen oikeuksien sopimuksen 20-vuotisjuhlavuoden tunnus graafi nen ohje 11.12.2008 11.12.2008 1. Tunnus, värit ja typografi a SININEN 1 C 90, M 11 PMS 2995 R 0, G 166, B 222 SININEN 2 C 100, M 58, K 21 PMS 294 R 0, G 56, B 130 Lapsen oikeuksien 20-vuotisjuhlavuoden tunnus muodostuu merkistä

Lisätiedot

Sisällysluettelo. Logon suoja-alue...2. Logot...3. Värit...5. Typografia...6. Julisteet...8. Kisapassi...9. Paidat Käsiohjelma & Web layout...

Sisällysluettelo. Logon suoja-alue...2. Logot...3. Värit...5. Typografia...6. Julisteet...8. Kisapassi...9. Paidat Käsiohjelma & Web layout... Graafinen ohjeisto: Ohjeiston tarkoitus on auttaa Squash:in Euroopan mestaruuskisojen graafisen ilmeen hallinnassa. Sisällysluettelo Logon suoja-alue...2 Logot...3 Värit...5 Typografia...6 Julisteet...8

Lisätiedot

Ohjeita noudattamalla ja soveltamalla luodaan yhtenäinen ilme kaikkiin säätiön materiaaleihin tunnuksesta sähköiseen viestintään asti.

Ohjeita noudattamalla ja soveltamalla luodaan yhtenäinen ilme kaikkiin säätiön materiaaleihin tunnuksesta sähköiseen viestintään asti. YLEISTÄ Graafisen ohjeiston tarkoitus on toimia tukivälineenä eri sidosryhmille sekä sisäisessä että ulkoisessa viestinnässä. Ohjeistossa on esitelty ohjein ja esimerkein Epilepsiatutkimussäätiön visuaalinen

Lisätiedot

Graafinen ohje 1(8) 16.10.2012 GRAAFINEN OHJE. PL 207 www.helga.fi Y 2075366-7. 00520 Helsinki

Graafinen ohje 1(8) 16.10.2012 GRAAFINEN OHJE. PL 207 www.helga.fi Y 2075366-7. 00520 Helsinki Graafinen ohje 1(8) GRAAFINEN OHJE Graafinen ohje 2(8) Miksi graafiset ohjeet? Näiden graafisten ohjeiden avulla luomme yhtenäisyyttä ja tunnistettavuutta HAAGA-HELIAn opiskelijakunta HELGAn viestintään.

Lisätiedot

POWERPOINT HARJOITUKSET OMAN ESITYSPOHJAN RAKENTAMINEN

POWERPOINT HARJOITUKSET OMAN ESITYSPOHJAN RAKENTAMINEN POWERPOINT HARJOITUKSET 3.1-3.7 OMAN ESITYSPOHJAN RAKENTAMINEN Tässä harjoituksessa luomme oman perustyylin, teemme omat värit, oman fonttiteeman, mukautamme perustyyliä ja tallennamme luomuksemme. 1/5

Lisätiedot

LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO. SammutinHuolto Nevanperä Ky 2011

LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO. SammutinHuolto Nevanperä Ky 2011 LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO SammutinHuolto Nevanperä Ky 2011 2(12) Sisältö 1. Johdanto 3 2. Tunnus 4 - Tunnuksen koko 5 - Tunnuksen suoja-alue 6 - Tunnuksen käyttö 7 3. Värimääritykset

Lisätiedot

Graafinen ohjeistus 5/2012

Graafinen ohjeistus 5/2012 Graafinen ohjeistus 5/2012 Tunnus Kauppakamari-tunnus on muotoilultaan selkeä ja moderni nimilogo. Se viestii suoraselkäisen ja pelkistetyn olemuksensa ansiosta luotettavuutta ja asiantuntemusta. Perustunnus

Lisätiedot

KANSILEHDEN MALLISIVU

KANSILEHDEN MALLISIVU Teknisiä ohjeita pro gradu -tutkielmalle Teologian osasto 12.11.2013 Tässä annettavat ohjeet ovat suosituksia. Viime kädessä seurataan tutkielman ohjaajan antamia ohjeita! Tutkielman kansilehdelle asetellaan

Lisätiedot

Graafiset ohjeet. Päivitetty 27.5.2013 I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1

Graafiset ohjeet. Päivitetty 27.5.2013 I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1 Graafiset ohjeet Päivitetty 27.5.2013 I LVI-TU LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1 Sisältö Tunnus...3 Typografia...4 Värit...5 Käyntikortit ja sähköinen allekirjoitus...6 Lomakkeet

Lisätiedot

Graafisessa ohjeistossa annetaan ohjeet uuden ilmeen ja markkinointitunnuksen käyttämisestä

Graafisessa ohjeistossa annetaan ohjeet uuden ilmeen ja markkinointitunnuksen käyttämisestä KARKKILA : GRAAFINEN OHJEISTO Karkkilan kaupungille on vuonna 2006 suunniteltu uusi markkinointitunnus ja sen myötä uusi visuaalinen ilme kaikkeen viestintään. Graafisessa ohjeistossa annetaan ohjeet uuden

Lisätiedot

2.1 Tunnus. TUNNUKSEN KÄYTÖN RAJOITUKSET Käytä kuhunkin käyttötarpeeseen suunniteltuja originaaleja logoversioita www-sivujen logopankista

2.1 Tunnus. TUNNUKSEN KÄYTÖN RAJOITUKSET Käytä kuhunkin käyttötarpeeseen suunniteltuja originaaleja logoversioita www-sivujen logopankista 2.1 Tunnus LAHDEN AMMATTIKORKEAKOULU GRAAFINEN OHJEISTO 7 Lahden ammattikorkeakoulun merkki perustuu vahvaan, tunnistettavaan kirjainmuotoiluun, joka on linjassa ilmeessä käytettävän muun typografian kanssa.

Lisätiedot

Facebook-sivun luominen

Facebook-sivun luominen Facebook-sivun luominen Facebook-sivun luominen Etene vaihe vaiheelta 1 Kirjaudu Facebook-palveluun omalla käyttäjätunnuksellasi. Sen jälkeen sivun alareunassa näkyvät toimintolinkit, joista sinun täytyy

Lisätiedot

Kuvat. 1. Selaimien tunnistamat kuvatyypit

Kuvat. 1. Selaimien tunnistamat kuvatyypit Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai

Lisätiedot

3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio.

3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio. ActivInspire JATKO AINEISTON TUOTTAMINEN Uuden aineiston tekemisen alkua helpottaa etukäteen tehty suunnitelma (tekstit, kuvat, videot, linkit) miellekarttaa hyödyntäen. Valmista aineistoa voi muokata

Lisätiedot

1.1 Sisäänkirjautuminen ST-Akatemia Online -palveluun kirjaudutaan -osoitteen kautta.

1.1 Sisäänkirjautuminen ST-Akatemia Online -palveluun kirjaudutaan  -osoitteen kautta. Sisällysluettelo ST-Akatemia Online -palvelun käyttöohjeet... 2 1. Kirjautuminen... 2 1.1 Sisäänkirjautuminen... 2 1.2 Uloskirjautuminen... 2 2. Julkaisujen lukeminen... 2 2.1 Julkaisuista palaaminen palvelun

Lisätiedot

1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI...

1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI... GRAAFINEN OHJEISTO 1. ALKUSANAT... 3 2. TUNNUS... 3 3. VÄRIT... 3 4. MERKKI JA LOGOTYYPPI... 4 PÄÄLLEKKÄISVERSIO... 4 RINNAKKAISVERSIO... 4 5. SUOJA-ALUE... 5 6. TUNNUKSEN KÄYTTÖ... 5 7. MONIVÄRI... 5

Lisätiedot

GRAAFINEN OHJEISTO 1/2006. Päivitetty 4/2013

GRAAFINEN OHJEISTO 1/2006. Päivitetty 4/2013 GRAAFINEN OHJEISTO 1/2006 Päivitetty 4/2013 SISÄLLYSLUETTELO Esipuhe 1. Tunnus - Suoja-alue ja mittasuhteet - Käyttö - Visuaalinen hierarkia 2. Värimaailma - Värimääritykset - Värien käyttö 3. Typografia

Lisätiedot

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu KÄYTTÖLIITTYMÄT Visuaalinen suunnittelu MUISTETTAVA Yksinkertaisuus Selkeys Johdonmukaisuus Sommittelutyyli on säilytettävä samankaltaisen koko sivustossa Sivustolle yhtenäinen ulkoasu Miellyttävä ulkonäkö

Lisätiedot

Visuaalinen ilme (luonnos)

Visuaalinen ilme (luonnos) Työterveys Helsinki Visuaalinen ilme (luonnos) 24.11.2015 1 Työterveys Helsingin ilmeessä sovelletaan Helsingin kaupungille luotuja visuaalisen ilmeen elementtejä uudella kuosilla, tunnuksella ja väripaletilla

Lisätiedot

Adobe Photoshop Elements, kuvakäsittelyn perusteet

Adobe Photoshop Elements, kuvakäsittelyn perusteet Sivu 1 / 8 Adobe Photoshop Elements, kuvakäsittelyn perusteet Lyhyesti Tämän oppaan avulla voit - kääntää kuvan - valita kuvasta vain tietyn alueen ja poistaa kuvasta muut (eng. crop, suom. rajaus) - muuttaa

Lisätiedot

6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.)

6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.) 6. Tekstin muokkaaminen 6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.) Tekstin maalaaminen onnistuu vetämällä hiirellä haluamansa tekstialueen yli (eli osoita hiiren

Lisätiedot

GRAAFINEN OHJEISTO 1/2006. Päivitetty 11/2012

GRAAFINEN OHJEISTO 1/2006. Päivitetty 11/2012 GRAAFINEN OHJEISTO 1/2006 Päivitetty 11/2012 SISÄLLYSLUETTELO Esipuhe 1. Tunnus - Suoja-alue ja mittasuhteet - Käyttö - Visuaalinen hierarkia 2. Värimaailma - Värimääritykset - Värien käyttö 3. Typografia

Lisätiedot

Lataa Hyvää Suomesta -merkki osoitteesta: www.hyvaasuomesta.fi/kuvapankki/hyvää-suomesta-logot

Lataa Hyvää Suomesta -merkki osoitteesta: www.hyvaasuomesta.fi/kuvapankki/hyvää-suomesta-logot GRAAFINEN OHJEISTO Hyvää Suomesta -merkin käyttöoikeus on Ruokatieto Yhdistys ry:n jäsenillä sekä niillä MTK:n ja SLC:n jäsenillä, joille Ruokatieto on myöntänyt merkin käyttöoikeuden. Tutustu huolella

Lisätiedot

Graafinen ohjeisto. Turku Centre for Computer Science

Graafinen ohjeisto. Turku Centre for Computer Science Graafinen ohjeisto Turku Centre for Computer Science tunnus Tunnus. Turku Centre for Computer Sciencen tunnus muodostuu kahdesta elementistä: nuolimaisesta liikemerkistä ja TUCSnimilogosta. Liikemerkkiä

Lisätiedot

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA Suomen Lions-liitto ry:n GRAAFINEN OHJEISTO SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA 2 3 4 5 6 Suomen Lions-liitto ry:n graafinen ohjeisto on tehty yhtenäistämään järjestön

Lisätiedot

Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö

Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö Sisällysluettelo Kirjautuminen ja ylläpito...3 Kirjautuminen sivustolle...3 Ylläpitovalikko...3 Artikkeleiden muokkaaminen...4 Artikkelin asetukset...4

Lisätiedot

Taulukot. 2002 Päivi Vartiainen 1

Taulukot. 2002 Päivi Vartiainen 1 Taulukot Taulukon lisääminen FrontPagessa tapahtuu samalla tavoin kuin Word tekstinkäsittelyohjelmassakin. Valitse vakiotyökaluriviltä Lisää taulukko painike. Kun olet napsauttanut painikkeen alas voit

Lisätiedot

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm Graafinen ohje Tunnus Oulu Sinfonian tunnuksena käytetään ensisijaisesti ohessa kuvattua liikemerkin ja nimilogon kiinteää yhdistelmää. Käytössä on huolehdittava, että tunnuksen mittasuhteet sekä nimilogon

Lisätiedot

http://www.microsoft.com/expression/

http://www.microsoft.com/expression/ Verkkojulkaisuharjoitus1 TAVOITE Harjoituksen tarkoituksena on opiskella käyttämään verkkojulkaisueditoria (Microsoft Expression Web) ja käynnistämään verkkosivu internetissä. VERKKOSIVUEDITORIN KÄYTTÖOHJEITA

Lisätiedot

Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO. Selvitystyön raportti

Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO. Selvitystyön raportti Paluumuuttajien työllistyminen Uudenmaan ja palvelut liiton GRAAFINEN OHJEISTO Selvitystyön raportti Päivitetty 3/2015 GRAAFINEN OHJEISTO TUNNUS 3 TUNNUKSEN VERSIOT JA KÄYTTÖ 4 VÄRIT 5 GRAAFINEN ELEMENTTI

Lisätiedot

SISÄLLYS JOHDANTO 5. KUVAT 1. TUNNUS - SANOMA 6. VERKKOSIVUT 2. TUNNUS - KÄYTTÖ 7. TUOTEKORTIT JA ESITTEET. 2.1 Suoja-alue. 7.

SISÄLLYS JOHDANTO 5. KUVAT 1. TUNNUS - SANOMA 6. VERKKOSIVUT 2. TUNNUS - KÄYTTÖ 7. TUOTEKORTIT JA ESITTEET. 2.1 Suoja-alue. 7. GRAAFINEN OHJEISTO SISÄLLYS JOHDANTO 1. TUNNUS - SANOMA 2. TUNNUS - KÄYTTÖ 2.1 Suoja-alue 2.2 Eri osien käyttö 2.3 Minimikoot 5. KUVAT 6. VERKKOSIVUT 7. TUOTEKORTIT JA ESITTEET 7.1 Tuotekortit 7.2 Esitteet

Lisätiedot

Aloitusopas verkkosivuston ylläpitoon

Aloitusopas verkkosivuston ylläpitoon Aloitusopas verkkosivuston ylläpitoon JPP-Soft Oy 2(13) Sisällys Tervetuloa emedia CMS verkkopalveluiden käyttäjäksi... 3 Sivuston graafinen ilme ja rakenne... 4 Sivuston ilme ja tyyli... 5 Sivupohjat...

Lisätiedot

tervetuloa internetiin:

tervetuloa internetiin: Tässä osassa opit rakentamaan omat kotisivut lisäämään tekstiä ja kuvia valitsemaan teeman liittämään taustan kotisivuille Toinen osa antaa apua kotisivujen rakentamisessa yhdistyksen tai kerhon käyttöön.

Lisätiedot

Moodlen lohkot. Lohkojen lisääminen: Lohkojen muokkaaminen: Tampereen yliopisto/tietohallinto 2017 Suvi Junes

Moodlen lohkot. Lohkojen lisääminen: Lohkojen muokkaaminen: Tampereen yliopisto/tietohallinto 2017 Suvi Junes Moodlen lohkot Lohkojen lisääminen: Moodlen lohkot sisältävät kurssialueen hallinnointiin liittyviä toimintoja. Kun saat uuden tyhjän kurssialueen, sen molemmilla reunoilla on valmiina muutama keskeinen

Lisätiedot

Yhtenäinen ja johdonmukainen visuaalinen ilme heijastaa Fennovoiman toiminnan laatua, luotettavuutta ja pitkäjänteisyyttä.

Yhtenäinen ja johdonmukainen visuaalinen ilme heijastaa Fennovoiman toiminnan laatua, luotettavuutta ja pitkäjänteisyyttä. Graafinen ohjeisto 2 Johdanto Sisältö Graafinen ohjeisto on apuväline, jota noudattamalla Fennovoiman visuaalisesta ilmeestä rakentuu tunnistettava ja laadullisesti yhtenäinen kokonaisuus. Yhtenäinen ja

Lisätiedot

Wordpress- ohje nettisivujen laadintaan

Wordpress- ohje nettisivujen laadintaan Wordpress- ohje nettisivujen laadintaan Leo Suomela 2 / 13 Sisältö 1 Johdanto... 3 2 Aloitusnäkymä... 3 3 Ohjausnäkymä... 4 4 Sivujen lisäys... 6 5 Etusivun määritys... 9 6 Teeman muokkaus... 13 3 / 13

Lisätiedot

Used with permission of Microsoft. Kulttuurihistoria Syyskuu 2015

Used with permission of Microsoft. Kulttuurihistoria Syyskuu 2015 MUOTOSEIKKOJA Mitä asetuksia käytän? Tyypillisimpiä fontteja ovat Times New Roman (fonttikoko 12) tai Arial (fonttikoko 11). Käytä riviväliä 1,5, jotta asettelu on selkeä ja teksti on myös tältä osin helppolukuista.

Lisätiedot

GRAAFINEN OHJEISTO

GRAAFINEN OHJEISTO GRAAFINEN OHJEISTO 8..06 Sisältö Merkki ja tekstiosa 3 Suoja-alue 4 Tunnuksen värit (värillinen tunnus) 5 Tunnuksen värit (harmaasävyinen tunnus) 6 Tunnuksen sähköiset originaalit toimisto-ohjelmiin 7

Lisätiedot

Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle

Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle Pyydämme suunnitelijaa ottamaan huomioon seuraavat ohjeet verkkokaupan ulkoasun suunnittelua koskien. Näin vältämme lisäkustannukset

Lisätiedot

Navigointi Verkkomultimedia ICT1tn004

Navigointi Verkkomultimedia ICT1tn004 Navigointi Verkkomultimedia ICT1tn004 27.9.2009 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on?

Lisätiedot

Tietosuoja-portaali. päivittäjän ohje

Tietosuoja-portaali. päivittäjän ohje Tietosuoja-portaali päivittäjän ohje Maisa Kinnunen 2010 1 Sisältö PÄIVITTÄJÄN OHJE Kirjautuminen...3 Sivujen tekstin muokkaus...4 Tiedostojen lisääminen palvelimelle...9 Jos sinun pitää selvittää tiedoston/kuvan

Lisätiedot

Suomen Tuuliatlaksen karttaliittymän hyödyntäminen E-farm Pro ja Basic ohjelmien tuulienergialaskennassa

Suomen Tuuliatlaksen karttaliittymän hyödyntäminen E-farm Pro ja Basic ohjelmien tuulienergialaskennassa Suomen Tuuliatlaksen karttaliittymän hyödyntäminen E-farm Pro ja Basic ohjelmien tuulienergialaskennassa 12.12.2013 Copyright E-farm E-farm Asiakkuudenhallinta Tuotekehitys Myynti ja tuotekehitys www.e-farm.fi

Lisätiedot

KÄYTTÖOHJE. Servia. S solutions

KÄYTTÖOHJE. Servia. S solutions KÄYTTÖOHJE Servia S solutions Versio 1.0 Servia S solutions Servia Finland Oy PL 1188 (Microkatu 1) 70211 KUOPIO puh. (017) 441 2780 info@servia.fi www.servia.fi 2001 2004 Servia Finland Oy. Kaikki oikeudet

Lisätiedot

GRAAFINEN OHJEISTO 1/2006

GRAAFINEN OHJEISTO 1/2006 GRAAFINEN OHJEISTO 1/2006 SISÄLLYSLUETTELO Esipuhe 1. Tunnus - Suoja-alue ja mittasuhteet - Käyttö - Visuaalinen hierarkia 2. Värimaailma - Värimääritykset - Värien käyttö 3. Typografia 4. Visuaalinen

Lisätiedot

Hallintaliittymän käyttöohje

Hallintaliittymän käyttöohje Hallintaliittymän käyttöohje 1. Yleisiä huomioita Hallintaliittymän käyttöä helpottavia yleisiä huomioita: - Käytä listanäkymien hakukentissä kentän vieressä olevaa hakunappia, älä enter-näppäintä. - Älä

Lisätiedot

g r a a f i n e n o h j e i s t o

g r a a f i n e n o h j e i s t o graafinen ohjeisto TUNNUSVÄRIT Finfoodin tunnusvärit ovat valkoinen ja sininen PMS300. Eri sovelluksissa käytetään teknisten vaatimusten takia eri tyyppisiä värejä, joihin liittyy oma värijärjestelmänsä

Lisätiedot

Moodle-oppimisympäristö

Moodle-oppimisympäristö k5kcaptivate Moodle-oppimisympäristö Opiskelijan opas Sisältö 1. Mikä on Moodle? 2. Mistä löydän Moodlen? 3. Kuinka muokkaan käyttäjätietojani? 4. Kuinka ilmoittaudun kurssille? 5. Kuinka käytän Moodlen

Lisätiedot

CSS - tyylit. 13.11.2000 Seppo Räsänen

CSS - tyylit. 13.11.2000 Seppo Räsänen CSS - tyylit 13.11.2000 Seppo Räsänen Sivu 2 1 CSS-tyylit Dynaaminen HTML tai DHTML on standardi, joiden käyttöä tukevat uusimmat Netscapen ja Microsoftin selaimet. DHTML:n ominaisuuksia ovat tyylitiedostot

Lisätiedot

Kuva xhtml-sivulla. Mirja Jaakkola

Kuva xhtml-sivulla. Mirja Jaakkola Kuva xhtml-sivulla Mirja Jaakkola Sisältö 3. Kuva www-sivulla 4. img-elementti 5. Kuvan koko 6. Kuvan keskitys vaakasuoraan & kuvateksti 7. Kuvan tasaus pystysuoraan 8. Esimerkki: pystysuora tasaus eri

Lisätiedot

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto 7.3.2017 Tämä on vuonna 2017 uusitun Kauneimpien Joululaulujen visuaalisen ilmeen ohjeisto. Ohjeiston mukana toimitetaan alkuperäiset logotiedostot,

Lisätiedot

Jämsän graafinen ilme on raikas, moderni ja keveä, mutta myös perinteisiin nojaava ja visuaalisesti aikaa kestävä ja klassinen.

Jämsän graafinen ilme on raikas, moderni ja keveä, mutta myös perinteisiin nojaava ja visuaalisesti aikaa kestävä ja klassinen. Graafinen ohjeisto Uuden yhdistyneen Jämsän yhtenäinen graafinen ilme vahvistaa omalta osaltaan kaupungin tunnettavuutta ja vetovoimaisuutta. Alueelta löytyy mielenkiintoista ja vahvaa historiaa, mutta

Lisätiedot

SINIVALKOINEN JALANJÄLKI OHJEISTUS TUNNUKSEN KÄYTÖSTÄ

SINIVALKOINEN JALANJÄLKI OHJEISTUS TUNNUKSEN KÄYTÖSTÄ SINIVALKOINEN JALANJÄLKI OHJEISTUS TUNNUKSEN KÄYTÖSTÄ SISÄLTÖ TUNNUS JA SEN KÄYTTÖOIKEUS 3 TUNNUKSEN RAKENNE 4 VÄRIT 5 TUNNUKSEN KÄYTTÖ 6 CO-BRANDING 9 SJ-TUNNUS ja YHTEISÖmerkit 11 TYPOGRAFIA 14 GRAAFISIA

Lisätiedot

Roosa nauha -tunnus. Graafinen ohjeisto - Versio 01

Roosa nauha -tunnus. Graafinen ohjeisto - Versio 01 Roosa nauha -tunnus Graafinen ohjeisto - Versio 01 Roosa nauha -tunnus on Syöpäsäätiön Roosa nauha -rahaston virallinen merkki. Merkin oikeudet omistaa Syöpäsäätiö eikä tunnusta saa painaa tai muuten käyttää

Lisätiedot

Selkokielisen sivuston saavutettavuuden arvioinnin heuristiikat

Selkokielisen sivuston saavutettavuuden arvioinnin heuristiikat Selkokielisen sivuston saavutettavuuden arvioinnin heuristiikat Sivu 1/8 Selkokielisen sivuston saavutettavuuden arvioinnin heuristiikat 1. Graafinen ja looginen rakenne 1.1 Onko informaation määrä näkymää

Lisätiedot

2 SISÄÄNKIRJAUTUMINEN... 5 2.1 SELAA AIKOJA... 6 2.2 PALAUTESIVU... 7

2 SISÄÄNKIRJAUTUMINEN... 5 2.1 SELAA AIKOJA... 6 2.2 PALAUTESIVU... 7 KÄYTTÖOHJE JÄSENET 1 PIKAOHJE... 3 1.1 SELAA AIKOJA... 3 1.2 PALAUTE... 3 1.3 AJANVARAUS... 3 1.4 VARAUKSEN TARKASTELU... 3 1.5 OMAT VARAUKSET... 4 1.6 MUOKKAA JÄSENTIETOJA... 4 1.7 MUUTA SALASANA... 4

Lisätiedot

PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE

PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE IT-palvelut / Hannele Rajaniemi optima-support@jyu.fi www.jyu.fi/itp/optima-ohjeet 2 Sisältö Mikä on koosteen idea? Miten saan kooste-työkalun käyttööni? Miten luon koosteen?

Lisätiedot

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti: HENKILÖKORTTIEN SUUNNITTELUSOVELLUS SOVELLUKSEN KÄYTTÖOHJE Voit kokeilla korttien suunnittelemista valmiiden korttipohjien avulla ilman rekisteröitymistä. Rekisteröityminen vaaditaan vasta, kun olet valmis

Lisätiedot

Vehmaan kunta. Wordpress käyttöopas. Betta Digital Oy

Vehmaan kunta. Wordpress käyttöopas. Betta Digital Oy Vehmaan kunta Wordpress käyttöopas Betta Digital Oy 1 / 22 Sisällys 1. Kirjautuminen... 3 1.1. Sisäänkirjautuminen ei onnistu... 3 2. Hallintapaneeli... 5 2.1. Sisään kirjautuneen hallintanäkymä... 6 3.

Lisätiedot