keskiviikko 30. syyskuuta 2020

Raportti graafisessa suunnittelussa

Raportti graafisessa suunnittelussa tarkoittaa kuviota, joka yhdistyy jokaiselta sivultaan. Esimerkiksi kankaat ja tapetit muodostuvat raporteista. Mitä pienempi raportti, sitä tiheämmäksi kuvio muodostuu. 

Alapuolella näet kuvia tekemistäni luonnoksista, joissa sama kuvio toistuu erikokoisissa ja mallisissa raporteissa. Raportin suunnittelu on helpoin aloittaa yksinkertaisista kuvioista.


Yksinkertainen, sateenkaarta muistuttava kuvio toistuu useaan kertaan lohenpunaisen taustan päällä.
Tämä kuvio sopisi esimerkiksi lahjapaperiin.

Tumman puuterisen taustan päällä sateenkaaren mallisia mustia kuvioita
Tässä mittakaavassa olevan kuvion voisin kuvitella sopivan tapettiin.
Valkoisella pohjalla lohenpunainen suorakulmio, jonka päällä on 6 samanlaista viivoista koostuvaa piirosta jotka muistuttavat sateenkaarta.
Tämä kuvio voisi olla myös julisteessa.

torstai 24. syyskuuta 2020

Värioppi

Värioppi käsittelee sanansa mukaisesti värejä, niiden vaikutuksia, käyttöä sekä erilaisia väri-ilmiöitä. Värioppiin kuuluu useita erilaisia väriteorioita, joiden tarkoituksena on kertoa mistä värit koostuvat ja miksi ne näyttävät siltä kuin näyttävät. 

Väriteorioiden keskeisiä käsitteitä ovat esimerkiksi

  • Värikokemukset
  • Värikonstassi eli värin muuttumattomuus
  • Havainto-olosuhteet ja niiden vaikutukset väreihin
  • Unitaariset värit
    • punainen, vihreä, sininen, keltainen
  • Binaariset värit, eli värit jotka on sekoitettu, esimerkiksi violetti
  • Erilaiset teesit


Värioppi ja väriympyrän merkitys

Väriympyrä on väriopin kannalta keskeinen työkalu. Sen värit järjestellään spektrin, eli värikirjon, mukaisesti punaisesta sinipunaiseen, ja mukaan on yleensä aina lisätty spektriin kuulumattomat purppuran sävyt. Päävärien välissä olevat välivärit muodostuvat päävärejä sekoittamalla. Ruskeaväri saadaan tehtyä joko vastavärejä tai kaikkia päävärejä sekoittamalla. Pää-, väli- ja vastavärit sekä väriharmonia ovat väriopin kannalta keskeisiä käsitteitä.

Värioppi käsittelee pää-, väli- ja vastavärejä. Tässä kuvassa ne näkyvät listattuna ryhmittäin.
Värioppi käsittelee myös pää-, väli- ja vastavärejä.

Värin ominaisuudet

  • Kylläisyys
  • Sävy
  • Valööri

Kylläisyys kertoo värin pigmenttisyydestä sekä puhtaudesta, toisin sanoen se määrittää värin voiman. Mitä punaisempana punainen väri näkyy, sen kylläisempi se on. 

Sävy puolestaan kertoo missä kohdalla spektriä väri sijaitsee. Vaikka sävyjä voidaan määritellä perussävyihin; keltainen, punainen, sininen ja vihreä, on niitä todellisuudessa loputon määrä. Värin tummuus tai kylläisyys ei vaikuta itse sävyyn.

Valööri näyttää värin tummuusasteen. Värien tummuusasteiden erottaminen on aluksi haastavaa, joten sitä helpottaakseen värit voi muuttaa mustaharmaiksi. Lisäksi tummuusasteen erottamisessa voi käyttää apuna tummuusaste taulukkoa. Kun värin tummuusasteet oppii erottamaan, se parantaa niin piirustusten, maalausten kuin valokuvienkin ilmettä. 

maanantai 14. syyskuuta 2020

Typografian perusteet

Onnistuaksesi graafisessa suunnittelussa, on tärkeää hallita typografian perusteet. 

