Graafinen Suunnittelu: Värit

 Väriopit ja teoriat

Graafinen.com määrittelee ytimekkäästi väriopit- ja teorian sekä värin määritelmän blogissaan. 

Väri on silmään saapuvan valon aistittava ominaisuus, joka havaitaan näkö- ja väriaistilla. Väri on myös fysikaalisten kappaleiden ja pintojen ominaisuus. Värin aistiminen riippuu silmään saapuvan valon sisältämistä aallonpituuksista ja niiden voimakkuuksista. Väriaistimus vaatii valoa, siksi värit näyttävät häviävän hämärässä. Lainaus: graafinen.com 

Päivi Hintsanen ylläpitää Coloria- sivustoa. Sivustolla on valtava määrä tietoa väreistä ja niiden historiasta. Lähes tulkoon kaikki se tietoa, mitä olet aina halunnut tietää väreistä. 

Tunnetuimmat väriteoreetikot kautta aikain ovat Josef Albers ja Johannes Itten. 

Väriympyrä

Väriympyrä
Kuva: peda.net

• Päävärit: punainen, sininen, keltainen (näistä saadaan sekoitettua kaikki muut värit)
  
  
• Välivärit: vihreä, oranssi, violetti (nämä saadaan sekoittamalla kahta pääväriä)
  
  
• Vastavärit ovat toistensa vastakohtia ja sijaitsevat väriympyrässä vastapäätä toisiaan. Vastavärit kumoavat toisensa eli niitä sekoittamalla saadaan mustaa aikaiseksi. Vastaväriparit:

sininen - oranssi

punainen - vihreä

keltainen - violetti

Värit voidaan murtaa sen vastavärillä. 

Väriharmoniat

Ittenin Väriharmonian mukaiset värikonstrastit ovat: 

• sävykontrasti (perusvärit)

• tumma - vaalea kontrasti

• kylmä - lämmin kontrasti 

• vastavärien kontrasti

• kylläisyyskontrasti (puhtaat - murretut värit)

• määräkontrasti 

• simultaanikontrasti (väri muuttaa vieressä olevaa väriä vastavärinsä suuntaan)
  

Ittenin väriympyrä
Kuva: peda.net

Värillä on väliä

Miksi varoituskolmion pohja on keltainen ? 
Miksi kirurgin vaatteet ovat vihreät ? 
Miksi punainen matto on punainen?
Miksi ylitämme suojatien vihreällä valolla? 

Näihin kysymyksiin vastaa Ylen artikkeli Värit ovat ikivanha visuaalinen kieli

Värien psykologiasta taas kertoo Mielenihmeet.

Pinterest-taulu 

Graafisen asiakastyön suunnittelu ja toteuttaminen

Graafisen näytön sisältö

Asiakasneuvottelu

Graafisen työn ensimmäinen vaihe on asiakashankinta. Valmistele yhteydenotto ja sovi asiakastapaaminen. Dokumentoi neuvottelu, jotta voit jälkeenpäin tarkistaa mitä on sovittu. 

Toimeksianto sisältää asiakkaan tarpeet ja odotukset ja aikataulun suunnittelun. Aikataulun suunnittelussa tulee ottaa huomioon neuvottelut, tiedonhankinta, luonnostelu, varsinainen suunnittelu ja graafinen työ, väliversiot, tarjouspyynnöt painotalolta ja tarjouksen asiakkaalle sekä deadlinen. Aikataulu vaikuttaa hinnoitteluun, joten hyvä suunnitelma on erittäin tärkeä. 

Suunnittelu

Opiskelija hankkii monipuolisesti tietoa vertailemalla (benchmarking), tutustumalla yrityksen graafiseen ilmeeseen (graafinen ohjeistus), tutkimalla saatavilla olevat ja kustannustehokkaat materiaalivaihtoehdot ja graafisen suunnittelun trendit (google, pinterest) Tiedonhankinnasta tehdään johtopäätökset ja analyysit. 

