IHTE-2100 KaSuper Luento 3: visuaaliset suunnitteluperiaatteet, värit. Aiheet tänään. Visuaaliset suunnitteluperiaatteet - Sommittelu.

Save this PDF as:
 WORD  PNG  TXT  JPG

Koko: px
Aloita esitys sivulta:

Download "IHTE-2100 KaSuper Luento 3: visuaaliset suunnitteluperiaatteet, värit. Aiheet tänään. Visuaaliset suunnitteluperiaatteet - Sommittelu."

Transkriptio

1 IHTE-2100 KaSuper Luento 3: visuaaliset suunnitteluperiaatteet, värit Aiheet tänään Visuaaliset suunnitteluperiaatteet - Sommittelu Värit Visuaaliset suunnitteluperiaatteet (Mullet & Sano) Yksinkertaisuus Selkeys Johdonmukaisuus Miellyttävä ulkonäkö Visuaalisen selkeyden tapojen käyttöä Eli siis... - läheisyys (proximity): kaksi visuaalista ärsykettä jotka sijaitsevat lähellä toisiaan mielletään yhteenkuuluviksi - samanlaisuus (similarity): kaksi visuaalista ärsykettä joilla on jokin yhteinen ominaisuus mielletään yhteenkuuluviksi - sulkeutuvuus (closure): jos visuaaliset ärsykkeet (lähes) sulkevat sisäänsä jonkin alueen, katsoja näkee ko. alueen - jatkuvuus (continuity): jos viivat leikkaavat toisiaan, katsoja jakaa kokonaisuuden selkeästi jatkuviin osiin

2 Excel 1.04 Excel 1.51 Excel 2.2 Excel 3.0

3 Excel 4.0 Excel 2003 Excel 2003 Visuaaliset suunnitteluperiaatteet (Mullet & Sano) Yksinkertaisuus Selkeys Johdonmukaisuus Miellyttävä ulkonäkö

4 Sommittelu: Näytön tasapaino Ulkoinen tasapaino koostuu reunaviivojen suhteista ja muodosta Sisäinen tasapaino muodostuu tummuusasteesta ja symbolitasapainosta Kuvan tasapainoon vaikuttaa - kappaleiden paino ja painovoima - muotokielen sopusointu - törmääminen - paikallaan oleminen ja liike Kuvasommittelu - KUVASOMMITTELU.htm Sommittelu: Näytön tasapaino Epätasapaino luo visuaalisen jännitteen Kultainen keskiarvo sekä graafinen painotus ovat hyödyllisiä suunniteltaessa tasapainoista näyttöä Tyhjä tila on suunnittelun peruselementti Kultainen keskiarvo Sommittelu: Tilankäyttö Tilankäyttöä säätelevät - marginaalit - tyhjä tila elementtien välillä - ilmeen mukainen väljyys/taloudellinen tilan käyttö Elementit tulee ryhmitellä järkevästi - tyhjä tila - jakoviivat - laatikot Laadi taittopohja - esim. kanoninen suunnittelumalli - näyttöön korkeintaan 9 aluetta (Millerin luku) - yhtenäinen muiden ohjelmien/julkaisuiden kanssa Noudata opittuja, tuttuja käytäntöjä Tekstin koko kertoo tärkeydestä

5 Sommittelu: Kanoninen suunnittelumalli Sommittelu: Ikkunan sommittelusäännöt Säilytä marginaalit Toteuta ryhmittelyä ja läheisyyden periaatetta Muista linjaukset - kanoninen suunnittelumalli [Metsämäki] Fontti-dialogi Fontti-dialogi..

6 Sommittelu: Kolmiulotteisuus Kolmiulotteisen vaikutelman synty Pakopisteen vaikutus syvyysperspektiiviin Kolmiulotteisuuden tuntu käyttöliittymässä - Pieni kappale suuri kappale - Objektien osittainen päällekkäisyys - Liike Sommittelu: Näköharhat Esimerkki näköharhasta: Paksun palkin takaa kulkeva ohut viiva Näköharhat vaivaavat niin käyttäjää kuin suunnittelijaa Näköharhat ovat systemaattisia Näköharhoja käyttöliittymässä aiheuttavat mm. - geometriset kuviot taustakuvissa - paksun palkin takaa kulkeva ohut viiva - tiheät vaakasuuntaiset viivat - Ponzon kuvio - värit

7 Esimerkki näköharhasta: Tiheä vaakaraidoitus Esimerkki näköharhasta: Ponzon kuvio Esimerkki näköharhasta: : gif 80 Optical Illusions & Visual Phenomena by Michael Bach, University of Freiburg, Germany

