THL - Kansalaispalvelujen graafiset tunnisteet. Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys

Koko: px
Aloita esitys sivulta:

Download "THL - Kansalaispalvelujen graafiset tunnisteet. Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys"

Transkriptio

1 THL - Kansalaispalvelujen graafiset tunnisteet Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys

2 Palveluvaaka.fi & Omahoitopolut.fi

3 Teemavärit Kansalaispalveluiden ilmeeseen valitaan aina THL:n ohjeiston mukainen väriteema. Suositus on, että teemaväri valitaan Aihesivustopaletista. Aihesivustojen korostusvärit ovat esteettömyysvaatimusten mukaisia. Eri väreillä halutaan korostaa, että Kansalaispalvelut ovat omia kokonaisuuksiaan THL-brändin alla. THL:n vihreä pääväri on lähinnä käytössä Kansalaispalvelujen ylätunnisteessa.

4 Typografia THL:n verkkopalveluissa käytettävä fontti on Googlen tarjoama Source Sans Pro. Mikäli Googlen tarjoamaan kirjastoon ei saada yhteyttä, varafonttina on Arial. Source Sans Pro on päätteetön, moderni verkkokäyttöön sopiva fontti, joka sisältää useita leikkauksia aina erittäin ohuesta erittäin paksuun. Verkkopalvelussa käytössä ovat normal 400, italic, semibold 600, bold 700, bold italic ja palvelun otsikossa ultra-bold 900. Muita fontteja ei tällä hetkellä käytetä.

5 Ylätunniste Tärkein Kansalaispalveluja visuaalisesti yhdistävä tekijä on palvelujen ylätunniste. Ylätunniste koostuu seuraavista elementeistä: Palvelun otsikko, Source Sans Pro, ultrabold 900, RGB: #303030) THL:n logo. THL.fi:n logo sijaitsee aina ylätunnisteen oikeassa ylälaidassa. Logo on linkki THL.fi:n etusivulle ja se on niin sanottu pitkä versio, eli "Terveyden ja hyvinvoinnin laitos" yhdistettynä helmi-merkkiin. Raita THL:n vihreällä päävärillä, RGB: #7bc143 Kielivalinta, Source Sans Pro, Regular. Aktiivisen linkin RGB: #303030, Ei-aktiivisen linkin RGB: # Käytetään kokonaisia sanoja: SUOMEKSI ja PÅ SVENSKA.

