Värien käyttö / Graafinen suunnittelu

 Värien käyttö graafisessa suunnittelussa

Väriyhdistelmät

• Vihreä: Vihreää yleensä yhdistetään keltaiseen, mustaan, valkoiseen, ruskeaan ja vaaleanpunaiseen. Vihreää itse pinta-alaltaan käytetään hyvin paljon ja monie eri vihreiden sävyjä kanssa.
• Sininen: Sinistä yhdistetään eniten valkoiseen, kultaiseen, harmaaseen, persikanväriin ja mustaan. Sinistä pinta-alaltaan on kanssa todella paljon, melkein koko graafisen materiaalin koko.
• Vaaleanpunainen: Yleisimmät väriyhdistelmät ovat valkoisen, mustan, persikanvärin, oranssin ja kultaisen kanssa. Vaal.punaista pinta-alaltaan yleensä on joko koko graafisen materiaalin kokoisesti tai pieni väripilkku sitä.
  
  
  

Toimiala ja teema

• Vihreä: Kytkeytyy enimmäkseen luontoon. Luonnonsuojelu infografiikat ovat suosituimpia.
• Sininen: Kytkeytyy eniten bisnespuoleen ja kouluun. Tosi ammattimainen väri. 
• Vaaleanpunainen: Kytkeytyy ns. tyttömäisiin asioihin, kuten esim. meikkeihin, ripsiin, kosmetologisiin asioihin, kakkuihin jne. 

Miten käyttää sinistä, vihreää ja vaaleanpunaista graafisissa materiaaleissa
Jos haluaa ammattimaisen ja siistin graafisen materiaalin, niin kannattaa käyttää sinistä. 
Vihreää kannattaa käyttää kun teet jotain graafista materiaalia koskien luontoa tai maapalloa yms. 
Vaaleanpunaista sopii käyttää kun haluaa ns. hennon vaikutelman. Se on tyttömäinen ja kaunis monien eri värien kanssa. Siitä saa todella luksusmaisen ja kalliin näköisen, kun yhdistää kultaa.

Asiakashankinta / Asiakkaiden esittely

 Asiakashankinta

Saimme ensimmäiset asiakkaat suhteiden kautta. Minä hankkisin 2 asiakasta ystäväpiiristäni ja toinen tiimiläisistäni sai asiakkaan kanssa kaverin kautta. 

Ensimmäiseksi on tärkeää googlettaa asiakas ja kartoittaa mitä he mahdollisesti tarvitsevat. Seuraavaksi on soitto asiakkaalle ja täytyy neuvotella aikataulusta, saada selville asiakkaan tarpeet ja preferenssit tuotteelle. 

Sitten alkaa yhteistyö asiakkaan kanssa. Täytyy jatkuvasti olla yhteydessä, jotta lopputulos on molemille mieleinen. 

Asiakkaiden esittely 

• Perhekoti Arki Oy : Haluaa kirjekuoreen graafista materiaalia.
• Yksityishenkilö, artisti: Tarvitsee albumin kannen uuteen levyynsä.
• Kiskon saneeraus: Haluaa päivittää käyntikorttinsa.

Graafinen suunnittelu / TRENDIT 2020

Viisi kovinta trendiä vuodelle 2020

1. Brändi-identiteetti eli pelkkä logo ei riitä. Tarvitaan kokonainen visuaalinen ilme (fontti, värit, muodot jne) ja kaikessa toistuva perusviesti.
2. Räväkkä ja rajoja rikkova street/punk.
3. Tyylikäs ja kaunis art deco: vallalla on murretut värit ja yleisilme on harmoninen.
4. Metallista futurismia ja avaruudellisuutta: metallista pintaa, päällekkäisyyksiä, varjoja. Tummaa.
5. Isot, lihavoidut typografiat

Tuotesuunnittelun prosessi / Mielen tyhjentäminen

Tuotesuunnittelun vaiheet:

1. Tiedonhankinta : Etsi tietoa työsi aiheesta. 
2. Tee luonnoksia: Tee monia eri luonnoksia, säilytä kaikki

1. Valitse ne kuvat jatkoon mitä voi työstää enemmän: Tee valituista lisää eri versioita.

1. Valitse paras luonnos: Piirrä luonnos puhtaaksi Illustratorilla.

