Viestinnän suunnittelu ja kehittäminen. Graafinen suunnittelu. Valokuvaus. Tekstit ja toimitustyö. Viestinnän koulutukset ja työpajat.

Samankaltaiset tiedostot
Visuaalisen ilmeen ohjeisto

SuLVI ry Pieni graafinen ohjeisto

Emma & Elias on RAY:n avustusohjelma lasten ja perheiden hyväksi. Ohjelma toteutetaan yhteistyössä Lastensuojelun Keskusliiton kanssa.

Graafinen ohjeisto v.1.0

Keskusta. Graafinen perusohje

HUOM! Ole yhteydessä liiton viestintään, kun alat suunnittelemaan uusia materiaaleja! Viestinnän yhteystiedot:

Sisältö. Tunnus ja slogan 3 Tunnuksen värit 4 Tunnus mustavalkoympäristössä 5 Vaakunan etäisyys tekstiosasta 5 Suoja-alue 5 Tunnuksen oikea käyttö 6

Värit. Logon käyttö ANILIINI VIOLETTI TUMMA VIOLETTI MUSTA VAALEA VIOLETTI

GRAAFINEN OHJEISTO VERSIO 2018/1

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 12/2018

Graafiset elementit

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 10/2018

1 Arkistolaitos Graafiset ohjeet

KOUVOLAN JENKKIPALLO RY. GRAAFINEN OHJEISTO / GRAPHIC MANUAL

Lquaerio edit volupta!

TIVIA GRAAFINEN OHJEISTO LOGO VÄRIT TYPOGRAFIA MUODOT

VISUAALINEN ILME SOVELLUKSET

ELÄKELIITTO. graafinen ohjeistus

VIHREAT. nuoret. graafinen ohjeisto

Metallipajan poika s. 4

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

SOMMITTELU & WWW-LAYOUT WEB-VISUALISOINTI - TTMS0400.6S0V2

Visuaalinen identiteetti. Graafinen ohjeistus

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

Taiton perusteet.

GRAAFINEN OHJEISTO VIDEOILLE SISÄISEEN KÄYTTÖÖN. Päivitetty

PK-PRO. Graafinen ohjeisto. Tunnukset voit ladata:

GRAAFINEN OHJEISTO

Vuosi 2019 on myös Lakimiesliiton 75. juhlavuosi, jonka osana kampanja toteutetaan.

Graafinen ohjeisto. Päivitetty

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019

Videoista voimaa! Parempia videoita mobiilisti. Jonne Hirvonen.

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

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

Graafinen. ohjeistus

Tuhat tarinaa hengittäjistä. Hengitysliiton graafinen ohje yhdistyksille

Palvelutaloyhdistyksen Graafinen ohjeisto

ViNOn graafinen ohjeisto, alpha

syksy 2013 Juha Valkeajoki ruoka harrastus paketti

HANHIKIVI 1 GRAAFINEN OHJEISTO

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

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

GRAAFISET OHJEET.

Kurikan kaupungin Graafinen ohjeisto

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen

Tapani Huovila. Look. Visualisoi viestisi

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto

INFRA RY:N GRAAFINEN

Lapin yliopiston ilmoitusmalli ja ohjeistus.

VOK Huoltopalvelut Oy Verkko-ohjeet

GRAAFINEN OHJEISTUS versio 1.0

Valkeakosken ammatti- ja aikuisopiston. Graafinen ohjeisto

Logo. TIEDOSTOMUODOT CMYK-versiot on tarkoitettu korkealaatuiseen tulostus- ja kirjapainokäyttöön.

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

Me olemme Tyks Graafinen ohjeisto

Kuvaviestintä. yksi kuva kertoo enemmän kuin tuhat sanaa. Tiedottaja Jenni Tiainen Kimpsu-koulutus

VISUAALINEN OHJEISTO

Visuaalinen identiteetti / Wunderman Helsinki

Graafi nen ohjeisto 2011

Sanasto Ry Graafinen ohjeisto 2 / 14. Sisällys

Mikä Emma & Elias? Tunnus...4. Typografia Värit Kuosit...9. Valokuvat Kuvitukset Käyntikortit...12

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu

Viestinnän ohjeisto 2.0

TAMPEREEN KAUPUNKI VIESTINTÄ

Värit. Punainen Pantone: 179 CMYK: 0C 90M 80Y 0K RGB: 199R 55G 53B Hex: #C73735

KUVA OLIS KIVA. kuva viestinnässä ja markkinoinnissa / Sanna Henttonen, graafinen suunnittelija, sanna.henttonen@phkk.fi