6 Alatunniste Kansalaispalvelun sivujen alaosassa on aina muusta sisällöstä selkeästi erottuva alatunniste Alatunniste koostuu seuraavista elementeistä: Selkeästi erottuva taustaväri (RGB: #303030) Tummuusaste voi tarvittaessa vaihdella, katso seuraava sivu Palvelun sisäiset linkit, Source Sans Pro, Bold ja Regular, RGB: #FFFFFF Linkit ulkoisiin palveluihin (some, extranet, THL.fi), Source Sans Pro, Bold ja Regular, RGB: #FFFFFF ja palveluiden logot Yhteystiedot, Source Sans Pro, Bold ja Regular, RGB: #FFFFFF THL-logo, vasen alakulma, toimii linkkinä thl.fi - palveluun Muut tiedot, Palaute -, Tietoa palvelusta - ja Yhteystiedot -linkit, THL-logon ja copyright-tietojen välissä, Source Sans Pro, Regular, RGB: # Copyright-tiedot, oikea alakulma, Source Sans Pro, Regular, RGB: #606060

7 Alatunniste Alatunnisteen tummaa taustaväriä voidaan tarvittaessa vaalentaa eri tummuusasteisiin, jos vaaleampi sävy sopii paremmin palvelun ulkoasuun. Esteettömyyden takaamiseksi taustavärin tummuusaste tulee valita väliltä RGB: # #5d5d5d

8 Kuvalinja Käsiteltäessä hyvin henkilökohtaisia asioita, on tärkeää että kuvalinja luo uskottavaa, luotettavaa ja suomalaista mielikuvaa. Kuvia käytetään erityisesti palvelujen etusivuilla ns herokuva-alueela (iso pääkuva sivun yläosassa). Kuvien laadukkuus sekä teknisesti että tyylillisesti ja oikea tarinankerronnallinen viesti auttavat palvelujen laatutason nostamisessa. Teemoja lähestytään positiivisella näkökulmalla. Ei näytetä sairautta ja ongelmia, vaan keskitytään Kansalaispavelujen mahdollistamaan hyvinvointiin. Valoisa ulkoilma ja reippaat henkilöhahmot ovat monessa tilanteessa sopivia lähtökohtia. Kuvan epäterävyysalueen hyvä syvyyden tunnelma tarjoaa mahdollisuuden käyttää tekstiä tai muuta sisältöä kuvan päällä. Kuvaaja: Kai Kuusisto HUOM! Esimerkkikuvia, ei lopulliseen käyttöön!

9 Hero-kuvaelementti Kansalaispalveluissa käytetään ylätunnisteen alapuolelle tulevaa hero-kuvaelementtiä. Kuvalla sekä luodaan laadukasta ja luotettavaa mielikuvaa palvelusta, että se ohjaa katseen palvelun käytön kannalta tärkeimpään elementtiin: Palveluvaa assa hakutoiminnallisuus Omahoitopoluissa ohjaus testeihin Hero-kuvassa on syytä kiinnittää erityistä huomiota kuvan rajaukseen eri päätelaitteissa: taustan on pysyttävä riittävän yksinkertaisena ja rauhallisena, jotta tärkeät toiminnallisuudet erottuvat siitä.

10 Palvelun esittely -elementti Kansalaispalvelujen etusivuilla kerrotaan lyhyesti ja ytimekkäästi, mistä palveluissa oikein on kyse. Palvelujen idea pyritään kertomaan mahdollisimman yksinkertaisesti, yksi vaihe kerrallaan. Riittävillä päätelaiteleveyksillä (desktop ja tablet) vaiheet asetellaan horisontaalisesti vierekkäin. Vaiheittein kuvauksia voidaan rikastaa joko ikoneilla tai numeroinnilla.

11 Ohjaus muihin kansalaispalveluihin Kansalaispalvelujen etusivuilla esitellään myös muita sosiaali- ja terveyspalveluja. Suurin näkyvyys annetaan Palveluvaa alle ja Omahoitopoluille, jotka linkitetään ristiin kuvallisten nostojen avulla. Kuvissa käytetään Kansalaispalvelujen etusivujen teemakuvia. Muuta palvelut tuodaan esille vähemmällä huomioarvolla, tekstinostoina.

12 WCAG 2.0 AA tason esteettömyysvaatimukset THL:n kansalaispalveluita suunniteltaessa täytyy myös huomioida WCAG 2.0 AA tason esteettömyysvaatimukset. Verkkosisällön saavutettavuusohjeet 2.0 (Web Content Accessibility Guidelines [WCAG] 2.0) kattaa laajan joukon suosituksia, joiden avulla verkkosisällön saavutettavuutta voidaan parantaa. Näiden ohjeiden noudattaminen tekee sisällön saavutettavaksi laajalle joukolle ihmisiä, joilla on vammoja tai rajoitteita. Tällaisia ovat mm. sokeus ja heikkonäköisyys, kuurous ja huonokuuloisuus, oppimisvaikeudet, kognitiiviset rajoitteet, liikuntakyvyn rajoitteet, puhevaikeudet, valoherkkyys sekä näiden yhdistelmät. Näiden ohjeiden noudattaminen tekee verkkosisällöstä usein myös yleisesti käytettävämpää. Lisätietoa esteettömyysvaatimuksista esim. täältä:

13 Kiitos.

GRAAFINEN OHJEISTO. Päivitetty:

GRAAFINEN OHJEISTO. Päivitetty: Päivitetty: 8.2.2016 Liikemerkki - vaaka Woikosken liikemerkki muodostuu aina tekstilogosta ja sen yhteydessä olevasta tunnuksesta. Liikemerkin muotoja tai niiden suhteita ei saa venyttää tai vääristää

Lisätiedot

Visuaalinen identiteetti. Graafinen ohjeistus

Visuaalinen identiteetti. Graafinen ohjeistus Visuaalinen identiteetti Graafinen ohjeistus MEDRIAN OY SISÄLTÖ 01 VÄRIT 04 02 03 3... CMYK ja RGB 4... HELPien värit TYPOGRAFIA 5... Ensisijainen fontti 6... Toissijainen fontti 7... WWW-sivut LOGO 8...

Lisätiedot

Akavan. graafinen ohjeistus 3.12.2015

Akavan. graafinen ohjeistus 3.12.2015 Akavan 3.12.2015 graafinen ohjeistus Esipuhe Tunnus Opiskelijoiden tunnus Akavalainen-tunnus Tunnuksen suoja-alue Tunnuksen käyttö Väripaletti Typografia Kuvat, muodot ja värit Akavan slogan ja strategiset

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

Graafinen. ohjeistus Graafinen ohjeistus 1/2015 A-Kiltojen Liitto ry Graafinen ohjeistus Tunnus, käyttö A-Kiltojen Liiton tunnuksen väri on vihreä. Tunnusta tulee pääasiallisesti käyttää valkoisella tai mahdollisimman vaalealla

Lisätiedot

ABMcomposite Graafinen ohjeisto 1.0

ABMcomposite Graafinen ohjeisto 1.0 Esipuhe Tämä kevyt graafinen ohjeisto antaa perusohjeet ABMcompositen visuaalisten elementtien käytöstä markkinointiviestinnässä. Eri viestintätilanteissa harkitusti ja johdonmukaisesti käytetty visuaalinen

Lisätiedot

GRAAFINEN OHJEISTUS. Graafinen ohjeisto

GRAAFINEN OHJEISTUS. Graafinen ohjeisto GRAAFINEN OHJEISTUS LOGO SLOGANILLA Elämän peruspilarit Tunnus kokonaisuutena kuvaa vahvaa I-kirjainta viitaten Iisalmen kaupungin nimeen. Logon kantava idea tulee Koljonvirran pohjassa säilyneistä alkuperäisen

Lisätiedot

Parasta Lapsille. Graafinen ohjeisto. päivitetty 2016

Parasta Lapsille. Graafinen ohjeisto. päivitetty 2016 Parasta Lapsille Graafinen ohjeisto päivitetty 2016 Logo Parasta Lapsille -logo on ollut jo vuosikymmenet samanlainen. Tämän graafisen ohjeiston yhteydessä 2014 logoon tehtiin pientä päivitystä linjoihin

Lisätiedot

Hai uoto. luokseen kutsuva loistokunta. Graafinen ohjeisto

Hai uoto. luokseen kutsuva loistokunta. Graafinen ohjeisto Graafinen ohjeisto 1 Sisällys Esipuhe 3 Tunnus 4 Versiot 5 Käyttö 9 Vaakuna 10 Värit 11 Typografia 12 Graafiset elementit 13 Lomakepohjat 14 Vaakunalla 14 Markkinointitunnuksella 15 Kirjekuoret ja käyntikortit

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

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

GRAAFINEN OHJEISTUS 2017

GRAAFINEN OHJEISTUS 2017 GRAAFINEN OHJEISTUS 2017 SISÄLLYS JOHDANTO... 3 LOGO.... 4 VÄRIT.... 5 MUUT GRAAFISET ELEMENTIT... 6 KUVAT & VÄRIT.... 7 TYPOGRAFIA.... 8 LATAA TIEDOSTOT................... 9 2 JOHDANTO Tervetuloa tutustumaan

Lisätiedot

Keski-Suomen Yhteisöjen Tuki Graafinen ohjeistus 2014. www.kyt.fi

Keski-Suomen Yhteisöjen Tuki Graafinen ohjeistus 2014. www.kyt.fi Keski-Suomen Yhteisöjen Tuki Graafinen ohjeistus 2014 1 www.kyt.fi Keski-Suomen Yhteisöjen Tuki on keskisuomalainen kansalaistoiminnan ja sitä edustavien yhteisöjen kehittäjä. Keski-Suomen Yhteisöjen Tuen

Lisätiedot

Verkkosisällön saavutettavuusohjeet 2.0: hyviä ohjeita monimuotoisen sisällön suunnitteluun ja arviointiin

Verkkosisällön saavutettavuusohjeet 2.0: hyviä ohjeita monimuotoisen sisällön suunnitteluun ja arviointiin Verkkosisällön saavutettavuusohjeet 2.0: hyviä ohjeita monimuotoisen sisällön suunnitteluun ja arviointiin Ossi Nykänen Tampereen teknillinen yliopisto, Hypermedialaboratorio, W3C Suomen toimisto Terveyden

Lisätiedot

WASAGROUP» GRAAFINEN OHJEISTO 2. GRAAFISET ELEMENTIT...5 Tekstuuri... 5 Raita... 5 Flat Design... 5 Kerrokset... 6

WASAGROUP» GRAAFINEN OHJEISTO 2. GRAAFISET ELEMENTIT...5 Tekstuuri... 5 Raita... 5 Flat Design... 5 Kerrokset... 6 GRAAFINEN OHJEISTO WASAGROUP» GRAAFINEN OHJEISTO 2 SISÄLLYS LOGOT...3 Värit... 3 Asemointi... 3 VÄRIT...4 Värit logoissa... 4 Värit taustalla ja pinnoilla... 4 Sävyt... 4 Oikea väritila oikeassa ympäristössä...

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 LOGO IDEA 2 Siun sote tehdään, koska asioiden täytyy muuttua. Siun sote on uudenlaisen yhteistyön tulos. Hyviä palveluita ei väännetä rautalangasta vaan ne tehdään yhdessä. Siksi Siun

Lisätiedot

RATA-SM -sarjan graafinen ohjeistus Alkusanat Kuvapankki

RATA-SM -sarjan graafinen ohjeistus Alkusanat Kuvapankki GRAAFINEN OHJEISTUS RATA-SM -sarjan graafinen ohjeistus Tähän ohjeeseen on koottu RATA-SM -sarjan ulkoisessa ja sisäisessä viestinnässä käytettävien materiaalien ulkoasua koskevat ohjeet. Tärkeää on muistaa

Lisätiedot

Ohjeita informaation saavutettavuuteen

Ohjeita informaation saavutettavuuteen Ohjeita informaation saavutettavuuteen Tarkoitus Kasvattaa tietoisuutta ja lisätä esteettömän informaation aiheen näkyvyyttä ja sen merkitystä elinikäisen tasapuolisen oppimisen mahdollisuuksista Tukea

Lisätiedot

Sisällysluettelo. Esipuhe...2. Sisällysluettelo Tunnus Tunnuksen mittasuhteet ja suoja-alue Tunnuksen minimikoko...

Sisällysluettelo. Esipuhe...2. Sisällysluettelo Tunnus Tunnuksen mittasuhteet ja suoja-alue Tunnuksen minimikoko... Visual Manual 1 Esipuhe Pohjois-Karjala pyrkii pitkäjänteisillä ja johdonmukaisilla markkinointiviestinnän toimenpiteillä luomaan seudusta vahvan ja halutun brändin. Tavoitteena on rakentaa ja viestiä

Lisätiedot

Äänekosken Juniorijalkapallo

Äänekosken Juniorijalkapallo Äänekosken Juniorijalkapallo Graafinen ohjeistus 1 graafinen ohjeistus Sisällysluettelo Äänekosken Juniorijalkapallo -vaakunalogo 3 Äänekosken Juniorijalkapallo -tekstilogo 4 Logojen et ja koot 5 Värielementit

Lisätiedot

Graafinen ohjeisto 21.01.2013

Graafinen ohjeisto 21.01.2013 Graafinen ohjeisto 21.01.2013 Tunnus Kansallisen digitaalisen kirjaston asiakasliittymä Finna on arkistojen, kirjastojen ja museoiden yhteinen helppokäyttöinen verkkopalvelu. Finna-palvelu auttaa käyttäjiä

Lisätiedot

SISÄLLYS 1. YLEISTÄ VAAKUNA TUNNUKSET Puolangan logo Slogan TYPOGRAFIA VÄRIT

SISÄLLYS 1. YLEISTÄ VAAKUNA TUNNUKSET Puolangan logo Slogan TYPOGRAFIA VÄRIT Graafinen ohjeistus 28.10.2016 SISÄLLYS 1. YLEISTÄ... 3 2. VAAKUNA... 4 3. TUNNUKSET... 5 3.1. Puolangan logo... 5 3.2. Slogan... 6 4. TYPOGRAFIA... 7 5. VÄRIT... 8 6. GRAAFINEN ELEMENTTI... 9 7. SÄHKÖPOSTIN

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

TEKIN VISUAALINEN OHJEISTUS

TEKIN VISUAALINEN OHJEISTUS TEKIN VISUAALINEN OHJEISTUS VISUAALINEN OHJEISTUS Visuaalinen ilme on osa TEKin brändiä. Visuaalinen ilme symboloi organisaatiota, vahvistaa tavoiteltuja mielikuvia, lisää näkyvyyttä ja erottuvuutta. Ulkoisille

Lisätiedot

GRAAFINEN OHJEISTUS 1.0

GRAAFINEN OHJEISTUS 1.0 GRAAFINEN OHJEISTUS 1.0 Mainostoimisto Penbox 10-2015 TAIVASSALON LOGO Virallinen logo 2015 Taivassalon ilmeen keskeisin elementti on tunnus logotekstin yhteydessä. Yksimastoisesta purjelaivasta muodostuva

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

GRAAFINEN OHJEISTUS. Ilves ry

GRAAFINEN OHJEISTUS. Ilves ry GRAAFINEN OHJEISTUS Ilves ry Copyright Ilves ry Versio 1.0 / Marraskuu 2015 YLEISTÄ Tämä ohjeistus on rakennettu ohjenuoraksi Ilves ry:n henkilökunnalle sekä kaikille urheiluseuran sidosryhmille, joilla

Lisätiedot

Grisaille Graafinen opas

Grisaille Graafinen opas Sisällys Yritystunnuksen käyttö Yritystunnuksen käyttötapoja... 3 Esimerkkejä yritystunnuksen vääristä käyttötavoista... 4 Yritystunnuksen käyttö valokuvan kanssa... 5 Yritystunnuksen käyttö valokuvan

Lisätiedot

Kaakkois-Suomen ammattikorkeakoulun opiskelijakunta. Graafinen ohjeisto

Kaakkois-Suomen ammattikorkeakoulun opiskelijakunta. Graafinen ohjeisto Kaakkois-Suomen ammattikorkeakoulun opiskelijakunta Graafinen ohjeisto 1 Sisällys Tunnus 3 Tunnuksen suoja-alueet 4 Tunnuksen käyttö 5 Värit 6 7 Kaakkolennokit 8 Sovellukset Käyntikortit 9 Asiakirjapohja

Lisätiedot

Thl.fi. Käytettävyyden asiantuntija-arviointi. Terveyden ja hyvinvoinnin laitos Kati Haanpää, Katri Kleemola. Marjo Haahtela 20.12.

Thl.fi. Käytettävyyden asiantuntija-arviointi. Terveyden ja hyvinvoinnin laitos Kati Haanpää, Katri Kleemola. Marjo Haahtela 20.12. Thl.fi Terveyden ja hyvinvoinnin laitos Kati Haanpää, Katri Kleemola Käytettävyyden asiantuntija-arviointi Marjo Haahtela 20.12.2013 Sisältö 1. Johdanto 2. Havainnot 2.1. Nykyisiä hyviä ratkaisuja 2.2.

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

Terveyden ja hyvinvoinnin laitos

Terveyden ja hyvinvoinnin laitos Stakes/KTL Sivu 1/45 Terveyden ja hyvinvoinnin laitos, v.0.9 15.12.2008 Mira Rimpiläinen Stakes/KTL Sivu 2/45 SISÄLTÖ 1 Etusivu... 4 1.1 Palaute... 5 1.2 Sivukartta... 5 1.3 Tarkennettu haku... 6 1.3.1

Lisätiedot

Graafinen ohjeisto v.1.0

Graafinen ohjeisto v.1.0 Graafinen ohjeisto 2014 v.1.0 Sisällysluettelo 1. Logo ja sen käyttö 1.2. Logon turva-alueet 1.3 Logo mustavalkoisena ja negatiivina 1.4 Logon käyttö kuvan tai väripohjan päällä 2. Graafinen elementti

Lisätiedot

1. Selkokielisen verkkopalvelun graafinen ja looginen rakenne

1. Selkokielisen verkkopalvelun graafinen ja looginen rakenne Selkoheuristiikat 1. Selkokielisen verkkopalvelun graafinen ja looginen rakenne 1.1 Onko informaation määrä sivua kohti riittävän pieni? 1.2 Onko sivupohja rakenteet ja toiminnot toteutettu niin, että

Lisätiedot

jäsenapteekkien tunnus

jäsenapteekkien tunnus Suomen Apteekkariliiton jäsenapteekkien tunnus graafinen ohje 1.0 24.2.2005 Tunnus...2 Tunnuksen väri...3 Tunnuksen asettelu...4 Tunnus ja tekstityyppi...5 Tunnuksen ja nimilogon yhdistäminen...6 Tähän

Lisätiedot

Demokratia.fi Kansalaisaloite.fi Kuntalaisaloite.fi Lausuntopalvelu.fi Otakantaa.fi

Demokratia.fi Kansalaisaloite.fi Kuntalaisaloite.fi Lausuntopalvelu.fi Otakantaa.fi Demokratia.fi Kansalaisaloite.fi Kuntalaisaloite.fi Lausuntopalvelu.fi Otakantaa.fi otakantaa.fi På svenska Google-haku Otakantaa-sivustolta Etusivu Selaa hankkeita Tietopankki Ohjeet Tiedotteet Etusivu

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

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

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista

Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista 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

2. Graafi nen yrityskuva

2. Graafi nen yrityskuva 2. Graafi nen yrityskuva 2.1. Näin käytät tunnisteita 2.2. Liikemerkki / logo ja sen suhteet 2.3. Logon ja sloganin suoja-alueet 2.4. Logon käyttö 2.5. Typografi a 2.6. Värit TULIKIVI OYJ:N GRAAFINEN YRITYSKUVA

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

HAAGA-HELIA AVAA OVET TYÖELÄMÄÄN TUNNUS ESITTELY

HAAGA-HELIA AVAA OVET TYÖELÄMÄÄN TUNNUS ESITTELY GRAAFINEN OHJEISTUS HAAGA-HELIA AVAA OVET TYÖELÄMÄÄN TUNNUS ESITTELY Haaga-Helian graafinen ohjeisto linjaa sen, miltä näytämme ulospäin ja miten käytämme erilaisia graafisia elementtejä viestinnässä ja

Lisätiedot

TILASTOKESKUKSEN GRAAFINEN OHJE

TILASTOKESKUKSEN GRAAFINEN OHJE TILASTOKESKUKSEN GRAAFINEN OHJE 2.0 2015 SISÄLTÖ ESIPUHE 3 1 PERUSELEMENTIT 1.1 Tunnus 4 1.1.1 Tunnuksen suoja-alue 5 1.1.2 Tunnuksen käyttö 6 1.1.3 Tunnusoriginaalihakemisto 7 1.2 Värit 8 1.3 Typografia

Lisätiedot

Saatteeksi. OAJ:n graafisesta ilmeestä antaa tarvittaessa lisätietoa OAJ:n viestintäosasto.

Saatteeksi. OAJ:n graafisesta ilmeestä antaa tarvittaessa lisätietoa OAJ:n viestintäosasto. Graafinen ohjeisto 2 3 Sisältö 5 Saatteeksi Saatteeksi Tämän graafisen ohjeiston tarkoituksena on 6 Tunnus 7 Tunnuksen vaakaversio ja sloganversio 8 Tunnuksen väriversiot 9 Tunnuksen tiedostomuodot 10

Lisätiedot

TAMPEREEN SISU vuodesta d 1960 GRAAFINEN OHJEISTUS

TAMPEREEN SISU vuodesta d 1960 GRAAFINEN OHJEISTUS TAMPEREEN SISU vuodesta 1960 GRAAFINEN OHJEISTUS Sisällysluettelo LOGO Logo 3 Typografia. 5 Värit... 8 Lomakkeet 10 Kuvitus 12 - A KU UVITUS KEET LOMAKK TYPO GRAFI VÄRIT 2 LOGO TAMPEREEN SISU vuodesta

Lisätiedot

Käyttäjäkeskeisyys verkkopalveluissa

Käyttäjäkeskeisyys verkkopalveluissa Käyttäjäkeskeisyys verkkopalveluissa JHS-keskustelutilaisuus 6. kesäkuuta 2013 Raino Vastamäki raino.vastamaki@adage.fi Käyttäjäkeskeisyys verkkopalveluissa KLO 14.45 15.15 Käytettävyys ja esteettömyys

Lisätiedot

Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE. KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi

Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE. KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi 2015 Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi 1 Sisällysluettelo 1. Sivustolle rekisteröityminen... 2 2. Yrityksen lisääminen... 3 2.1. Yritystiedot...

Lisätiedot

Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla)

Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla) T A M P E R E E N Y L I O P I S T O Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla) Kasvatustieteiden yksikkö Kasvatustieteiden pro gradu -tutkielma NIMI NIMINEN