Tärkeintä on muistaa, että typografia on eri asia kuin fontti. Typografia on kokonaisuus johon fontti, eli kirjasin, kuuluu. Typografiaan kuuluvat myös erilaiset typografiset kontrastit, joita ovat koko- muoto- ja vahvuuskontrasti. Kokokontrasti tarkoittaa riittävää koko eroa esimerkiksi otsikon ja leipätekstin välillä. Muotokontrasti tarkoittaa fontin muotoon liittyviä eroja, esimerkiksi groteski ja kalligrafisen fontin välisiä eroja. Vahvuuskontrasti puolestaan tarkoittaa fonttien välisiä paksuuseroja, esimerkiksi onko fontti lihavoitu, vai ei. 

Graafinen suunnittelu on myös olennainen osa brändäystä, sen avulla voit joko kirkastaa olemassa olevaa brändiä tai luoda kokonaan uuden. Brändin tai yrityksen typografiaa mietittäessä on tärkeää tehdä kooste tai vaikkapa ajatuskartta, jossa mietitään mitä typografian avulla halutaan saavuttaa. Lisäksi yritykselle kannattaa myös luoda graafinen ohjeisto, joka auttaa pitämään viestinnän ilmeen yhtenäisenä.

Ennen fontin valintaa

Ennen fontin valintaa kannattaa miettiä ainakin seuraavia asioita:
  • Kuka on asiakas?
  • Mikä on asiakkaan toimiala?
  • Millainen on kohderyhmä?
  • Mikä on paino- tai julkaisutuotteen tavoite?

Kun saat päätettyä vastaukset kysymyksiin on sopivan kirjaintyypin valinta helpompaa. Pohdinnan apuvälineinä voit käyttää esimerkiksi erilaisia ajatuskarttoja sekä miettiä miten yritys haluaa ns. puhua tekstin avulla asiakkailleen. Kampaamot ja rakennusliikkeet käyttävät usein tosi erilaisia fontteja, eikö vain?


Typografian peruskäsitteet


Erilaiset kirjasintyypit


Antiikva

Antiikvalla tarkoitetaan päätteellistä fonttia, sellaisista tunnetuin lienee Times New Roman. Päätteellisten fonttien etuna ovat kirjaisinten päissä olevat pienet pääteviivat, eli serifit. Pääteviivat tekevät kirjaimista selkeämmin toisistaan erottuvat, ja näin ollen helpottavat myös lukemista. Päätteellisten kirjainten pääteviivaa tarkoittavasta sanasta muodostuukin niiden toinen kutsumanimi, Serif. Päätteelliset kirjasimet ovat usein helpompi lukuisia painetussa tekstissä, kuin verkkojulkaisussa. 

Groteski

Groteskilla tarkoitetaan päätteetöntä fonttia, sellaisista lienee tunnetuin on Arial. Päätteettömissä fonteissa ei ole pääteviivoja kirjasinten päässä, ja sen tuoman selkeyden vuoksi päätteettömiä kirjasimia käytetäänkin usein otsikoissa, sekä verkkosivustojen leipäteksteissä. Päätteettömistä kirjasimista käytetään myös nimitystä sans-serif, joka tarkoittaa suomennettuna 'ilman pääteviivaa'.

Kalligraafinen 

Kalligraafisella fontilla tarkoitetaan käsialaa jäljitteleviä kirjasimia. Kalligraafiset fontit ovat usein kaunokirjoitusta mukailevia, sillä kalligrafia itsessään tarkoittaa korutekstausta eli kaunokirjoitustaidetta.

Fantasia

Fantasia fontit ovat nimensä mukaisesti mielikuvitukseen perustuvia, usein kokeilevia sekä erikoisia kirjasimia. Koska fantasiakirjasimet ovat usein todella erikoisia, sekä hankalia luettavia, on niitä syytä käyttää graafisen suunnittelun töissä vain harkitusti ja vähän. 


Kirjasinkoot


VERSAALI

Versaali tarkoittaa suuraakkosia, eli isoja kirjaimia. Etenkin verkossa kokonaan versaalilla kirjoitettu lause mielletään usein huutamiseksi, joten pelkillä suuraakkosilla kirjoittamista kannattaa harkita. Versaalit ovat aina keskenään tasakorkuisia, mikä myös vaikeuttaa niiden lukemista.

Kapiteeli

Kapiteelit ovat pienempiä suuraakkosia, joista lauseen ensimmäinen on aina isompi, eli versaalin korkuinen. Kapiteelilla kirjoitettu teksti on hieman helppolukuisempaa kuin kokonaan versaaleilla kirjoitettu teksti.

Gemena