1. Tee parhaasta luonnoksesta lisää luonnoksia kunnes olet tyytyväinen
2. Etsi uusia luonnoksia Jos valitsemasi luonnos ei ollutkaan se oikea. Eli palaa ensimmäisten luonnosten pariin ja valitse uusi.

 Mielen tyhjentäminen

Suunnitteluprosessin ensimmäinen vaihe.

Kun alkaa suunnittelemaan jotain ideaa niin on tärkeää ensin ns. tyhjentää mieli, jotta parhaat ideat tulevat esiin. Kokeiltiin tätä kasvis/hedelmäteemalla keskiviikkona koulussa. Aloin piirtämään, maalaamaan, leikkaamaan, rakentamaan erilaisia hedelmiä ja kasviksia papereille. Yhteen luonnokseen saa käyttää hyvin vähän aikaa ja näitä pitää tehdä kymmeniä. Eikä saa käyttää kumia! 

Erilaisia luonnoksia

Erilaisia luonnoksia

Erilaisia luonnoksia

Erilaisia luonnoksia

5 lukemisen arvoista blogia

5 kiinnostavaa blogia

Tässä minun top 5 blogia, jotka ovat hyödyllisiä visualistin opinnoissa. Näistä blogeista saan inspiraatiota omiin töihini.

https://millahoo.com/ 

Siisti, simppeli ja helposti luettava blogi. Visualistin asioita laidasta laitaan, joten niitä on kiinnostava lukea. Tämä blogi inspiroi minua omissa töissäni. 

Blogin etusivu

https://www.hillastenlund.com/

Lifestyle blogi. Siisti, vaalea ja esteettinen ulkoasu. Kivoja valokuvia perheestä ja heidän menosta. Paljon kiinnostavaa luettavaa sisustuksesta hyvinvointiin ja resepteihin. Hyvänlaatuisia kuvia, mukava katsella. Ei liikaa tekstiä, pitää mielenkiinnon yllä.

Blogin etusivu

http://www.minnajones.com/

Sisustussuunnittelija ja stylisti. Tehnyt töitä mm. Blau keittiölle, Asun lehdelle, Lundialle, Marimekolle, Ikealle. Selkeä ja minimalistinen ulkoasu, mikä viehättää minua. Valtavan inspiroivia kuvia sisustamiseen. Kertoo myös hänen arjestaan, mikä on kiinnostavaa.

Blogin etusivu

https://www.digikuvaaja.net/

Valokuvausblogi. Todella hienoja kuvia ja hyviä vinkkejä valokuvaukseen, esim. revontulien valokuvaaminen - helpot vinkit onnistuneisiin kuviin. Blogi auttaa minua tulevaisuudessa valokuvausjärjestelyssä, täältä voin katsoa vinkkejä hyviin kuviin. 

Blogin etusivu

https://elisabethheier.no/

Hyvin esteettinen, sisustukseen keskittyvä blogi. Tyyli on hyvin skandinaavinen. Paljon hyvin kauniita kuvia. 

Blogin etusivu

Graafinen suunnittelu / Taitto

Graafisen suunnittelun perusteet:
Taitto

Sommittelu / Composition

• Kuvien on tarkoitus olla harmoniassa ja tasapainossa. Tarkoitus on sommittelemalla muodostaa yhtenäinen ja mielenkiintoinen kokonaisuus.
  
  
• Heidin kuva: Keltaisessa esimerkkikuvassa näkyy sommittelu niin, että bussit on peilikuvat ja kaikki asiat on vaakatasossa. 
  
  
• Vilman kuva: Sinisessä kuvassa asiat ovat sommiteltu tasapainoiseksi: asioita on molemmilla puolilla kuvaa. Iso muffinsi vie puolet kuvasta ja tekstit toisen puolen.  

Ryhmitä & Rytmitä / Proximity

• Heidin kuva: Selkeesti kuvat omassa ryhmässä, otsikot omassa ryhmässä ja pienet tekstit omassa ryhmässä. Rytmitys on niin, että kaikki on jaettu kolmeen osaan.  
  
  
• Vilman kuva: Erotettu otsikot isommalla, pienet tekstit selkeästi pienemmällä. Kaikki tekstit pystysuorassa kahdessa osassa. Iso kuva kakusta ja iso otsikko samassa kohdassa allekkain.  
  
  
• Maijan kuva:  Värien mukaan ryhmitelty ja rytmitys on niin, että kolme riviä allekkain ja vaakatasossa. Otsikko oma ryhmä ja pienet tekstit omassa ryhmässä.  