Tarkoitus on tuottaa korkeatasoisia ideoita ja runsaasti käsintehtyjä luonnoksia ja hahmotelmia. Vaihtoehtoiset luonnokset toimivat työkaluna neuvotteluissa ja johtavat parhaaseen lopputulokseen. Luonnokset analysoidaan ja plussat ja miinukset kirjataan ylös varsinaista Illustrator-työskentelyä varten. Havainnekuvat ovat valokuvia kohteesta, jonne työ on sijoitettuna käyttöympäristöönsä. Tämä helpottaa hahmottamista ja esim. koon, värien ja materiaalien valintaa. Suunnittelussa tulee ottaa huomioon kestävä kehitys (jatkokäyttö, kierrätys) graafisen työn toimivuus sekä tekijänoikeudet (älä koskaan kopioi!)

Valmistaminen ja luovuttaminen

Graafinen suunnittelu tehdään Adobe Illustrator-ohjelmalla. Suunnittele sellaista minkä voit ja osaat varmuudella toteuttaa. Suunnittelu aloitetaan valitsemalla painovalmis tai julkaisuvalmis tiedosto. Näistä termeistä ja työvaiheista löytyy lisää aiemmasta Graafinen Suunnittelu Part 1- blogipostauksesta. 

• väriavaruus
• koko (googleta koot, näitä ei tarvitse muistaa ulkoa)
• bleed (vain painovalmis)
  

Kun työn versio valmistuu: 

• tallennusmuoto (muista aina tallentaa ai.-tiedosto, jotta työtä voi muokata myöhemmin)
• tiedoston nimeäminen
• tiedoston kansiorakenne
• type - create outline: teksti muuttuu vektoriksi/kuvaksi, se säilyttää mittasuhteet ja fontit. Kun teksti on muutettu vektoriksi, sitä ei voi muokata.
  

Valmiin työn viimeistelyssä tulee muistaa myös linjaukset, marginaalit ja eri komponenttien välimatkat (align)

Näytön kooste

Näytössä arvioidaan sekä blogipostaukset että planssi. 

Planssi on suunnitelmaa kuvaava työn esittely julistemuodossa, joka liimataan kapalevylle. Planssi voi olla vaaka- tai pystysuoraan, mitat 1000m X 700mm tai 700mm X 1000mm.

Planssissa tulee näkyä: 

