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

Tunnus. 10 mm. Tunnuksen minimikorkeus on 10 mm.

Tunnus. 10 mm. Tunnuksen minimikorkeus on 10 mm. Visuaalinen ohje Pohjois-Pohjanmaan maakunta- ja sote-uudistuksen valmisteluvaihe Pohjois-Pohjanmaan maakunta- ja soteuudistuksen valmisteluajan visuaalinen ohje. Ohjeessa on määritelty valmisteluaikana

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

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

Yleistä. Suositukset. Rakenne

Yleistä. Suositukset. Rakenne Yhdistysavaimen ulkoasuohjeistus Jyty-liiton yhdistyksille 27.5.2015 Yleistä Tämä on Jytyliiton yhdistyksille laadittu ohjeistus ulkoasun rakentamisesta Yhdistysavain-julkaisujärjestelmään. Tavoitteena

Lisätiedot

VERKOSTO GRAAFINEN OHJE

VERKOSTO GRAAFINEN OHJE 2018 SISÄLTÖ 3 Pikaohje 4 Tunnus ja suoja-alue 5 Tunnuksen versiot 6 Tunnuksen käyttö 7 Fontit 8 Värit 9 Soveltaminen ----- 10 Verkosto Lapset 2 suoja-alue Tunnuksen suoja-alueen sisäpuolella ei saa olla

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

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

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

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

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

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 Suomen Vapaa-ajankalastajien Keskusjärjestö GRAAFINEN OHJEISTO 1

Graafinen ohjeisto. Päivitetty Suomen Vapaa-ajankalastajien Keskusjärjestö GRAAFINEN OHJEISTO 1 Graafinen ohjeisto Päivitetty 4.6.2018 Suomen Vapaa-ajankalastajien Keskusjärjestö GRAAFINEN OHJEISTO 1 Tavoitteena yhtenäinen ja tunnistettava järjestöilme Graafinen ohjeisto antaa ohjeet ja mallit siitä,

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

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

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

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

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

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

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

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

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

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

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

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

Sisältö. Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12

Sisältö. Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12 Graafinen Ohjeisto Sisältö Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12 Ella Nurminen Työssäoppimisen näyttötyö

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

Arvokas. Graafinen ohjeistus

Arvokas. Graafinen ohjeistus Graafinen ohjeistus Sinä olet arvokas! -ohjelma rakentaa yhdenvertaisempaa Suomea, jossa jokaisella lähtökohdista ja elämäntilanteesta riippumatta on mahdollisuus kokea olevansa merkityksellinen osa yhteisöä

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

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

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

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

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

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

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

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

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

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

Graafinen ohjeistus Taidekaupunki-logo

Graafinen ohjeistus Taidekaupunki-logo Graafinen ohjeistus Taidekaupunki-logo Ohjeistuksessa määriteltyjä raja-arvoja ja värejä tulee noudattaa aina mahdollisuuksien mukaan ellei toisin sovita. SUOJA-ALUE Suoja-alue määräytyy merkissä olevan

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

Paikallisen nuorisoseuran. graafinen ohjeisto. Mikä on graafinen ohjeisto ja sisällys

Paikallisen nuorisoseuran. graafinen ohjeisto. Mikä on graafinen ohjeisto ja sisällys Paikallisen nuorisoseuran graafinen ohjeisto Mikä on graafinen ohjeisto ja sisällys Graafinen ohjeisto tukee Suomen Nuorisoseurojen visuaalista ilmettä sekä auttaa ilmeen yhdenmukaisuuden säilyttämisessä.

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

LOGO 2. LOGO. Autokeskuksen yritystunnus on Autokeskus-logo.

LOGO 2. LOGO. Autokeskuksen yritystunnus on Autokeskus-logo. 8 LOGO Autokeskuksen yritystunnus on Autokeskus-logo. Autokeskuksen logoa käytetään aina vaakamuodossa. Logoa ei saa latoa, piirtää tai asetella uudelleen. Logon mittasuhteita tai väritystä ei saa muuttaa.

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

G R A A. Kaarinan Pojat ry:n graafinen ohjeistus

G R A A. Kaarinan Pojat ry:n graafinen ohjeistus G R A A FI O HJ E IS Kaarinan Pojat ry:n graafinen ohjeistus N E N T US Logo Kaarinan Pojat ry:n logon tulee näkyä kaikissa KaaPon materiaaleissa, myös joukkueiden tuottamissa materiaaleissa. Logoa käytetään

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

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

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

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

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

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

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

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

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

HSL - Helsingin seudun liikenne Mainonnan ilme

HSL - Helsingin seudun liikenne Mainonnan ilme HSL - Helsingin seudun liikenne Mainonnan ilme 2019 1.0 26.09.2018 TUNNUS 2 Tunnus HSL / Graafinen Ohjeisto Johdanto Minimikorkeus 5 mm HSL:n tunnus on muotoiltu yhtenäiseksi kokonaisuudeksi, jonka muotoa