8 Sommittelu: Typografia Typografialla tarkoitetaan kirjainmerkkejä ja niiden suunnittelua Kirjaimistoja ja merkistöjä on saatavilla satoja Kirjainmuotoja on kaksi - päätteellinen eli antikva - päätteetön eli groteski Kirjainten leveys vaihtelee Luettavuus riippuu tekstin koosta, muodosta ja kontrastista - Tekstin lukeminen tapahtuu 2 cm lohkoissa - Tekstin tasaaminen molemmista reunoista hidastaa lukemista n. 12 % Eri kirjaisinten käyttötarkoituksia Näytölle soveltuvia - Päätteettomät Huonosti näytölle soveltuvia - Script-tyyppiset kirjasimet - koristeelliset kirjasimet Taulukoihin - Tasajakoiset kirjasimet Pitkiin teksteihin - Päätteelliset kirjasimet Visuaalinen aakkosto Yrityksellä, tuotteella, tuoteperheellä tms. yhteinen standardi graafinen merkistö Yhdistää Auttaa luomaan käsitemalleja ja tuttuja koodauksia

9 Visuaalinen aakkosto jatkuu Windows 3.1 standardigrafiikkaa Visuaalinen aakkosto jatkuu Windows 95: visuaalinen aakkosto muuttunut: Aiheet tänään Visuaaliset suunnitteluperiaatteet - Sommittelu Värit Värit käyttöliittymässä Of all design elements, color most exemplifies the wholeness of design, the necessity to reason globally. Edward Tufte (1992)

10 Värien hyödyntäminen käyttöliittymässä Huomion kiinnittäminen Värien hyödyntäminen käyttöliittymässä Elementtien rakenteen ja prosessien tunnistaminen Värien hyödyntäminen käyttöliittymässä Esineiden ja asioiden realistinen kuvaaminen Värien hyödyntäminen käyttöliittymässä Ideoiden ja prosessien loogisen rakenteen kuvaaminen

11 Värien hyödyntäminen käyttöliittymässä Ajan kuvaaminen Värien hyödyntäminen käyttöliittymässä Huomion kiinnittäminen Elementtien rakenteen ja prosessien tunnistaminen Esineiden ja asioiden realistinen kuvaaminen Ideoiden ja prosessien loogisen rakenteen kuvaaminen Ajan kuvaaminen Värien hyödyntäminen käyttöliittymässä Viehättävyyden, uskottavuuden, muistettavuuden sekä ymmärrettävyyden lisääminen Tulkintavirheiden sekä epäselvyyden vähentäminen Redundantti koodaus Määrän ja laadun esittäminen rajallisessa tilassa Värien käyttö hyvä tehokeino, jolla voidaan - parantaa tunnistettavuutta - lisätä muistettavuutta - helpottaa luettavuutta - painottaa asioita - erotella sisältöjä - ilmaista tunnelmia - elävöittää mustavalkoista esitystä

12 Värit - tunnelma ja uskottavuus Värien käytön ongelmia Eivät välttämättä palvele käyttäjiä, joilla vaillinainen värinäkökyky Silmä väsyy näkemään väriä Voi myötävaikuttaa visuaaliseen sekaannukseen Kulttuurisidonnaisuus voi aiheuttaa negatiivisen, väärän tulkinnan Värit käyttöliittymässä Värillä on kolme ominaispiirrettä: - värisävy - kirkkaus - värikylläisyys Väri vahvistaa sanomaa ja vaikuttaa tunnelmaan Värien attribuutit: lämpötila - lämmin: suurempi, lähellä katsojaa - kylmä: pienempi, kauempana katsojasta Väri-illuusio Punainen teksti näyttää olevan omassa tasossaan ja sininen teksti näyttää olevan toisessa tasossa Punainen teksti näyttää olevan omassa tasossaan ja sininen teksti näyttää olevan toisessa tasossa Punainen teksti näyttää olevan omassa tasossaan ja sininen teksti näyttää olevan toisessa tasossa lyhyempi rivi punaista ja sininen teksti näyttää olevan toisessa tasossa lyhyempi rivi punaista ja sininen teksti näyttää olevan toisessa tasossa

13 Varaudu värisokeisiin käyttäjiin Värit - punavihersokeus N. 8 % miehistä sekä n. 4% naisista on värisokeita Älä viittaa ohjeissa pelkkään väriin Käytä redundantteja koodauksia Älä käytä vierekkäin punaista, vihreää, sinipunaista, ruskeaa ja harmaata Värisokeat erottavat toisistaan todennäköisimmin sinisen, keltaisen, mustan ja valkoisen Älä käytä värisignaaleja, joissa väri vaihtuu punaisesta vihreäksi, punaisesta keltaiseksi tai vihreästä keltaiseksi Vältä väripareja, joiden RGB-arvot eroavat vain punaisen osalta - valkoinen - turkoosi - vihreä - keltainen - sammaleenvihreä - oranssi - sininen - violetti Lähde: Värien käyttö Kvantitatiivinen, ei redundantti värikoodaus Testaa näyttöä ilman värejä - muista riittävä kontrasti tekstin ja taustan välillä ohut vaalea teksti tummalla taustalla pimeään/hämärään ohut tumma teksti vaalealle pohjalle valoisaan - toimiiko mustavalkotulosteena? Väreillä kulttuurisidonnaisia symbolimerkityksiä - käyttävätkö palvelua myös muiden kulttuurien edustajat?