• otsikko
• lyhyt myyntipuhe / idea, perustelu
• kaikki graafiset työt oikeassa koossa ja mittakaavassa
• värimääritykset (CMYK, RGB, #HEX-väriarvo)
  
• typografiamääritykset kaikista käytetyistä fonteista (fontin nimi, isoit kirjaimet, pienet kirjaimet, numerot, välimerkit)

Työn luovutus asiakkaalle ja asiakkaan palaute

Ennen kuin työ luovutetaan asiakkaalle, tiedoston tallennusmuoto tulee optimoida ja nimetä käyttötarkoituksen mukaan. Painovalmiit tallennetaan .pdf-muotoon, julkaisuvalmiit .jpg tai .png-muotoon. 

Tiedoston nimessä tulee näkyä seuraavat: 

• asiakkaan nimi
• tuote
• koko
• (bleed)
• käytä alaviivaa sanojen välissä!

Esimerkki: promenade_boutique_alennusmyynti_juliste_A4_W210_H97_bleed3mm
Tallennusmuoto käyttötarkoituksen mukaan: .pdf | .jpg | .png

Jos tiedoston kokoa on tarvetta muuttaa esim. latausnopeuden lisäämiseksi, käytä Tiny Png -sovellusta koon optimoimiseksi. WeTransfer - palvelua voi käyttää isojen painovalmiiden tiedostojen pakkaamiseen ja siirtoon. 

Kirjaa aina asiakkaan palaute tulevia projekteja silmällä pitäen.  

Graafinen Suunnittelu: Typografia

Typografia

Typografia on graafisen suunnittelun osa-alue, joka viittaa tekstin ja kirjainten asetteluun eli julkaisun ulkoasuun. Se pitää sisällään kirjasintyypin ja -koon, tekstin värin, rivi- ja sananvälit, sisennykset ja tekstin lihavoinnin. Parhaimmillaan teksti on helposti luettavaa ja se on kauniin näköinen. 

Graafinen ohjeistus kokoaa yrityksen graafisen ilmeen. Ohjeistus jaetaan yrityksen käyttöön, mutta myös usein sidosryhmille ja yhteistyökumppaneille. Ohjeistus määrittelee yrityksen graafisten elementtien käytön yksityiskohtaisesti ja se antaa perustelut graafisen ilmeen käytölle. Graafisen ilmeen tärkeimmät osat ovat logo, värit, typografia ja kuvat. Näitä elementtejä yritys käyttää kaikissa painotuotteissaan, somessa ja www-sivuillaan. Helsingin Kaupungin Visuaalisen Ilmeen Ohjeisto ja Turun Kaupungin Graafinen Ohjeisto ovat mainioita esimerkkejä graafisesta ohjeistuksesta.

Typografian keskeisimmät käsitteet

• fontti = kirjasintyyppi, joka voidaan jakaa päättellisiin ja päätteettömiin ryhmiin: 
  ANTIIKVA = päätteellinen = SERIF esim. courier, times roman, käytetään pääasiassa leipätekstissä
  GROTESKI = päätteetön = SANS SERIF esim. arial, verdana, käytetään lähinnä otsikoissa 
  KALLIGRAAFINEN = käsialaa jäljittelevä 
  FANTASIA = kokeileva
  
  
• kirjainleikkaus = 
  VERSAALI = tasakokoiset suuraakkoset
  gemena = helposti ja nopeasti luettavat pienaakkoset
  Kapiteeli = iso alkukirjain, pienaakkosten kokoiset suuraakkoset
  
  
• kirjasinkoko = arvo esim. 8 pt, suurempi arvo = suurempi kirjasimen koko
  
  
• anfangi = iso useamman rivin kokoinen alkukirjain aloituskappaleessa, parantaa visuaalista kiinnostavuutta
  
  
• kursiivi = muotokontrasti, vinoteksti
  
  
• lihavointi = boldaus, tehotustapa
  
  
• rivivälit = riviväleillä säädellään kuinka tiivis tai väljä on kahden tekstirivin etäisyys toisistaan, arvo esim. 1,5 pt
  
  
• rivin pituus = ihanteellinen rivin pituus on 55-60 merkkiä (kirjaimet, välit, erikoismerkit) 
  
  
• kirjainten anatomia = 
  
  

  

  Kirjaimen anatomia
  Kuva: logotyyppi.fi

• pinnanjako, grid = ruudukko, joka määrittää asettelun. Pinnanjako voidaan määrittää horisontaalisesti, vertikaalisesti tai diagonaalisesti.
  

Pieni Typografiaopas
Typografia: asettelusta ja fonttien valinnasta

Kirjaimet, kirjasinleikkaukset ja kirjasintyypit

Typografia - Mitä, missä ja miksi?

Sommittelu

Graafinen Suunnittelu: lisää termejä

Graafisen suunnittelun termejä

• TAITTO: jonkun julkaisun, kuten nettisivujen tai painotuotteen, tekstin ja visuaalisten elementtien sommittelua mielenkiintoiseen ja helposti luettavaan muotoon. Hyvän taiton tunnusmerkkejä on informatiivisuus ja että lopputulos puhuttelee. Graafinen.com käsittelee artikkelissaan hyvin eri taittomuotoja ja kertoo yhdellä pitkällä lauseella mitä taitto pitää sisällään. 

Taitto muodostuu typografiasta (otsikot, ingressit, leipätekstit, väliotsikot, kuvatekstit, nostot, luettelot jne.), kuvista (valokuvat, kuvitukset, graafit), graafisista elementeistä (värit, väripalkit, viivat, logot jne.) ja erikoistehosteista (preeklaukset, stanssaukset, folioinnit jne.) Lainaus: graafinen.com

•  KONTRASTI: 

Vastakohdat luovat jännitystä. Se on keino saada kuvapintaan tapahtumaa ja eloa. Jännitteetön tasapaino on helppo ja turvallinen, mutta vaikuttaa aikaa myöten yksitoikkoiselta. Jännite siis syntyy rinnastamalla vastakohtia, ja tapahtumat syntyvät jännitteistä.

Kuvapinta alkaa elää vasta silloin, kun sen osien välillä vallitsee vastakkaisia voimavarauksia. Jännite syntyy vastakohtien eri kontrastien rinnastuksesta ja vuorovaikutuksesta. Sommittelussa vastakohtapareja voivat olla esimerkiksi: yksi-monta, pieni-suuri, kevyt-raskas, vaalea-tumma, lepo-liike, avoin-suljettu. Kuvapinnan saa dynaamiseksi näiden vastakohtien avulla. Kun sijoittelua tehdään reunaan, se on voimakkaampi. Yksinäinen muoto on vahvempi kuin ryhmä. Lainaus: graafinen.com

• NEGATIIVINEN TILA: optisen illuusion muoto, jonka Matti Mattilan Blogi  selittää loistavilla esimerkeillä ja kuvilla. 
  

Negatiivinen tila
Kuva: Reno Carillo

• RR-VÄRIKARTTA: lähinnä rakennus- ja metallituoteteollisuuden tarpeisiin. Värimallit ovat niin lähellä alkuperäistä kuin mahdollista. 
  
  
• LINJAUS: graafisessa suunnittelussa on kyse brändin ulkoasun rakentamisesta ja vahvistamisesta. Vaikka suunniteltaisiinkin yksittäistä tuotetta tai materiaalia, lopputuloksen tulee aina sopia yrityksen imagoon, arvoihin ja tavoitteisiin ja sen tulee rakentaa yhtenäistä mielikuvaa.

Graafisen Suunnittelun Trendit 2020

Mitä kuuluu graafisen suunnittelun maailmaan vuonna 2020?

Mikä on vuoden väri 2020?

Pantone Värijärjestelmän mukaan vuoden 2020 väri on sininen: rauhallinen, itsevarma ja yhdistävä. Elegantti kaikessa yksinkertaisuudessaan. Luotettava ja vakaa pohja, jonka varaan on hyvä rakentaa, kun matkaamme kynnyksen yli uuteen aikakauteen.  

Mitkä ovat vuoden 2020 trendit graafisessa suunnittelussa eri toimijoiden mukaan ? 

Raisiolaisen Mainostoimisto Hurraan blogissa käsitellään viittä eri nousevaa trendiä: 

1. Brändi-identiteetti: pelkkä logo ei enää riitä, vaan yritys, tuote tai palvelu tuodaan esiin kokonaisvaltaisella visuaalisella suunnittelulla ja suunnittelun pohjana on käsikirja.
2. Voimakkaat värit ja räväkät väriyhdistelmät. Rikas kuvamaailma ja epäsymmetrisyys.
3. Art Deco- ja Vintage-tyylit
4. Futurismia ja avaruudellisia tyylejä
5. Isot ja raskaat typot

Mitä isompi typo, sen parempi
Kuva: hurraa.fi

Sollertis kertoo blogissaan tämän vuoden trendeistä logomaailmassa. 

99designs.co.uk mukaan graafisen suunnittelun maailmassa on tällä hetkellä tunne, että mitä vaan voi tapahtua. Blogi käsittelee kuvin ja esimerkein trendejä tälle vuodelle, jotka tulevat muuttamaan graafisen suunnittelun luonteen: 

1. Cyperpunk-värit
2. Katutaide-tyylit
3. Paperileikatut kollaasit (arts and crafts)
4. Elämää suuremmat typot
5. Vintage-tyyli modernilla twistillä
6. 3D-efektit

Vuonna 2020 trendeiksi 99designs.co nimeää vastakohdat: menneisyys ja tulevaisuus, geometrinen ja orgaaninen, todellinen ja keinotekoinen.

Venngage.com listaa omat kahdeksan suurinta trendiä:

1. Pehmennetyt väripaletit
2. Häivytetyt värit
3. Abstraktit kuvitukset
4. Raskaat yksinkertaiset fontit
5. Virtaavat viivat ja muodot
6. Aito ja aito arkistovalokuva
7. Minimalistiset aloitussivut
8. Brändätyt animaatiot