Lisätiedot

GRAAFINEN OHJEISTO 8/ Saimaan ammattikorkeakoulu Graafinen ohjeisto

GRAAFINEN OHJEISTO 8/ Saimaan ammattikorkeakoulu Graafinen ohjeisto GRAAFINEN OHJEITO 8/2018 1 aimaan ammattikorkeakoulu Graafinen ohjeisto Johdanto Tämä opas käsittelee LUT-korkeakoulujen kirjoitusasuja, ilmeitä ja visuaalisia elementtejä. LUT-korkeakoulut on keskittymä,

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

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

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

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

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

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

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

Ohjeita julkaisun tekijälle 2017 HSL viestintä

Ohjeita julkaisun tekijälle 2017 HSL viestintä Ohjeita julkaisun tekijälle 2017 HSL viestintä Sisällys 1. Johdanto...3 2. Ohjeita julkaisun tekijälle...4 3. Taittopohjat InDesign ja Word -muodoissa...4 4. Kannet...4 6. Sivujärjestys...5 6.1 Sisäkansi...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

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

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

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

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

Graafinen ohjeisto 2013

Graafinen ohjeisto 2013 Graafinen ohjeisto 2013 Yritystunnus Äänekosken Energian yritystunnus muodostuu kolmesta osasta: sinisestä ja oranssista muodosta, sekä logosta. Ensisijainen yritystunnus Ensisijainen yritystunnus Toissijainen

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 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

Suomen Ampumaurheiluliitto Finnish Shooting Sport Federation. Graafinen ohje visuaalinen ilme

Suomen Ampumaurheiluliitto Finnish Shooting Sport Federation. Graafinen ohje visuaalinen ilme Graafinen ohje visuaalinen ilme Sisällysluettelo 2. Saatesanat 3. Tunnus 4. Värit 5. Typografia 6. Tunnuksen kieliversiot ja juhlatunnus 7. Esimerkkejä graafisen ilmeen sovelluksista Graafinen ohje 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

Graafinen ohjeistus 03/2016

Graafinen ohjeistus 03/2016 Graafinen ohjeistus 03/2016 Sisältö Laatukeskuksen visuaalisen ilmeen tavoitteena on ilmentää laatua, ammattimaisuutta, uskottavuutta ja erinomaisuutta. Viestinnässä pyritään luomaan yksinkertaisen tyylikäs

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

Tuhat tarinaa hengittäjistä. Hengitysliiton graafinen ohje yhdistyksille

Tuhat tarinaa hengittäjistä. Hengitysliiton graafinen ohje yhdistyksille Tuhat tarinaa hengittäjistä Hengitysliiton graafinen ohje yhdistyksille Tuhat tarinaa Graafiset ohjeet yhdistyksille Tästä paketista löydät graafisia ohjeita ja neuvoja materiaalien tuottamiseen oman yhdistyksesi

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

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

2.1.1 Tunnus. Tunnuksen käyttö

2.1.1 Tunnus. Tunnuksen käyttö Tunnuksen käyttö 1 2 2.1.1 Tunnus Aalto-yliopiston merkki perustuu kysymykseen: minkälainen on Aalto-yliopisto? Kysymys kutsuu keskustelemaan ja arvioimaan sekä osallistumaan henkilökohtaisesti yliopiston

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

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

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

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

A-KILTOJEN LI TTO RY A-Kiltojen Liitto ry - Graafinen ohjeistus 4/2019

A-KILTOJEN LI TTO RY A-Kiltojen Liitto ry - Graafinen ohjeistus 4/2019 A-KILTOJEN LIITTO RY A-Kiltojen Liitto ry Graafinen ohjeistus Tunnus, käyttö A-Kiltojen Liitto ry:n tunnuksen väri on vihreä. Tunnusta tulee pääasiallisesti käyttää valkoisella tai mahdollisimman vaalealla

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

SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO

SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO SUOMEN VAPAAKIRKON LAPSI- JA NUORISOTYÖN GRAAFINEN OHJEISTO SISÄLTÖ Johdanto...3 Logo...4 Logon käyttö...6 Logo ja sloganit...8 Typografia...10 Värit...12 Valokuvien käyttö...14 2 Suomen Vapaakirkon lapsi-

Lisätiedot

Office 365 palvelujen käyttöohje Sisällys

Office 365 palvelujen käyttöohje Sisällys Office 365 palvelujen käyttöohje Sisällys Sisäänkirjautuminen... 2 Office 365:n käyttöliittymä... 3 Salasanan vaihto... 5 Outlook-sähköpostin käyttö... 7 Outlook-kalenterin käyttö... 10 OneDriven käyttö...

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