Tila / White Space

• Heidin kuva: Tausta on otettu mukaan itse teokseen. Valkoinen tausta mustan käden kanssa tuottaa illuusion, että se näyttäisi puhelimelta. Katsoja ei osaa erottaa taustaa ja itse teosta, vaan ne kuuluvat yhteen.
  
  
• Maijan kuva: Tausta toimii osana teosta, toimii ns. siltana kaadettavan nesteen keskellä.
  
  
• Vilman kuva: Taustaväri toimii yhdessä ympyröiden kanssa ja saavat ne näyttämään läpinäkyviltä.

Linjaukset / Alignment

• Heidin kuva: Selkeät vaakasuorat ja pystysuorat linjat tekstien välissä.
  
  
• Vilman kuva: Tekstit muodostavat vaakasuorat linjat.
  
  
• Maijan kuva:  

Kontrasti / Contrast

• Heidin kuva: Hento ja paksu typografia luo kontrastia.
  
  
• Maijan kuva: Kirkkaat värit, pinkki ja mintunvihreä.
  
  
• Vilman kuva: Suuri teksti ja paksu fontti vievät puolet kuvasta.

Esitystapa / Repetition

 GRAAFINEN SUUNNITTELU

Tärkeimmät kulmakivet

Julkaisuvalmistiedosto

• Instagram
• Facebook
• Nettisivut
• Verkkokauppa
• Sähköposti

Mittayksikkö on pikseli eli px/inch

Tallennusmuodot .ai eli työversio / PAKKO SÄILYTTÄÄ
                             .jpg 
                             .png --> jos on läpinäkyviä osia

Väriavaruus julkaisuvalmistiedostoissa on RGB eli RED, GREEN, BLUE

Tiedostokoko: K eli kilot, voidaan pakata tinypng ohjelmalla.

Painovalmistiedosto

• Pakkaus
• Teippaukset
• Esite - flyer
  
• Käyntikortti
• Juliste - poster

Mittayksikkö on mm eli unit. 100cm on 1mm.

Väriavaruus painovalmistiedostoissa on CMYK eli CYANI, MAGENTA, YELLOW, MUSTA

Tallennusmuodot .ai eli työversio / PAKKO SÄILYTTÄÄ
                             .jpg 
                             .png --> jos on läpinäkyviä osia

BLEED eli ns. ylivuoto. Pitää kasvattaa tiedostoa 3mm kauttaaltaan ettei tule valkoisia reunoja leikkauksessa.

Tiedostokoko:  M eli megat, voidaan siirtää esim. wetransfer ohjelmalla. Megat ovat hyvin suurikokoisia.

Arkkikoot   A-sarja eli esim. A1, A4, A6

Painovalmistiedoston muistiinpanoista kuva

Paperikoot

Paperilaadut painoissa g/m2

Rasteri vs vektori

Rasteri grafiikat koostuvat pikseleistä ja ne muodostavat kuvan. Rasteria ei pysty suurentamaan ja pitämään hyvänlaatuisena. Se menee ns. "pikselimössöksi".
Vektori grafiikat koostuvat poluista ja ympyröistä jne. Näitä pystyy suurentamaan niin paljon kuin haluaa ilman, että laatu huononee. 

Esimerkkikuva rasteri vs vektori

Esimerkki rasteri vs vektori

Resoluutio

Resoluutiolla tarkoitetaan pikseleiden määrää kuvassa pituusyksiköllä. Mittayksikkö on px/inch eli dpi eli montako pikseliä tuumalla.
Julkaisuvalmistiedostoihin halutaan mahd. pieni resoluutio, jotta se latautuu nopeasti. Painovalmisteidostoihin halutaan suuri resoluutio, jotta se kestää tarkastelun. 

Esimerkkikuva resoluutiosta

Väriavaruus, CMYK vs RGB

Tiedoston nimeäminen

Nimessä ei voi käyttää: Ä, Ö, Å tai erikoismerkkejä tai välilyöntejä.
Hyvä nimeäminen esim. --> kivijalka_oy_kayntikortti_w90mm_h50mm.ai 
                                                                                                                    .jpg
                                                                                                                    .pdf
Eli asiakas_tuote_koko

SEO eli hakukoneoptimointi (Search Engine Optimization)

Hakukoneoptimoinnin tarkoitus on saada sivustolle (blogi, verkkosivut yms) lisää kävijöitä hakukoneista.