PORI ENERGIA OY GRAAFINEN OHJEISTO

UNISON COFFEE - GRAAFINEN OHJEISTUS

Graafinen. ohjeisto. Laureamkon Brändikirja Graafinen ohjeisto

ILOINEN. graafinen. Lempäälän seurakunta. takana paistaa aurinko LEMPÄÄLÄN SEURAKUNTA

GRAAFINEN OHJEISTO

SISÄLLYS. Tunnus 3 Värit 5 Typografia 6 Visuaalinen elementti 7 Ilmesovellukset 8 Kuvien käyttö 11. Uusimaa hanke Graafinen ohjeistus

Noora Vilén. oma katse. Kerällä Keltaisella talolla Huoltoasemalla

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

weela.net graafinen ohjeisto

Visuaalinen ilme Tunnusmallit Värimääreet Kirjasintyypit Graafiset elementit Asiakirjapohjia Julkaisujen kannet Julisteet Ilmoituspohjat

Tieteellisten seurain valtuuskunta GRAAFINEN OHJEISTUS. Tieteellisten seurain valtuuskunta versio 1.2 / Tieteen puolesta.

Tehyn graafinen ohjeistus

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen

Rakennamme huomisen menestyvää Suomea. Sitran graafinen ohjeisto

GRAAFINEN OHJEISTO OLLILA TRANS OY

Graafinen ohjeisto Päivitetty

VASEMMISTOLIITON VIESTINTÄ VÄLITTÄÄ

Visuaalinen ilme Tutkimusjulisteet

VIINI & LASI 1/2016 MAAHANTUOJAN ASIAKASLEHTI ANNISKELURAVINTOLOILLE.

Ohjeita Skanskan logon ja värien käytöstä

GRAAFINEN OHJEISTO. 01 BRÄNDIKONSEPTI 02 BRÄNDI-IDENTITEETTI 03 BRÄNDI-ILME Tampere.Finland Brändikirja 2018 // 1

Tutustu kameraasi käyttöohjeen avulla, syksy2011 osa 2

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

Suupohjan koulutuskuntayhtymä. Graafinen ohjeisto

KVPS Tukena Oy Graafinen ohjeisto 04/2018

TEKSTI JA TYPOGRAFIA LEHDESSÄ. Johdanto Arja Karhumaa

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

PYÖRÄLIITON VISUAALINEN OHJE

1 Tikkurilan judokat ry Logo- ja tunnusohjeisto Tikkurilan Judokat Ry Logo ja tunnus 2014

TAMPEREEN SISU vuodesta d 1960 GRAAFINEN OHJEISTUS

SUOMEN VOIMISTELULIITTO GRAAFINEN OHJEISTO

Kuvankäsittely. DigiReWork Annamari Mäenhovi Kati Nieminen

Arvokas. Graafinen ohjeistus

Transkriptio:

Viestinnän suunnittelu ja kehittäminen. Graafinen suunnittelu. Valokuvaus. Tekstit ja toimitustyö. Viestinnän koulutukset ja työpajat.

LinkedIn: Marjukka Kähönen Twitter: @MarJukkaK Kaikille eväät elämään -verkoston koulutus 10.12.

1. GRAAFINEN SUUNNITTELU 2. MATERIAALI KANAVAN MUKAAN 3. VALOKUVA JA VIDEO MOBIILILLA 4. SOVELLUKSET AVUKSI + TREENIÄ!

MIKÄ KUVA JÄI MIELEEN?

1. GRAAFINEN SUUNNITTELU

ELEMENTIT A j Mm. viivat muodot värit typografia tyhjä tila

kuvapinta SOMMITTELU elementtien järjestäminen mielekkääksi kokonaisuudeksi koko, muoto, paikka, suunta sommitteluohjeita esim. rule of thirds ja kultainen leikkaus

Kesä 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Ebita vollest eaquas es everibus aut quatem volumquo tem esciliq uibusciam dit, cum etureic iatiiss impores tibusdae niscitas sinit excescilit perum ipsaper estrum rerferum quiae. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

KESÄ 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

KESÄ 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

KESÄ 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

KESÄ 2019 varataan nyt Musa cor molori blaut am quat fuga. Nequi occus aut ipsam qui od quisci ulparunt, quati ullenimos eiur? Dam volorporepti simagni millabo ritionsequi dollicia sim quam illoribuscid et recto optatia volupta temquatis ma cum audit et acestotatur anduciameni coribus. Edigeni dolor sum nosantotatin commoluptat es mil moluptaecate vid magnis magnamus exeribus ra volluptas dolutem oluptiissunt experum sedit et am as autatem. Elicaepudae. Nam veniate corro conseque exerem fugitaectur arum quunt ma si dercia dolum il ea soluptae eum digni re, quibus explique nimolum quos natur, ant quiae consequo quam, sum volupti que re poremped estrum que con es ad que lab is et abo.