Lisätiedot

Oiva Akatemia Graafinen ohje 2008

Oiva Akatemia Graafinen ohje 2008 Oiva Akatemia Graafinen ohje 2008 Alustava 19.11.2008 Oiva Akatemia Graafinen ohje 2008 2 (10) 1 Markkinointitunnus Oiva Akatemian markkinointitunnus muodostuu tyylitellyistä oranssista O- ja harmaasta

Lisätiedot

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Viestintäpalvelut 9.6.2015 1 Sivupohjan tekeminen Ennen kuin alat tekemään hankkeen sivuja, tilaa Viestintäpalveluilta hankesivupohja ja ilmoita

Lisätiedot

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin

Lisätiedot

Opintopolun esteettömyyshaasteet

Opintopolun esteettömyyshaasteet Opintopolun esteettömyyshaasteet Saavutettava tieto- ja viestintäympäristö suosituksen julkaisuseminaari 31.3.2014 Verkkopäätoimittaja Satu Meriluoto, OPH Palvelun visio Kaikki tieto koulutuksesta kaiken

Lisätiedot

LOGO VÄRILLINEN LOGO. Turku Energian logo on selkeä ja erottuva. Kompaktin muodon ansiosta sitä on helppo käyttää eri yhteyksissä.

LOGO VÄRILLINEN LOGO. Turku Energian logo on selkeä ja erottuva. Kompaktin muodon ansiosta sitä on helppo käyttää eri yhteyksissä. VÄRILLINEN 4 Turku Energian logo on selkeä ja erottuva. Kompaktin muodon ansiosta sitä on helppo käyttää eri yhteyksissä. Logossa käytettyä typografi aa on modifi oitu, eli kaikki kirjaimet on piirretty