Gemenat, eli pienaakkoset ovat kaikista helppolukuisimpia. Koska kirjasimet ovat selkeästi erikokoisia sekä mallisia, ne on nopeampi ja helpompi erottaa toisistaan. Tämän vuoksi gemena on yleisimmin käytetty kirjasinkoko.

X-korkeus

X-korkeus tarkoittaa ala- tai yläpidennyksettömän gemenan korkeutta kirjasinleikkauksessa. X-korkeus määrittää kirjasimen "todellisen" koon, ja siitä johtuu että eri fontit näyttävät erikokoisilta vaikka niiden pistekoon pitäisi olla sama. X-korkeus on myös tekstin luettavuuden kannalta olennainen asia, sillä x-korkeuden ollessa liian pieni tai suuri fontin luettavuus laskee huomattavasti.


Kuvassa näkyy erilaiset kirjasintyypit, kirjasinkoot, x-korkeus sekä erilaisten ylä- ja alalinjojen sekä päätteiden määritykset kirjasimissa. Lisäksi versaali, kapiteeli, gemena, serif ja sans-serif on esitetty kirjainten avulla.
Ilkka Janatuisen tekemästä kuvasta on helppo tarkistaa mitä mikäkin sana tarkoittaa.


Tekstin korostukset

Usein kun tekstiä on paljon sen jotakin osaa, tai sisällön kannalta olennaista sanaa, halutaan korostaa. Kerron alapuolella lisää erilaisista tekstin korostus tavoista.

Anfangi

Anfangia käytetään usein kirjallisuudessa, sekä aikakauslehdissä. Se on yleensä sivun alussa korostetun suuri alkukirjain, joka joko nousee muita kirjaimia korkeammalle, tai "tipahtaa" alemmas vieden useamman rivin verran tilaa. Anfangin tarkoituksena on kiinnittää lukijan huomio, sekä lisätä tekstin kiinnostavuutta. Esimerkiksi Harry Potter kirjoissa käytetään anfangia.
 

Kursiivi

Kursiivi, eli italic, tarkoittaa vinottaista tekstiä. Täytyy kuitenkin muistaa, että jos fontista on olemassa erikseen tavallinen ja kursiivi, ovat kursiivin kirjasimet malliltaan erilaiset kuin fontin perusmuodon kirjaimet. Näin ollen pelkkä tekstin kallistaminen ei tee fontista kursiivia. Kursiivia käytetään esimerkiksi pitkissä teksteissä uusien termien yhteydessä, kun termi mainitaan ensimmäisen kerran. 

Lihavointi

Lihavointi, eli bold, tarkoittaa paksunnettua fonttia. Lihavointi on kursiivia tehokkaampi sekä näkyvämpi tekstin korostuskeino. Vaikka useimmat fontit saa suoraan lihavoitua, kannattaa tarkistaa olisiko fontista olemassa erillinen valmiiksi lihavoitu versio.



Riviväli ja palsta

Rivivälin olisi hyvä olla aina hieman fontin pistekokoa suurempi. Jos fontin pistekoko on 10pt, olisi rivivälin hyvä olla 12pt - 20pt, eli vähintään 120% fontin pistekoosta. Otsikoiden rivivälin kannattaa olla pienempi kuin leipätekstissä, 10% otsikon fontin pistekokoa suurempi riviväli riittää hyvin. Otsikot tulee rivittää tasapainoisiksi, jos otsikko joudutaan jakamaan kolmeen riviin, tulisi riveistä keskimmäisen olla pisin.

Ihanteellinen rivin pituus on 55-60 merkkiä.  Minimissään rivin pituuden tulisi olla 35-45 merkkiä ja maksimissaan 90 merkkiä. Myös välilyönnit lasketaan merkeiksi.

Fontin muodon ja pistekoon lisäksi kirjain- ja rivivälitys on olennainen tekstin luettavuuteen vaikuttava asia.

Tekstin muodostamat kappaleet, eli palstat on mahdollista muotoilla neljällä eri tavalla:

  • Oikean reunan liehu
  • Vasemman reunan liehu
  • Tasapalsta
  • Keskitetty palsta