VÄRIT väriharmonia symboliset merkitykset värimaailmat: RGB (näyttö), CMYK (paino)

a a ERIKOISEMPIKIN OTSIKKOON Ingressi vaikka boldattua antiikvaleipätekstiä ja isompaa fonttikokoa. Leipäteksti antiikvaa ja lorem ipsum ere, sam, cus rehende reperro il ea et doluptibus is quat occatum dolest omnihicil invel ipsam necturi sciasi tem doluptat. Gias cum rem abo. Ehent esequam, senimint perchillis nempell igenis et venisima dolendam quiandunt aut mi, oditat alibus magnis enihillabor rerum dolorum con rero eturit, se rempor ratem inimus nonsedis molorro molecta tionsed qui dolores estisserat volorecum derferf eriaspe nonsed magni ut acepe vel ma es am in nost aut aut voluptio quo doles di omnis re dolenis Ebit as dolupta niendignis paribea tiscideni ipiendi genihil luptatur, que volupta doluptatent, omniscid mint vel ea sit eaquibu sdandelic tem diossintia volorepe cullab ipsae. Itatur? Dollandia ne prepedi beariam natis et aut et laut et ommolor ehent. Dis voloribus modi natem. Nempore ribusci enetus, tem vent voloriatet debistia quisqui dis moluptaspiet andae repelectio. Am doluptibus is quat occatum dolest omnihicil invel ipsam necturi sciasi tem doluptat. TYPOGRAFIA tärkeä osa suunnittelua fonttivalinnat: max 2 3/työ fonttityypit: antiikva, groteski välistykset kappaleiden, rivien ja kirjainten välillä kontrastit

KONTRASTIT ohjaavat silmän liikettä > kiinnittävät huomion haluttuun elementtien välinen kokoero, hierarkia, värit, painoarvo tukevat ja kertovat tarinaa

YKSI KAKSI 3

ME SOME SOME SOM ME SOME SOME SOM ME SOME SOME SOM E SOME SOME SOME E SOME SOME SOME

TUTKI: linjoja, viivoja, sommittelua typografiaa muotoja ja värejä kuvakulmia, liikettä, suuntaa kontrastia, painoarvoa tasapainoa ja tyhjää tilaa (white space)

Visuaalinen ilme koostuu tyypillisesti typografiasta, väreistä, logosta, visuaalisista elementeistä, kuvamaailmasta, muotokielestä ja pinnanjaoista. Nämä osat muodostavat kokonaisuuden, jotka yhdessä ovat brändisi persoonan visuaalinen kuva. Mikko Nuuttila, Villivisio ORGANISAATION VISUAALINEN ILME rakentaa brändiä on johdonmukainen ja määritellään usein graafisella ohjeistolla

KUVAPANKKI, AMMATTI- KUVA, OMA KUVA Mieti kohderyhmää, käyttötarkoitusta ja viestiä: mikä tukisi ydinviestiä ja tavoitetta parhaiten? Riittääkö kuvitus/taustakuva? Satsaa laatuun: osta kuvaaja tarvittaessa

1. KENELLE KOHDERYHMÄ 2. MIKSI TAVOITE 3. MITÄ JA MITEN SISÄLTÖ 4. MISSÄ, MILLOIN VÄLINEET

Instagram: 1:1 Twitter: 16:9 2. KANAVA- KOHTAISET MATERIAALIT

KUVAN LAATU resoluutio ppi = pixel per inch, eli pikseliä (väripistettä) per tuuma näyttöresoluutio: 72 tai 96 ppi aikakauslehti 300 ppi kuvan koko esim. 1080x720 (leveys x korkeus)

HUOM! sama kuvakoko ei käy eri tuotteisiin Esim. nettibanneri 300x150 ppi > kuva aikakakauslehden resoluutiolla on vain 2,5x1,2 cm

VIDEON LAATU DVD/SD: 720x576 Blu-ray, HD: 1280x720 Full HD: 1920x1080 4K: 3840x2160 Yleisin kuvasuhde nykyään 16:9

HD-video: 16:9 Linkkijaot: 2:1 Instagram: 1:1 Instagram Stories 9:16 16:9 TSEKKAA: kuvakoot videoasetukset mainoskuvien rajoitukset sisällöllinen sopivuus (Facebook/Instagram/Twitter) 2:1