Lisätiedot

GRAAFINEN OHJEISTO. Mainostoimisto Aada

GRAAFINEN OHJEISTO. Mainostoimisto Aada GRAAFINEN OHJEISTO Mainostoimisto Aada JOHDANTO 1. TUNNUS 1.1 Tunnukset 1.2 Suoja-alue & koot 1.3 Tunnuksen käyttö 1.4 Tiedostomuodot 2. VÄRIT 2.1 Värimaailma 3. TYPOGRAFIA JOHDANTO K & H Annala Oy on

Lisätiedot

Graafinen ohjeisto 2010

Graafinen ohjeisto 2010 Graafinen ohjeisto 2010 1 Sisällys Johdanto 3 Liikemerkki 4 Värit 4 Tunnus 5-6 FinnMETKO-näyttelytunnus 7 Tunnusten virheellinen käyttö 8 Julkaisut 9 - KL-Uutiset 9 - Koneyrittäjä-lehti 9 - Lehti-ilmoitukset

Lisätiedot

EILA Ehdokas. Ehdokaskortti Esimerkki. Ehdokkaan vaaliteema. (taustattomalla kuvalla) 148 mm x 105 mm. Muista mainita vaalipiirisi

EILA Ehdokas. Ehdokaskortti Esimerkki. Ehdokkaan vaaliteema. (taustattomalla kuvalla)  148 mm x 105 mm. Muista mainita vaalipiirisi kortti Esimerkki (taustattomalla kuvalla) 148 mm x 105 mm haluamasi Kerro ytimekkäästi si Suomi kuntoon n kanssa käytetään kevennettyä apilalogoa ilman pyöreää taustaa kuva Tittelit EILA Synt. 19xx Tässä