14 Värien erottuvuus Värien psykologiaa Värien merkitys on opittua Esimerkkejä länsimaalaisista väriassosiaatioista: - punainen: vaara, kuuma, tuli, seis, viha - keltainen: huomio, varoitus, lämpö, aktiivisuus, aurinko, uusi - vihreä: saa edetä, turvallisuus, luonto, rauha, tuoreus, toivo, myrkky - sininen: kylmyys, vesi, taivas, jää, viileä, vetäytyvä, tosi - valkoinen: viattomuus, kunnollisuus, rehellisyys, kylmyys, totuus - musta: pimeys, yö kuolema, paheellisuus, viisaus, valta, murhe - harmaa: arkisuus, karuus, yhtenäisyys, toiveikkuus, konservatiivisuus

IHTE-2100 KaSuper 2007-2008 Luento 2: värit, kuvakkeet

IHTE-2100 KaSuper 2007-2008 Luento 2: värit, kuvakkeet IHTE-2100 KaSuper 2007-2008 Luento 2: värit, kuvakkeet Aiheet tänään Värit käyttöliittymäsuunnittelussa Kuvakkeiden suunnittelu Värit käyttöliittymässä Of all design elements, color most exemplifies the

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

VÄREISTÄ JA VAAROISTA

VÄREISTÄ JA VAAROISTA VÄREISTÄ JA VAAROISTA VÄRIEN KÄYTTÖ 1/2 asioiden ryhmittelyyn huomion kiinnittämiseen houkuttelevuuden lisäämiseen tyylikkyyden tavoitteluun kuitenkin liian paljon värejä = värikaaos (5+-2 väriä)

Lisätiedot

Luentoaikataulu Luento 2 (vko 49) Multimodaalisuus. Visuaaliset suunnitteluperiaatteet. IHTE-2100 KaSuper 2008-2009. Käyttöliittymätyyppejä

Luentoaikataulu Luento 2 (vko 49) Multimodaalisuus. Visuaaliset suunnitteluperiaatteet. IHTE-2100 KaSuper 2008-2009. Käyttöliittymätyyppejä IHTE-2100 KaSuper 2008-2009 Luento 2: multimodaalisuus, visuaaliset suunnitteluperiaatteet Luentoaikataulu Luento 1 (vko 49) Kurssijärjestelyt, käyttöliittymän määritelmä. GUI historiaa Luento 2 (vko 49)

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 3/8: Visuaalinen suunnittelu

Lisätiedot

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen 27.5.2005 Opetusmateriaalin visuaalinen suunnittelu Kirsi Nousiainen 27.5.2005 Visuaalinen suunnittelu Ei ole koristelua Visuaalinen ilme vaikuttaa vastaanottokykyyn rauhallista jaksaa katsoa pitempään ja keskittyä

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

IHTE-2100 Käyttöliittymäsuunnittelun perusteet

IHTE-2100 Käyttöliittymäsuunnittelun perusteet IHTE-2100 Käyttöliittymäsuunnittelun perusteet Lukuvuosi 2007-2008 Luentomoniste v. 1.1 osa a / Melakoski-Vistbacka SISÄLLYSLUETTELO 1. ALUKSI...2 2. STANDARDIT KÄYTTÖLIITTYMÄSUUNNITTELUSSA...3 2.1 VISUAALINEN

Lisätiedot

Tilkkuilijan värit. Saana Karlsson

Tilkkuilijan värit. Saana Karlsson Tilkkuilijan värit Saana Karlsson Tilkkutöissä erivärisiä kangaspaloja ommellaan yhteen ja siten muodostetaan erilaisia kuvioita. Värien valinta vaikuttaa siihen miten suunnitellut kuviot tulevat tilkkutyössä

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

Rullaverhot KUVIOLLISET KANKAAT

Rullaverhot KUVIOLLISET KANKAAT KANKAAT PEITTÄVIÄ TAI LÄPINÄKYVIÄ KATSO KANKAAN LUONNE KANKAAN KOHDALTA DL-596 Valkoharmaa DL-597 Hopean ruskea DL-598 Harmaan hopea DL-599 Valkovihreä Maksimi tilausleveys 195cm DL-3308 Pinkki violetti

Lisätiedot