3. VALOKUVA JA VIDEO MOBIILILLA

ENNAKKOON 1. Selvitä ja mieti kuvan käyttö Tavoite, kohderyhmä, kanava, kuvan muoto?

ENNAKKOON 1. Selvitä ja mieti kuvan käyttö Tavoite, kohderyhmä, kanava, kuvan muoto? 2. Missä otat kuvan? Ulkokuva vai sisäkuva, tausta, valo, kuvaussuunnitelma

ENNAKKOON 1. Selvitä ja mieti kuvan käyttö Tavoite, kohderyhmä, kanava, kuvan muoto? 2. Missä otat kuvan? Ulkokuva vai sisäkuva, tausta, valo, kuvaussuunnitelma 3. Välineiden huolto Akku täynnä, muistikortti tyhjä, linssi puhdas

4.11.2018 Juha Sipilä HS:lle: Hallitus leikkasi ehkä liikaa

10.3.2011 Urpilainen sähähti Kiviniemelle

14.4.2015 Sauli Niinistö nähtiin yllättävissä puuhissa BBC ihmettelee

1/2015 Nopeaa ja pikkuisen piikikästä, kuvailee Tarja Halonen huumorintajuaan Pentin kanssa.

KUVAUSPAIKALLA 1. Ole ajoissa ja tutustu kuvauspaikkaan Tutki tilaa, tutustu ihmisiin. Sammakko/lintuperspektiivi?

KUVAUSPAIKALLA 1. Ole ajoissa ja tutustu kuvauspaikkaan Tutki tilaa, tutustu ihmisiin. Sammakko/lintuperspektiivi? 2. VALOkuvaus vaatii valoa Siristä silmiä: näet valo/varjoalueet

KUVAUSPAIKALLA 1. Ole ajoissa ja tutustu kuvauspaikkaan Tutki tilaa, tutustu ihmisiin. Sammakko/lintuperspektiivi? 2. VALOkuvaus vaatii valoa Siristä silmiä: näet valo/varjoalueet 3. Ota testikuvia Valotus, sommittelu, värilämpötila

RAJAUS erikoislähikuva... yleiskuva huomioi tausta kuvaan mahdutetaan usein liikaa älä rajaa nivelten kohdasta

KOHDE ESIIN tarkenna täppäämäällä syvyysterävyys > laatu! kuvakulmat: etuala/taka-ala valon suunta: minne varjot?

RAUHASSA! ota ensin kuvia kauempaa älä panikoi: kiire pilaa kuvat keskity kuvattavaan, juttele, ole rauhallinen ja kiinnostunut kuvattavasta toiminnalliset kuvat

KOKEILE metaforat, aasinsillat, herättely yksityiskohdat kertovat tarinan kun kuvaat ryhmää: tarvittaessa lavasta esim. läheisyys näkyväksi rekvisiittaa kuvattaville

MILLOIN VIDEO? toiminnan kuvaus ihmiset: ääni ja tarina esiin HUOM! tekstityksen tärkeys somessa lyhyttä: 2 min ok, alle min yes!

SUUNNITTELE 1. Synopsis: miksi, mitä, kenelle, miten 2. Storyboard: visualisoi + mieti äänët 2. Tee planssit ennakkoon 3. Suunnittele kuvaustilanne 4. Kuvaa, editoi + julkaise

VIDEOKUVAUS 1. Tue kamera johonkin 2. Liiku itse vain vähän 3. 180 asteen sääntö 180 astetta 4. Äänenlaatu tärkeä, mikki? 5. Kuvaa liikaa alkuun ja loppuun

EDITOINTI + JULKAISU hyvää editointia ei huomaa Huomaa: musiikki + äänet kuvakulmat tarinankerronta videon nimi (tekijätaho häivytetty) vähemmän on enemmän: ei täyteen efektejä! hyvä nimi videolle + saate somepostaukseen

SOVELLUKSIA TÄNÄÄN ILMAISIA KUVIA: www.pexels.com ILMAINEN KUVANKÄSITTELYOHJELMA: www.pixlr.com ILMAINEN TAITTO-OHJELMA: www.canva.com VIDEOEDITOINTI MOBIILILLA: FilmoraGo

TREENITEHTÄVÄT 1. Joulu/tapahtuma/muu organisaatiopostaus Canvalla 2. Sitaattipohja omalle hankkeelle Canvalla 3. Infograafipostaus Canvalla 4. Henkilökuvaus: 3 erilaista kuvaa 5. Lyhyt pitchaus -video parin kanssa + editointi

KIITOS! www.noonkollektiivi.fi