Lisätiedot

Pikaohje Sopimus Pro verkkopalvelun käyttämiseen

Pikaohje Sopimus Pro verkkopalvelun käyttämiseen Pikaohje Sopimus Pro verkkopalvelun käyttämiseen Sopimus Pro -verkkopalvelu on tarkoitettu oppisopimuskoulutuksessa tehtävien jaksoarviointien ja koulutuskorvaushakemusten täyttämistä varten. Palvelua

Lisätiedot

SADe sosiaali- ja terveysalan palvelukokonaisuus. Minna Linsamo, hankepäällikkö, THL

SADe sosiaali- ja terveysalan palvelukokonaisuus. Minna Linsamo, hankepäällikkö, THL SADe sosiaali- ja terveysalan palvelukokonaisuus Minna Linsamo, hankepäällikkö, THL 1 Esityksen sisältö SADe-ohjelma THL:n uudet sähköiset kansalaispalvelut Omahoitopolut.fi Palveluvaaka.fi Mielenterveystalo.fi

Lisätiedot

Webmail on monipuolinen työkalu jolla voi tehdä paljon muutakin kuin lukea sähköpostia. Tässä ohjeessa on lyhyesti esitelty joitakin sen ominaisuuksia. Peruspostilaatikossa ei ole kaikkia ominaisuuksia,