HELIA 1 (15) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu 23.11.00 13:28

HELIA 1 (15) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu 23.11.00 13:28 HELIA 1 (15) Luento 3 Käytettävyyden osapuolet... 2 Ihminen tietojenkäsittelijänä... 3 Muistitoiminnot... 4 Työmuisti (lyhytkestoinen muisti )... 4 Säilömuisti (pitkäkestoinen muisti)... 4 Sensoriset muistit...

Lisätiedot

PMS 3298 C. (Sanomalehdessä. 100c, 0m, 50y, 5k) PMS 288 C (Sanomalehdessä 95c, 50m, 10y, 5k)

PMS 3298 C. (Sanomalehdessä. 100c, 0m, 50y, 5k) PMS 288 C (Sanomalehdessä 95c, 50m, 10y, 5k) PMS 288 C PMS 360 C PMS 220 C PMS 1525 C PMS 143 C SANOMALEHTIIN 95c, 50m, 10y, 5k 35c, 0m, 100y, 0k 15c, 85m, 17y, 5k 10c, 45m, 95y, 2k 100c, 0m, 50y, 5k 0c, 20m, 100y, 0k KÄYTÖSSÄ ON KAKSI ISKULAUSETTA.

Lisätiedot

$%& & % ' %& %#&& ' ( ) * ( + (, + (, + -

$%& & % ' %& %#&& ' ( ) * ( + (, + (, + - ! "#! " #$ "% &'( $%&&%'%&%#&&'( ) * ( + (,+ (, + - $. + $ /) * %&%& "" %& - )' $%&&%' %&%#&& 0 0 $%&%'% %%& * $%&&% 0 1) +,%&%'%% 0 $ -$%&%#&&.# 0 0 2 ' # 0 & #1 3 $ 4 3 $'/001 233,4# 5& "67 84#79:7 43

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* KESKENERÄINEN PIRAATTIPUOLUE. Visuaalisen suunnittelun ja viestinnän ohjeita Piraattipuolueen sisäiseen ja ulkoiseen viestintään

Graafinen ohjeisto* KESKENERÄINEN PIRAATTIPUOLUE. Visuaalisen suunnittelun ja viestinnän ohjeita Piraattipuolueen sisäiseen ja ulkoiseen viestintään versio 0.8 2010 Graafinen ohjeisto* PIRAATTIPUOLUE * Visuaalisen suunnittelun ja viestinnän ohjeita Piraattipuolueen sisäiseen ja ulkoiseen viestintään Alkusanat G raafiset ohjeistot ovat viestinnän alan

Lisätiedot

Visuaalisen suunnittelun alkeita. Aiheina

Visuaalisen suunnittelun alkeita. Aiheina Visuaalisen suunnittelun alkeita Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Visuaalisen suunnittelun perusteita Visuaalisen suunnittelun periaatteet (Dix et al.) CRAP-suunnittelumalli

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

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

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

Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön

Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön Johdanto sisällysluettelo Logo... 3 Logon käyttö... 4 Logon sovellukset... 5 Väripaletti... 6 Joensuun kaupunginteatteri on saanut uuden visuaalisen

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

Suunnittelijan sana. 3 Logo 4 Logon eri versiot 5 Logon käyttö 6 Logon virheellinen käyttö 7 Värimaailma 8 Typografia

Suunnittelijan sana. 3 Logo 4 Logon eri versiot 5 Logon käyttö 6 Logon virheellinen käyttö 7 Värimaailma 8 Typografia Graafinen ohjeisto Sisältö 2 Suunnittelijan sana 3 Logo 4 Logon eri versiot 5 Logon käyttö 6 Logon virheellinen käyttö 7 Värimaailma 8 Typografia Suunnittelijan sana Tämän graafisen ohjeiston tarkoitus

Lisätiedot

VÄRIT 12.2.2015 WWW-VISUALISOINTI - IIM60110 - VÄRIT

VÄRIT 12.2.2015 WWW-VISUALISOINTI - IIM60110 - VÄRIT VÄRIT 12.2.2015 Väri on silmään saapuvan valon aistittava ominaisuus, joka havaitaan näkö- ja väriaistilla. Värin aistiminen riippuu silmään saapuvan valon sisältämistä aallonpituuksista ja niiden voimakkuuksista.

Lisätiedot

Melan graafinen ohje. Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu.

Melan graafinen ohje. Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu. Melan graafinen ohje Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu. Selkeä ja yhtenäinen ilme vahvistaa positiivista mielikuvaa Melasta.

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

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

Johdatus vuorovaikutteiseen teknologiaan

Johdatus vuorovaikutteiseen teknologiaan Aiheina Visuaalisen suunnittelun alkeita Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Visuaalisen suunnittelun perusteita Visuaalisen suunnittelun periaatteet (Dix et al.) CRAP-suunnittelumalli

Lisätiedot

10/2011 Vinkkejä värivastaavuuden määritykseen

10/2011 Vinkkejä värivastaavuuden määritykseen Sävyvastaavaisuus Hyvä korjaustyö edellyttää joskus että sävyvastaavuus saavutetaan sävyttämällä tai häivytyksen avulla, tai kiillottamalla vanha maali. On siis tärkeää että vertaus alkuperäisen maalin

Lisätiedot

Tapani Huovila. Look. Visualisoi viestisi

Tapani Huovila. Look. Visualisoi viestisi Tapani Huovila Look Visualisoi viestisi INFORVIESTINTÄ OY HELSINKI i Tapani Huovila ja Inforviestintä Oy, 2006 Ulkoasu ja taitto: Tapani Huovila ISBN ii Look - visualisoi viestisi Ulkoasu, lähetettävän

Lisätiedot

WSC7 analysointia. 24.2.2013 Vanha-Ulvila

WSC7 analysointia. 24.2.2013 Vanha-Ulvila WSC7 analysointia 24.2.2013 Vanha-Ulvila Rastiväli 1 Lyhin valinta on sininen Sininen vai Punainen: sininen voi olla pari sekuntia nopeampi. Kesällä keltainen oikaistaisiin katkoviivalla merkittyä reittiä

Lisätiedot

Yliopistojen erilliset palautteet. Webropol kyselyn tulokset. RAPORTTI 2 Uudet värit portaaliin Testipäivä: 26.9.2011 sekä kysely Webropolissa

Yliopistojen erilliset palautteet. Webropol kyselyn tulokset. RAPORTTI 2 Uudet värit portaaliin Testipäivä: 26.9.2011 sekä kysely Webropolissa Palvelukonsortion johtoryhmän kokous 3-2011- 3.10.2011 RAPORTTI 2 Uudet värit portaaliin Testipäivä: 26.9.2011 sekä kysely Webropolissa Yliopistojen erilliset palautteet Helsingin yliopisto LIITE R1 Turun

Lisätiedot

VÄRI ON: Fysiikkaa: valon osatekijä (syntyy valosta, yhdistyy valoon)

VÄRI ON: Fysiikkaa: valon osatekijä (syntyy valosta, yhdistyy valoon) VÄRI VÄRI ON: Fysiikkaa: valon osatekijä (syntyy valosta, yhdistyy valoon) VÄRI ON: Biologiaa: näköaistimus (solut ja aivot) Kemiaa: pigmentti (väriaine, materiaali) VÄRI ON: VÄRI ON: Psykologiaa: havainto

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

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

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0 GRAAFINEN OHJEISTO kesä 2017 / v.1.0 JOHDANTO Tämän graafisen ohjeiston tarkoitus on ohjeistaa Eläinterapeutin visuaalisen ilmeen käyttöä ja määritellä ulkoasua, sekä visuaalista viestiä. Graafisen ohjeistoon

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

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

Myytävänä olevat tölkinvedin kukkarot

Myytävänä olevat tölkinvedin kukkarot 1 MUSTA/HOPEA ISO YMPYRÄ KUKKARO Koko 13 x 13 cm, pronssinvärinen kehys, pronssinvärinen nappi Hinta euroa 30 euroa+ postikulut 3 euroa MUSTA/KULTA ISO YMPYRÄ KUKKARO Koko 13 x 13 cm, pronssinvärinen kehys,

Lisätiedot

GRAAFINEN OHJEISTO 2017

GRAAFINEN OHJEISTO 2017 GRAAFINEN OHJEISTO 2017 Graafinen ohjeisto ja sen käyttötarkoitus Sisällys Tullinkulman Työterveys Oy:n uusi aputoiminimi on Pirte ja se otetaan käyttöön vuoden 2018 alusta alkaen markkinoinnissa ja muussa

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

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

Carmen Brecheis Michelle Cheng Johanna Järvelä Anna Kantanen

Carmen Brecheis Michelle Cheng Johanna Järvelä Anna Kantanen Carmen Brecheis Michelle Cheng Johanna Järvelä Anna Kantanen Onko Villa Breda koti vai laitos? Tietysti sen pitäisi olla koti! avulias persoonallinen lepoa-antava kutsuva interaktiivinen active aktiivinen?

Lisätiedot

ohjeistus retkikerho

ohjeistus retkikerho Graafinen ohjeistus Esittely Oulun luonnonsuojeluliiton alla toimiva Retkikerho on kanava, jonka avulla voi helposti irrottautua arjesta kaupungin lähiluontoon. Retkitarjonta on hyvin monipuolinen ja kerhon

Lisätiedot

GRAAFINEN OHJEISTUS LOGOT NENÄPÄIVÄ GRAAFINEN OHJEISTUS 2014 NENÄPÄIVÄ

GRAAFINEN OHJEISTUS LOGOT NENÄPÄIVÄ GRAAFINEN OHJEISTUS 2014 NENÄPÄIVÄ GRAAFINEN OHJEISTUS LOGOT GRAAFINEN OHJEISTUS 2014 GRAAFINEN OHJEISTUS LOGOT LOGO Nenäpäivä-tunnuksen kanssa saa leikkiä ja käyttää mielikuvitusta. Tunnukselle saa löytää uusia mitä merkityksellisempiä

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

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

Visuaalinen käyttöliittymäanalyysi

Visuaalinen käyttöliittymäanalyysi Visuaalinen käyttöliittymäanalyysi Johdanto Tehtävänä on analysoida Saariston ekologia-kurssilla käytettävän tietokoneohjelman käyttöliittymän visuaalisia ominaisuuksia. Vastaa ensiksi VisaWi -lomakkeeseen

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

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

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

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

EXTENSIONS CATALOG HIUSTENPIDENNYKSET HOITOTUOTTEET TARVIKKEET

EXTENSIONS CATALOG HIUSTENPIDENNYKSET HOITOTUOTTEET TARVIKKEET EXTENSIONS CATALOG HIUSTENPIDENNYKSET HOITOTUOTTEET TARVIKKEET HIUSEXTRA HEINILÄ OY Yrityksemme on toiminut pidennyshiusten ja -tarvikkeiden maahantuojana jo vuodesta 1985 lähtien. Jäsenyytemme kansainvälisessä

Lisätiedot

ViNOn graafinen ohjeisto, alpha 22.1.2013

ViNOn graafinen ohjeisto, alpha 22.1.2013 ViNOn graafinen ohjeisto, alpha 22.1.2013 Johdanto Graafiset ohjeistot ovat viestinnän alan yleinen käytäntö. Kaikessa järjestöviestinnässä käytetään organisaatiokohtaisia graafisia ohjeistuksia, jotta

Lisätiedot

Johdatus vuorovaikutteiseen teknologiaan 30.9.-9.10.2013

Johdatus vuorovaikutteiseen teknologiaan 30.9.-9.10.2013 Näköaisti Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Näköaisti Näköaistin toiminta ja näköhavainto Hahmolait (Gestalt law) Värit Näköaistiin liittyviä rajoitteita Värisokeus

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

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

Verkkopalvelun sisällöntuotanto

Verkkopalvelun sisällöntuotanto Verkkopalvelun sisällöntuotanto 8. luento 14.12.2005 erikoistutkija Kirsi Silius & tutkija Anne-Maritta Tervakari Hypermedialaboratorio Digitaalisen median instituutti Tampereen teknillinen yliopisto Teemat

Lisätiedot

Oppitunti 4 Värit 2. vaaleanvihreä - Tämä on vaaleanvihreä väri. vaaleanvihreä sammakko - Tämä sammakko on vaaleanvihreä.

Oppitunti 4 Värit 2. vaaleanvihreä - Tämä on vaaleanvihreä väri. vaaleanvihreä sammakko - Tämä sammakko on vaaleanvihreä. Oppitunti 4 Värit 2 musta - Tämä on musta väri. musta salkku - Tämä salkku on musta. musta sähköpistoke - Tämä sähköpistoke on musta. musta kissa - Tämä kissa on musta. Käännä omalle kielellesi. 1 vaaleanvihreä

Lisätiedot

Reittianalyysi Osakilpailu 8 Eurajoki, Kaharinmäki. RTM Riku Juhala ja Saku Asikainen

Reittianalyysi Osakilpailu 8 Eurajoki, Kaharinmäki. RTM Riku Juhala ja Saku Asikainen Reittianalyysi Osakilpailu 8 Eurajoki, Kaharinmäki 16.3.2014 RTM Riku Juhala ja Saku Asikainen K-1 Heti alussa tarkkavaisuutta! Punainen reitti on lyhin ja tässä tapauksessa myös nopein reitti. Selkeä

Lisätiedot

Lajittelu 10 Transponointi 12 GRAAFINEN ESITTÄMINEN 14 KAIKILLE KAAVIOTYYPEILLE YHTEISIÄ OMINAISUUKSIA 16 KAAVIOTYYPIT 18

Lajittelu 10 Transponointi 12 GRAAFINEN ESITTÄMINEN 14 KAIKILLE KAAVIOTYYPEILLE YHTEISIÄ OMINAISUUKSIA 16 KAAVIOTYYPIT 18 SISÄLTÖ NUMEERISEN TIEDON ESITTÄMINEN 7 ESITYSTAVAN VALINTA 7 HAVAINNOLLINEN TAULUKKO 10 Lajittelu 10 Transponointi 12 GRAAFINEN ESITTÄMINEN 14 KAIKILLE KAAVIOTYYPEILLE YHTEISIÄ OMINAISUUKSIA 16 KAAVIOTYYPIT

Lisätiedot

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

KLIFFAN GRAAFINEN OHJE

KLIFFAN GRAAFINEN OHJE KLIFFAN GRAAFINEN OHJE SISÄLTÖ 3 LEIRITUNNUS Yleistä Käyttötarkoitukset, Suoja-alue, Minimikoko & Värit SP:n ja Päpan logo SP:n logon säännöt, suoja-alue & värit 7 VÄRIT, TAUSTAT JA GRAFIIKKA KÄYTTÖOHJE

Lisätiedot

MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO

MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO 2011 Tämä graafinen ohjeisto esittelee Makulihan logon ja sen sovellukset, sekä antaa ohjeet yritysilmeen käyttöön. Ohjeistoa ja sähköisiä originaaleja käytetään

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

Nukkuminen on kultaa.

Nukkuminen on kultaa. 26 Nukkuminen on kultaa. Tietysti on välillä ihanaa nousta aikaisin ja nauttia aamun hiljaisesta sarastuksesta, mutta yksi lomapäivien parhaista asioista on se, kun saa nukkua juuri niin pitkään kuin huvittaa.

Lisätiedot

sanat nimet kätensä toimia toistaa ymmärtänyt

sanat nimet kätensä toimia toistaa ymmärtänyt AISTIVÄLINEET Aistivaikutelmat, joita lapsi saa, ja joita hän on jo koko olemassaolonsa aikana varastoinut, eivät pelkästään riitä, kun lapsi on rakentamassa älyään. Ne ovat tiedostamattomia, eikä lapsi

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

Valkeakosken ammatti- ja aikuisopiston. Graafinen ohjeisto

Valkeakosken ammatti- ja aikuisopiston. Graafinen ohjeisto Valkeakosken ammatti- ja aikuisopiston Graafinen ohjeisto Logo Liekkireunat Otsikkoteksti Luetteloteksti Osoite Graafisen ilmeen osat Valkeakosken ammatti- ja aikuiskoulutuskeskuksen visuaalinen ilme muodostuu

Lisätiedot

Digi-TV:n käytettöliittymät

Digi-TV:n käytettöliittymät Digi-TV:n käytettöliittymät Helppokäyttöisyys Tehokkuus Luotettavuus Virheettömyys Käyttäjän tyytyväisyys Käytettävyys Käyttäjäkeskeinen suunnittelu 19.11.2001 Sofia Digital Oy sivu 3 Käyttäjä, katsoja

Lisätiedot

Ihminen havaitsijana: Luento 8. Jukka Häkkinen ME-C2600

Ihminen havaitsijana: Luento 8. Jukka Häkkinen ME-C2600 Ihminen havaitsijana: Luento 8 Jukka Häkkinen ME-C2600 Kevät 2016 1 Luento 8: Värit 2 Luennon rakenne 1. Kolmiväriteoria 2. Vastakkaisväriteoria 3. Illuusioita 4. Värien pysyvyys 3 4 Värit Värinäkö tarkoittaa

Lisätiedot

Johdatus vuorovaikutteiseen teknologiaan 24.-26.9.2012

Johdatus vuorovaikutteiseen teknologiaan 24.-26.9.2012 Näköaisti Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Näköaisti Näköaistin toiminta ja näköhavainto Hahmolait (Gestalt law) Värit Näköaistiin liittyviä rajoitteita Värisokeus

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

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

monta vanupuikkoa vetoketju kaksi vetoketjua kolme vetoketjua Sanasto paristo kaukosäädin lokki savuke tupakka pyykkipoika pingviini vanupuikko

monta vanupuikkoa vetoketju kaksi vetoketjua kolme vetoketjua Sanasto paristo kaukosäädin lokki savuke tupakka pyykkipoika pingviini vanupuikko Oppitunti 5 - numerot yhdestä kymmeneen, monta yksi, kaksi, kolme, neljä, viisi, kuusi, seitsemän, kahdeksan, yhdeksän, kymmenen monta vanupuikkoa vetoketju kaksi vetoketjua kolme vetoketjua 1 pilvi kaksi

Lisätiedot

DESIGN MARIAN TUOTE- KUVASTO

DESIGN MARIAN TUOTE- KUVASTO DESIGN MARIAN TUOTE- KUVASTO Muut tuotteet MUUT TUOTTEET Tämä katalogi pitää sisällään kaikkea mahdollista kodin koriste-esineistä asusteisiin. Järjestyksessään tästä luettelosta löydät - Käsin maalatuttuja

Lisätiedot

Graafinen ohjeisto. Graafisessa ohjeistossa linjataan Inaria-brändin visuaalinen ilme ja sen käyttö.

Graafinen ohjeisto. Graafisessa ohjeistossa linjataan Inaria-brändin visuaalinen ilme ja sen käyttö. GRAAFINEN OHJEISTO Graafinen ohjeisto Graafisessa ohjeistossa linjataan Inaria-brändin visuaalinen ilme ja sen käyttö. Se tarjoaa työkalut sekä yrityksen sisäiseen brändin kehittämiseen että tavoitteelliseen

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

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

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

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

Johdatus vuorovaikutteiseen teknologiaan

Johdatus vuorovaikutteiseen teknologiaan Aiheina Näköaisti Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto *) Osan luentokalvoista on laatinut Jenni Anttonen syksyllä 2009. Näköaisti Näköaistin toiminta ja näköhavainto Hahmolait

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

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

Paneeliverho, Valmispituus 198 cm leveys 70 cm, väri valkoinen, alalatta 40 mm, valoverholaatu, kiinnitys verhokoukuilla 3

Paneeliverho, Valmispituus 198 cm leveys 70 cm, väri valkoinen, alalatta 40 mm, valoverholaatu, kiinnitys verhokoukuilla 3 HANKITTAVAT VERHOT TUOTERYHMÄ NISSNIKUN PÄIVÄKOTI/ HANKITTAVAT VERHOT Tuote numero Sijoitustila Hankittava verho 1 Aula 2 Neuvotteluhuone 3 Neuvotteluhuone Paneeliverho, Valmispituus 198 cm leveys 70 cm,

Lisätiedot

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita.

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Graafinen ohjeisto Tunnus Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita. Visio: Suomi on Euroopan kilpailukykyisin

Lisätiedot

GRAAFINEN OHJEISTO 11/2014

GRAAFINEN OHJEISTO 11/2014 GRAAFINEN OHJEISTO 11/2014 ROIHU -GRAAFINEN OHJEISTO SISÄLLYSLUETTELO 1. ROIHU-LOGO... 3 1.1. PÄÄLOGON KAKSI VERSIOTA... 4 1.2. VÄRIT JA LOGON KIRJASINTYYPPI... 5 1.3. PÄÄLOGON SUOJA-ALUE... 6 1.4. MUSTA

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

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

Graafinen. ohjeisto. Laureamkon Brändikirja Graafinen ohjeisto

Graafinen. ohjeisto. Laureamkon Brändikirja Graafinen ohjeisto Graafinen ohjeisto 1 Graafinen ohjeisto Liitteenä Laurea-ammattikorkeakoulun ammattikorkeakoulun opiskelijakunnan ohjeiston mukaiset mallit, joiden pohjalta visuaalista ilmettä toteutetaan. Sisällys 2

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

Alasinkatu 1 3, 40320 Jyväskylä Vaihde 020 720 9292 www.suomenallaslaite.fi Y tunnus 0522611 3

Alasinkatu 1 3, 40320 Jyväskylä Vaihde 020 720 9292 www.suomenallaslaite.fi Y tunnus 0522611 3 CARIBIAN MYRSKY #14105 Ohjelma 1 Trooppinen sade ja hajuste Ohjelman käynnistyttyä alkaa suihkussa lämmin trooppinen sade isoine ja pehmeine pisaroineen. Valaistus vaihtelee valkoisesta ja punaiseen. Hedelmäinen

Lisätiedot

Kanarialinnun perintötekijät Spalt = Saksankielinen sana ja tarkoittaa perityvä mutta ei näkyvä ominaisuus

Kanarialinnun perintötekijät Spalt = Saksankielinen sana ja tarkoittaa perityvä mutta ei näkyvä ominaisuus Kanarialinnun perintötekijät Spalt = Saksankielinen sana ja tarkoittaa perityvä mutta ei näkyvä ominaisuus Koodit eli kansain väliset tunnukset muuttuvat koko ajan, mutta ovat euroopassa laajasti käytössä,

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

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

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

Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville.

Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville. Graafinen ohjeisto Miten graafisilla sovelluksilla viestitään ja opastetaan? Toimiva graafinen ilme sovelluksineen kiteyttää yrityksen imagon, yhtenäistää yrityskulttuuria ja vapauttaa tärkeitä resursseja

Lisätiedot

Johdatus vuorovaikutteiseen teknologiaan TAUCHI Tampere Unit for Computer-Human Interaction

Johdatus vuorovaikutteiseen teknologiaan TAUCHI Tampere Unit for Computer-Human Interaction Näköaisti Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Näköaisti Näköaistin toiminta ja näköhavainto Hahmolait (Gestalt law) Värit Näköaistiin liittyviä rajoitteita Värisokeus

Lisätiedot