Oikean reunan liehussa palsta menee vasemmalta reunalta tasan, mutta oikea reuna on epätasainen.
Vasemman reunan liehussa puolestaan palsta menee oikealta reunalta tasan, kun taas palstan vasen reuna on epätasainen.
Tasapalstassa molemmat reunat ovat tasaiset. Tämä kuitenkin saattaa huonontaa luettavuutta, sillä usein sanojen- tai kirjaintenvälit kasvavat tarpeettoman pitkiksi.
Keskitetyssä palstassa tekstit ovat keskeltä tasan, mutta palstan molemmat sivut jäävät niin sanotusti liehuviksi, eli epätasaisiksi.

Palstan loppuun jäävää riviä kutsutaan yleensä leski- tai orporiviksi ja sen asettelu voi poiketa palstan muusta asettelusta.


Otsikot ja otsikkohierarkia

Otsikoita kirjoittaessa kannattaa suosia pienaakkosia, sillä suuraakkoset ovat tilaa vieviä sekä hankalampia lukea. Pääsääntöisesti otsikon olisi hyvä mahtua yhdelle riville, mutta joskus se on tarpeellista jakaa useammalle joko otsikon merkkimäärän tai työn visuaalisen ilmeen vuoksi. Tällöin käytä korkeintaan kolmea riviä, sekä vältä otsikon tavuttamista. Otsikon rivittämisen kanssa kannattaa olla todella tarkka. Joskus jos lause katkeaa niin sanotusti väärästä kohdin, se saattaa muuttaa otsikon sisällön täysin. Lisäksi pikkusanat (esimerkiksi ja, jos, kun) kannattaa sijoittaa aina uuden rivin alkuun. 

Otsikkohierarkiaa suunnitellessa kannattaa laatia otsikoista yhtenäinen kokonaisuus, jossa muutokset fonttien välillä ovat hillittyjä. Väliotsikkotasoja voi olla korkeintaan kolme, jotta kokonaisuus pysyy hallittuna. Työtä suunnitellessa kannattaa ottaa huomioon otsikkojen sijoittaminen, otsikot sijoitetaan joko vasempaan reunaan tasaten tai keskitetysti. 

Otsikkojen ympärille tulee myös jättää riittävästi tyhjää tilaa, jotta otsikot nousisivat paremmin esille. Tyhjän tilan suhteen kannattaa käyttää 2:1 mittakaavaa, joka tarkoittaa että tyhjä tila ei ole tasamitallinen vaan otsikon yläpuolelle jää enemmän tilaa kuin sen alapuolelle. 

sunnuntai 6. syyskuuta 2020

Graafisen suunnittelun trendit 2020

Klikkaamalla alapuolella olevaa Pinterest-taulua, pääset tutustumaan tämän vuoden graafisen suunnittelun trendeihin! 


tiistai 1. syyskuuta 2020

Veturitallin taidemuseo Salo

Kävimme vierailulla Veturitallin taidemuseossa Salossa. Siellä on vielä elokuun loppuun Salon taiteilijaseuran pop up näyttely, Yhdessä - Together. Taidemuseota laajennetaan, joten tällä hetkellä siellä olevat näyttelyt ovat pop up tyyppisiä. Nimensä mukaisesti museo on rakennettu vanhaan veturitalliin, ja tykkäsin sen miljööstä paljon, vanha tiilirakennus holvi-ikkunoineen luo ihanan tunnelman museolle. Sisällä olevat korkeat, valkeat ja rouheat kiviseinät sopivat täydellisesti taidenäyttelyn taustaksi. 

Alapuolelta näet kuvia näyttelyn suosikkiteoksistani, kuvan alapuolelta näet sekä teoksen että sen tekijän nimet. 


Kuvassa näkyy kaksi Hannu Nikanderin öljyvärimaalausta, joissa on värikkäitä hahmoja. Vasemman reunimmaisessa öljyvärimaalauksessa hahmot näyttävät tanssivan. Oikean reunimmaisessa maalauksessa hahmot ovat teoksen nimen mukaisesti ikäänkuin katsomossa.
Hannu Nikanderin 'Lähekkäin' sekä 'Katsomo' öljyvärimaalaukset.


Kuvassa vasemmassa reunassa värikkäämpi 'Fruttetto' jonka värit ovat selkeästi kirkkaammat kuin oikealla puolella olevan 'Unique' teoksen värit.
Tarja Seewaldin 'Fruttetto' ja 'Unique' 


Valokuvassa etualalla vaaleahiuksinen nainen katsoo pois päin kamerasta. Taustalla näkyy kesäistä koivumetsää, sekä kasvihuoneet molemmissa kuvan reunoissa.
Kristiina Töyry - 'Not by chance one sees'