Lisätiedot

Verkkopalveluuudistus

Verkkopalveluuudistus Verkkopalveluuudistus Johdanto Yliopiston verkkosivustoille toteutetaan parhaillaan uutta yliopiston strategiaa sekä uutta brändi-ilmettä tukevaa verkkopalvelun uudistusta. Samalla uudistetaan myös sisällön

Lisätiedot

ESIMERKKIDOKUMENTTI JARKKO IMMONEN

ESIMERKKIDOKUMENTTI JARKKO IMMONEN ESIMERKKIDOKUMENTTI JARKKO IMMONEN 26.5.2011 JAMK SISÄLLYS 1 ENSIMMÄINEN LUKU... 1 2 TOINEN LUKU... 2 2.1 toisen luvun ensimmäinen alakohta... 2 2.2 toisen luvun toinen alakohta... 3 2.3 toisen luvun kolmas

Lisätiedot

1. Graafiset peruselementit

1. Graafiset peruselementit 1.1. Tunnus Kalajoki tunnusta käytetään kaikessa Kalajoen kaupungin viestinnässä, niin tiedottamisessa, ilmoittelussa kuin mainonnassakin. Kalajoen vaakuna varataan virallisiin ja juhlallisiin käyttötarkoituksiin

Lisätiedot

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016 / / WordPress KÄYTTÖOHJE Sotkamo 2016 Sisältö Sisältö 1. Yleistä 2. Kirjautuminen ylläpitoon 2.1. Kirjaudu osoitteessa: http://sotkamo.valudata.fi/admin Myöhemmin: http://www.sotkamo.fi/admin 2.2 Salasana

Lisätiedot

Thl.fi konseptointi 2. työpaja

Thl.fi konseptointi 2. työpaja MARKO SAARINEN marko.saarinen@solita.fi +358 40 740 1711 TERO SAARENPÄÄ tero.saarenpaa@solita.fi +358 50 359 0556 Thl.fi konseptointi 2. työpaja 28/8/2012 Agenda Työpajasta Varsinaiset työt Status ja taustamateriaali

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

1 YLEISTÄ. Lapin liitto. Graafinen ohjeisto

1 YLEISTÄ. Lapin liitto. Graafinen ohjeisto SISÄLLYS 1 YLEISTÄ... 1 Lapin liitto... 1 Graafinen ohjeisto... 1 2 VAAKUNA JA LOGO... 2 2.1 Lapin maakuntavaakuna... 2 2.2 Logo... 4 2.3 Vaakuna ja logo yhteisenä tunnuksena... 5 2.4 Muut tunnukset...

Lisätiedot

Sometetaan Sitoumuksesta Pariisin ilmastokokouksen alla! Sitoumuksen yhteinen sosiaalisen median kampanja

Sometetaan Sitoumuksesta Pariisin ilmastokokouksen alla! Sitoumuksen yhteinen sosiaalisen median kampanja Sometetaan Sitoumuksesta Pariisin ilmastokokouksen alla! Sitoumuksen yhteinen sosiaalisen median kampanja 22. 29.11.2015 #Sitoumus2050 #Pariisi2015 Tulossa sitoumuksen tehneiden yhteinen some-kampanja

Lisätiedot

Metropolia Ammattikorkeakoulu Mediatekniikan koulutusohjelma. Miro Lahdenperä. Visuaalisen suunnittelun raportti VBP06S G

Metropolia Ammattikorkeakoulu Mediatekniikan koulutusohjelma. Miro Lahdenperä. Visuaalisen suunnittelun raportti VBP06S G Metropolia Ammattikorkeakoulu Mediatekniikan koulutusohjelma Miro Lahdenperä Visuaalisen suunnittelun raportti 15.10.2010 VBP06S G 0505188 1. Oppimisteknologiat... 3 2.MobileWorks... 5 3. Print Media...

Lisätiedot

Sosiaalinen media Facebook, Twitter, Nimenhuuto

Sosiaalinen media Facebook, Twitter, Nimenhuuto Sosiaalinen media Facebook, Twitter, Nimenhuuto Jani Koivula, 21.11.2010 Kuka on se oikea? 23.11.2010 TULe urheiluseuraan liikkumaan 2 Ovatko sidosryhmänne sosiaalisessa mediassa? Oletteko te? Sosiaalisen

Lisätiedot

Sisällys Word Wep App... 3 Excel Web App... 7 Powerpoint Web App OneNote Web App Excel Kysely Valmiin tiedoston tuonti Skydrive Pro

Sisällys Word Wep App... 3 Excel Web App... 7 Powerpoint Web App OneNote Web App Excel Kysely Valmiin tiedoston tuonti Skydrive Pro 1 Sisällys Word Wep App... 3 Excel Web App... 7 Powerpoint Web App... 11 OneNote Web App... 17 Excel Kysely... 20 Valmiin tiedoston tuonti Skydrive Pro ohjelmaan... 25 Blogi... 27 Kansiot... 28 Skydrive

Lisätiedot

Etelä-Savon sosiaali- ja terveyspalvelujen kuntayhtymän VISUAALINEN ILME.

Etelä-Savon sosiaali- ja terveyspalvelujen kuntayhtymän VISUAALINEN ILME. Etelä-Savon sosiaali- ja terveyspalvelujen kuntayhtymän VISUAALINEN ILME 2 Logo ja väritys 3 Logon käyttö ja asettelu 4 Logon suoja-alue ja minimikoko 5 Värimääritykset 6 Typografia 7 Käyntikortit 8 Kirjekuoret

Lisätiedot

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ennen kuin aloitat: 1. Asenna tietokoneeseesi ilmainen Miso Regular fontti, jonka saat täältä: https://www.fontspring.com/fonts/marten- nettelbladt/miso

Lisätiedot

Vinkkejä viestintään yhdistystoimijoille VIESTI HUKASSA? (TIIVISTELMÄ) SILMU-KYLÄT / SILMU-BYAR LI-MARIE SANTALA 2016 1

Vinkkejä viestintään yhdistystoimijoille VIESTI HUKASSA? (TIIVISTELMÄ) SILMU-KYLÄT / SILMU-BYAR LI-MARIE SANTALA 2016 1 VIESTI HUKASSA? (TIIVISTELMÄ) Vinkkejä viestintään yhdistystoimijoille SILMU-KYLÄT / SILMU-BYAR LI-MARIE SANTALA 2016 1 VIESTINTÄ Sanomien lähettämistä ja vastaanottamista Yhteisöjen välistä monimuotoista

Lisätiedot

Ratojen piirto Condesilla, ratamestarin osuus

Ratojen piirto Condesilla, ratamestarin osuus Karttojen tulostuksesta vastaa tähän nimetty tulostustiimi. Tavoite on myös saada yhä enemmän ratamestareita tekemään ratasuunnittelua itse Condesilla, jonka jälkeen viimeistelystä ja tulostuksesta vastaa

Lisätiedot

9=1 GRAAFINEN OHJEISTO

9=1 GRAAFINEN OHJEISTO 9=1 GRAAFINEN OHJEISTO TUNNUKSEN SUOJA-ALUE Tunnuksen käyttö eri materiaaleissa edellyttää suoja-aluetta sen ympärillä. Tämän alueen sisäpuolelle ei tulisi tekstiä*. Suoja-alueen koon määrittelystä voidaan

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 GRAAFISET

Lisätiedot

ESTEETTÖMYYSKATSAUS / SEINÄJOKI Annanpura Oy / 16.3.2016

ESTEETTÖMYYSKATSAUS / SEINÄJOKI Annanpura Oy / 16.3.2016 ESTEETTÖMYYSKATSAUS / SEINÄJOKI Annanpura Oy / 16.3.2016 2 SISÄLTÖ 1. YHTEENVETO 14 KAUPUNGIN VERKKOSIVUSTON ESTEETTÖMYYSKATSAUKSESTA... 3 KAIKILLA SIVUSTOILLA SUURIA PUUTTEITA... 3 YLEISARVOSANAT... 4

Lisätiedot

Office Video, pikaopas

Office Video, pikaopas Office 365 - Video, pikaopas Sisällys Palvelu... 2 Kanavan luonti... 3 Kuinka kanava kannattaa nimetä?... 4 Kanavan käyttöoikeudet... 4 Käyttöoikeustasot... 5 Videoiden lisääminen kanavalle... 6 Videon

Lisätiedot

Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 %

Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 % Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % 80 60 % 60 50 %

Lisätiedot

Mark Summary. Taitaja2015. Skill Number 206 Skill Verkkosivujen tuottaminen. Competitor Name

Mark Summary. Taitaja2015. Skill Number 206 Skill Verkkosivujen tuottaminen. Competitor Name Summary Skill Number 206 Skill Verkkosivujen tuottaminen ing Scheme Lock 08-04-2015 17:32:54 Final Lock 07-05-2015 14:59:04 Criterion Criterion Description s Day 1 Day 2 Day 3 Day 4 Total Award A B C D

Lisätiedot

Ylläpitoalue - Etusivu

Ylläpitoalue - Etusivu Crasmanager 5.2 Ylläpitoalue - Etusivu Sivut osiossa sisällön selaus ja perussivujen ylläpito. Tietokannat osiossa tietokantojen ylläpito. Tiedostot osiossa kuvien ja liitetiedostojen hallinta. Työkalut

Lisätiedot

YRITYS-SUOMEN BRÄNDIKIRJA

YRITYS-SUOMEN BRÄNDIKIRJA YRITYS-SUOMEN BRÄNDIKIRJA Luomme Suomelle parempaa tulevaisuutta Toimeliaisuus ja rohkea yrittäjyys luovat hyvinvointia Suomelle. Kilpajuoksussa menestykseen julkisten yrityspalveluiden tehtävänä on toimia

Lisätiedot

Saavutettava yliopisto esteetön opiskelu. Hannu Puupponen Hakija- ja opiskelijapalvelut

Saavutettava yliopisto esteetön opiskelu. Hannu Puupponen Hakija- ja opiskelijapalvelut Saavutettava yliopisto esteetön opiskelu Hannu Puupponen hannu.puupponen@jyu.fi Hakija- ja opiskelijapalvelut Jyväskylän yliopiston linjaukset opetussuunnitelmiin ja opetusohjelmiin lukuvuosille 2017-2020

Lisätiedot

Keskusta. Graafinen perusohje

Keskusta. Graafinen perusohje Graafinen perusohje Ilmeen tehtävänä on pitää viestintä selkeänä ja arvokkaana, vailla turhanpäiväisiä sirkustemppuja. Ilme palvelee sisältöä antamalla tilaa ajatuksille tekemällä painavasta asiasta kevyttä

Lisätiedot

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia.

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia. CSS1 CSS (Cascading Style Sheets) CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia. Esim.

Lisätiedot

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009 Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate

Lisätiedot

Tässä ei olla tekemässä taidetta vaan presentaatiota.

Tässä ei olla tekemässä taidetta vaan presentaatiota. AJATELTAVAA. Tässä ei olla tekemässä taidetta vaan presentaatiota. Portfolio on viestintää.. Portfoliolla on selkeä päämäärä. Oman osaamisen esiintuominen sekä tietenkin itsensä myyminen Te ette tee tätä

Lisätiedot

Graafinen. ohjeisto. Verohallinto

Graafinen. ohjeisto. Verohallinto Graafinen ohjeisto SISÄLTÖ Verovaakuna on osa Verohallinnon historiaa...2 1. PERUSELEMENTIT... 2 1.1 Yhteisötunnus...2 1.2 Yhteisötunnuksen käyttö...3 1.3 Yhteisötunnuksen kielletty käyttö...4 1.4 Verovaakuna...4

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

HTML5 -elementit jatkuu

HTML5 -elementit jatkuu HTML5 -elementit jatkuu Harjoitus: xhtml.htm -> html5.htm Muuta tämä xhtml dokumentti HTML5:ksi: http://users.metropolia.fi/~norrm/s12/kalasu/xhtml.htm Validoi myös koodisi: http://validator.w3.org/ "Mallivastaus"

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

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda

valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Valitsimista valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Muistin virkistykseksi elementtejä http://appro.mit.jyu.fi/doc/www/xhtml/ HTML-elementtien lisäksi valitsimille voidaan luoda

Lisätiedot

Thl.fi konseptointi 1. työpaja

Thl.fi konseptointi 1. työpaja MARKO SAARINEN marko.saarinen@solita.fi +358 40 740 1711 TERO SAARENPÄÄ tero.saarenpaa@solita.fi +358 50 359 0556 Thl.fi konseptointi 1. työpaja 20/8/2012 Agenda Lyhyet esittäytymiset Työpajan esittely

Lisätiedot

Hanna Airikka P721KNrB/B5222. Verkkosivuanalyysi. raportti Kulttuurituotannon ko.

Hanna Airikka P721KNrB/B5222. Verkkosivuanalyysi. raportti Kulttuurituotannon ko. Hanna Airikka P721KNrB/B5222 Verkkosivuanalyysi raportti Kulttuurituotannon ko. Toukokuu 2011 SISÄLTÖ 1 VERKKOSIVU... 2 1.1 Verkkosivun viesti ja kohderyhmä... 2 1.2 Ulkoasu... 2 1.3 Päivitys... 3 2 POHDINTA...

Lisätiedot

(Kirjoittajatiedot lisätään hyväksyttyyn artikkeliin, ei arvioitavaksi lähetettävään käsikirjoitukseen)

(Kirjoittajatiedot lisätään hyväksyttyyn artikkeliin, ei arvioitavaksi lähetettävään käsikirjoitukseen) HOITOTIEDE-LEHTI Artikkelin mallipohja ja kirjoitusohjeet (Päivitetty 6.1.2016) Yleiset artikkelin asetukset ja ohjeet: Käsikirjoituksen pituus: korkeintaan 4000 sanaa sisältäen tiivistelmän, tekstisivut,

Lisätiedot

Viestintä Ilmatieteen laitoksessa Avoin hallinto 27.3.2015. Nina Kukkurainen viestintäjohtaja

Viestintä Ilmatieteen laitoksessa Avoin hallinto 27.3.2015. Nina Kukkurainen viestintäjohtaja Viestintä Ilmatieteen laitoksessa Avoin hallinto 27.3.2015 Nina Kukkurainen viestintäjohtaja Ilmatieteen laitos - talo täynnä tarinoita Aihealueemme ihmislähtöisiä, siis jatkuvasti mediaa kiinnostavia

Lisätiedot

GRAAFINEN OHJEISTO. Logo ja merkki Typografia Visuaaliset elemenit. Matkailualan tutkimus- ja koulutusinstituutti GRAAFINEN OHJEISTO

GRAAFINEN OHJEISTO. Logo ja merkki Typografia Visuaaliset elemenit. Matkailualan tutkimus- ja koulutusinstituutti GRAAFINEN OHJEISTO GRAAFINEN OHJEISTO Logo ja merkki Typografia Visuaaliset elemenit Matkailualan tutkimus- ja koulutusinstituutti JOHDANTO Yhtenäinen ja laadukas visuaalinen ilme auttaa erottumaan, helpottaa viestintää

Lisätiedot

Esteetön korkeakoulun tieto- ja viestintäympäristö

Esteetön korkeakoulun tieto- ja viestintäympäristö Esteetön korkeakoulun tieto- ja viestintäympäristö Jyväskylän ammattikorkeakoulu 11.4.2012 Hannu Puupponen Jyväskylän yliopisto Saavutettava versio esityksestä: http://users.jyu.fi/~puuppo/esok/ Esityksen

Lisätiedot

Graafinen ohjeisto (27.6.2013)

Graafinen ohjeisto (27.6.2013) Graafinen ohjeisto (27.6.2013) Merkki Logotyyppi Alateksti Tunnus Lapin AMK:n tunnus koostuu kolmesta osasta: logotyypistä (Lapin AMK -teksti), merkistä ja englanninkielisestä alatekstistä. Tunnuksen minimileveys

Lisätiedot

Mobiilimainonta Miten tehdä onnistunutta mobiilimainontaa? InterQuest Oy Ville Österlund GlobalCEO

Mobiilimainonta Miten tehdä onnistunutta mobiilimainontaa? InterQuest Oy Ville Österlund GlobalCEO Mobiilimainonta 2016 Miten tehdä onnistunutta mobiilimainontaa? 1 InterQuest Oy Ville Österlund GlobalCEO 1 Mobiilin käyttö ja tavoitettavuus 2 Älypuhelimen penetraatio hipoo deskaria DESKTOP 88% 89% 89%

Lisätiedot