Värioppia | Värit graafisen suunnittelun maailmassa

Värien opiskelu alkoi värikylvyllä.

Värin ominaisuudet: sävy, kylläisyys ja valööri

Väri syntyy valosta, ellei ole valoa, ei ole myöskään värejä.

Sävy on värin paikka spektrissä.

Kylläisyys on värin pigmenttipitoisuus ja puhtaus eli kirkkautta tai himmeyttä; värit ovat sitä kylläisempiä, mitä lähempänä ne ovat väriympyrän väriä. Kun väriä murretaan vastavärillä tai siihen lisätään mustaa, sen kylläisyys vähenee.

Valööri on värin valoisuus/ tummuusaste.

Väriharmoniat; vastaväriharmonia, lähiväriharmonia, valööriharmonia

Väriharmonia tarkoittaa värien yhteensopivuutta. 

Vastaväriharmoniassa valitaan vastaväripareja, kuten punainen ja vihreä, sininen ja oranssi tai keltainen ja violetti.

Lähiväriharmoniassa valitaan värejä, jotka sijaitsevat väriympyrässä vierekkäin, kuten sininen, sinivihreä ja vihreä (enintään viisi väriympyrän vierekkäistä sävyä).

Valööriharmoniassa valitaan yksi väri, jonka eri tummuusasteet muodostavat harmonian.

Väriympyrä. Ulkokehällä väri on kylläisimmillään.

Painoväri; spottiväri, CMYK ja RAL

Pantone-värikartta ja RAL-värijärjestelmä

Spottivärit ovat valmiiksi sekoitettuja väriaineita, joita käytetään prosessiväriaineiden (CMYK) sijasta tai lisänä. 

Spottivärien etu on, että väri voidaan toistaa aina samanlaisena olosuhteista riippumatta. Tämä on tärkeää esimerkiksi logojen kohdalla. Spottiväreissä värit ovat valmiiksi sekoitettuja ja ne painetaan kerralla eli täysin päinvastoin kuin CMYK-järjestelmässä, jossa jokainen sävy sekoitetaan neljästä väristä, joista jokainen väri painetaan erikseen. Spottiväreillä voidaan toistaa myös metalli- ja neonvärejä, joka ei onnistu CMYK-väreillä.

Pantone Matching System (PMS) on standardiksi muodostunut painoteollisuuden värijärjestelmä, ja Pantone-värejä käytetään spottiväreinä. Värijärjestelmässä on lähes 5000 väriä, jotka on jaettu printti- ja pakkaussuunnitteluun tarkoitettuihin väreihin sekä vaatetus- ja tuotesuunnittelussa tarkoitettuihin väreihin.

Pantone valitsee joka vuosi vuoden värin. Värivalinta pyrkii kuvastamaan sitä, mihin suuntaan trendit ja design ovat menossa. 

Vuoden väri 2020, klassinen sininen.

Pantonen vuoden värejä vuosien varrelta.

RAL on teollisuusmaaleissa käytettävä väri, ja RAL-värejä käytetään mm. kun maalataan autoja.

Suomen Standardisoimisliitto myy RAL-värikarttoja.

RAL-värikartta.

Päällystetty vai päällystämätön painopaperi

Painotuotteessa alustalla on suuri vaikutus väreihin. Päällystetty paperi (coated) toistaa paremmin kirkkaat värit ja sitä käytetään esimerkiksi lehden kannessa. Se on hieman kalliimpaa kuin päällystämätön paperi. Päällystämätön paperi (uncoated) on matta ja se soveltuu parhaiten tekstijulkaisuihin.

Molemmille paperilaaduille on omat värikartat.

Eri paperilaadut eri käyttötarkoituksiin.

Perspektiivioppia 

Perspektiivityyppejä on useita, kuten esimerkiksi 

• pakopisteperspektiivi
• arvoperspektiivi
• ilmaperspektiivi 
• sammakkoperspektiivi

Perspektiivi on kuvataiteessa keino kuvata litteässä kuvassa esineiden tai ihmisten sijaintia ja etäisyyttä.

Värillä saadaan myös aikaan illuusioita ja perspektiivivaikutelmaa.

Testasimme eri taustavärillä, mikä yhdistelmä sai aikaan värin "tulemisen eteen" tai sen "uppoamisen syvälle".

Syvyysoppia väreillä.

Emme ole ainoita, jotka leikkivät väreillä. Löysin amerikkalaisen professorin David Novickin kehittämän konfetti-illuusion, jossa samanväristen ympyröiden värit muuttuvat uskomattomasti. Illuusio on vielä voimakkaampi, jos kuvaa katsoo kauempaa.

Konfetti-illuusio.

Itsensä johtaminen | Tavotteiden asettaminen

Ajanhallinta

Ajanhallinta eli ajankäytön suunnittelu on vaikea taitolaji. Keskeisintä on suunnata oma toiminta kohti niitä tavoitteita, jotka ovat tärkeitä ja välttämättömiä saada aikaiseksi.

Tällä viikolla olemme tehneet joka aamu tarkan suunnitelman tulevalle päivälle. Suunnitelmaan on listattu puolen tunnin tarkkuudella kaikki tarpeelliset tehtävät. Päivän lopuksi olemme tarkastelleet, miten olemme onnistuneet suunnitelman toteuttamisessa.

Tätä kirjoittaessani on kolme työpäivää tästä työviikosta taputeltu.
Maanantaina kaikki sujui suurinpiirtein suunnitelman mukaisesti, mutta tiistaina ja keskiviikkona tuli muuttuvia tekijöitä, ja päiväkohtainen suunnitelmamme oli lopulta täynnä yliviivauksia, huutomerkkejä, nuolia ja alleviivauksia.
Osa suunnitelluista töistä onnistui juuri niinkuin pitikin, osa siirrettiin eteenpäin seuraavalle päivälle.

Jokaiseen päivään sisältyy aina itsestä riippumattomia muuttuvia tekijöitä, mutta minulla on myös taipumusta näperrellä jonkun toisarvoisen asian kimpussa.

Tiistaina välttelin ajankäyttösuunnitelmaamme kirjattua blogipostausten tekemistä piirtelemällä Illustratorilla. Siirsin bloggauksen torstaille.

Ajankäyttöä helpottavia apukeinoja löytyy

Koska tarkoitus on jatkossa osata arvioida, paljonko aikaa mihinkin työhön menee laskutusta helpottaasemme, olemme ladanneet puhelimeemme ajankäytön hallintaa helpottavan sovelluksen.
Tähän appiin tallentuu käytetty aika, ja kun keissit nimeää järkevästi, on jatkossa helpompi antaa asiakkaalle hinta-arviota esimerkiksi graafisen työn tekemisestä. Appista voi tarkastaa, kauanko vastaavanlaisen työn tekemiseen on aiemmissa projekteissa kulunut.

Päivän aikataulu superihmisellä, joka todennäköisesti uupuu jossain vaiheessa. Lähde:Zenaattorit

Menestyjän ajankäyttösuunnitelma päivälle. Lähde: Zenaattorit

Itsensä johtaminen

Olen aiemminkin miettinyt itsensä johtamista tässä blogipostauksessa.
Itsensä johtaminen tarkoittaa sitä, että asettaa realistisia tavoitteita ja pyrkii niihin.
Tärkeää on myös tunnistaa mahdolliset ongelmat ja etsiä niihin apua ja ratkaisuja.


Itsensä johtamisen osa-alueita ovat

• selkeä ja faktapohjainen ajattelu
• kyky erotella omat tulkinnat ja luulot faktoista
• tunteiden säätelytaidot
• kyky tehdä päätöksiä
• hakea omien päätösten tueksi oikeaa tietoa
• uskallus luottaa omaan arvostelukykyyn
• omasta hyvinvoinnista huolehtiminen
• omien tavoitteiden, arvojen ja toiminnan keskinäinen linjakkuus

Tärkeää olisi myös reflektoida eli tarkastella, miten olen onnistunut. 

Itsereflektiokyvyllä tarkoitetaan taitoa, jonka avulla osaamme katsoa itseämme ikäänkuin peilistä, tunnistaa omat vahvuutemme ja heikkoutemme sekä havaita, miten oma toimintamme näkyy muissa ihmisissä.

Itsereflektointi käynnissä.

Anna armoa itsellesi

Minä olen hyvä rentoutumaan, mutta erittäin huono suunnittelemaan ajankäyttöäni.

Usein herään aamuyön pimeinä tunteina siihen, että suren jotain tulevaa projektia, ja miten aikani ei mitenkään voi riittää kaikkeen. Olotila ei kylläkään muistuta suremista, vaan lähinnä paniikkia.

Huomasimme tarkan päiväkohtaisen suunnitelman helpottavan stressiä. 

Joskus voi tuntua, että joku työtehtävä on vain valtavan järjetön möykky kaikenlaista vaikeaa ja työlästä.

Kuitenkin pilkkomalla möykyn osiin voi huomata, että kyseessä ei olekaan ylitsepääsemätön tehtävä.

Näin kävi heti maanantaiaamuna. 

Meillä on alkamassa mittava urakka, hakukoneoptimoimme erään yrityksen nettisivuja. 

Lähinnä olemme käyttäneet aikaamme taivasteluun, miten paljon meillä on työsavottaa edessämme, ja miten luultavasti emme pysty nukkumaan tulevina kolmena viikkona lainkaan, ja miten mahdollista on, että emme pysy aikataulussa ja miten paljon meillä on tekemistä tutustumisessa meille entuudestaan tuntemattomaan nettisivualustaan.

Oksennettuamme työvaiheet ulos ja siirrettyämme ne paperille, totesimme, että homma on suurinpiirtein tällainen tässä vaiheessa (kun emme ole vielä tavanneet asiakasta kasvokkain niin, että olisimme saaneet kaikki hänen toiveensa selville):

• tiedonkeruu (muiden saman alan toimijoiden sivuihin tutustuminen) 0,5 h
• värimaailmojen suunnittelu (muutaman erilaisen värimaailman valmistaminen, jotta asiakas saa valita mieluisimman) 1 h
• typografiakombinaatioiden suunnittelu (muutaman erilaisen kombon valmistaminen jotta asiakas saa valita mieluisimman) 0,5 h
• suunnitelma PowerPointille (asiakastapaamista silmälläpitäen) 0,5 h
• Fonectan alustaan tutustuminen 1,5 h
• Asiakkaan nykyisten sivujen läpikäynti sivu kerrallaan ja huomioiden kirjaaminen paperille 2 h
• valmistautuminen asiakkaan tapaamiseen 0,5 h

Järkytykseksemme totesimme, että toimeksiantomme oli ainoastaan hakukoneoptimointi. 

Olimme kuitenkin 6,5 tuntia reippaasti työskenneltyämme tehneet asiakkaalle melkoisen täydellisen suunnitelman nettisivujen totaaliuudistukselle ja toivomme saavamme lisämyyntiä!

Nuttura kireällä.

Taitto | Mikä on Grid System?

Mitä tarkoittaa taitto?

Käsite taitto oli minulle täysin vieras. Ajattelin sen tarkoittavan lehden taittamista, kokonaista aukeamaa ja tekstin sijoittelua aukeaman sivuille. 

Taitto tarkoittaa kuitenkin jotain aivan muuta.

Taitto on tekstin ja visuaalisten elementtien sommittelua julkaisuun, esimerkiksi lehden sivulle tai nettisivuille.

Hyvän taiton tunnistaa helppolukuisuudesta, puhuttelevuudesta ja informatiivisuudesta.

Taitto-ohjelma on esimerkiksi Adobe InDesign.
Painotuotteissa yksikkö on sivu, ja parina siitä muodostuu aukeama.
Nettisivualustoilla on usein jo valmiiksi määritelty taitto, ts. elementtejä pystyy siirtelemään rajatuille alueille. Verkossa taiton tulee olla helppoa selailla ja navigoinnin sivuilla tulee olla vaivatonta ja helppoa.

Taitto muodostuu seuraavista elementeistä:

• typografia (otsikot, leipäteksti, kuvatekstit, luettelot jne)
• kuvat (valokuvat ja kuvitukset)
• graafiset elementit (värit, väripalkit, viivat, logot)

Lisäksi voidaan käyttää stanssauksia ja muita erikoistehosteita kuten foliointia.

Eri taittotyylejä 

Erilaisille taittotyyleille löytyy vakiintuneita nimityksiä. Nimet viittaavat sisällön sommittelutapaan ja rakenteeseen.

Dynaaminen taitto
Jutut ja kuvat ovat sivulla epäsymmetrisesti hajallaan ja sivun ulkoasu vaihtelee päivittäin.

Juoksutaitto
Jutut juoksutetaan palstoille peräkkäin. Otsikot ovat yleensä vain yksipalstaisia.

Lohkotaitto
Jutut ja kuvat ovat lohkon muodossa.

Sirkustaitto
Useita erilaisia kirjaintyylejä ja -kokoja ja kuvia samalla sivulla tarkoituksellisessa epäjärjestyksessä.

Focus-taitto
Jokaisella sivulla on jokin erityinen huomiopiste.

Symmetrinen taitto
Jutut ja kuvat ovat sivulla symmetrisesti toisiinsa nähden.

Staattinen taitto
Aineisto on sivulla jäykän kaavamaisesti päivästä toiseen.

Horisonttitaitto
Sivun leveyssuuntaisuutta korostava taitto.

Vertikaalitaitto
Taitto, jonka ulottuvuus on suurempi korkeus- kuin leveyssuunnassa.

Pyramiditaitto
Isot ilmoitukset sijoitetaan sivun alalaitaan ja toimituksellinen aineisto sivun yläosaan.

Lähde: graafinen.com

Uusi käsite Grid System

Taittotyön pohjana käytetään usein gridiä eli asettelupohjaa.

Melko rytmikäs ja yksinkertainen Grid-pohja.

Grid-harjoitus.

Tällä viikolla tullut Koiramme-lehti pääsi käsittelyyn. Voimme todeta, että käytössä on yksinkertainen grid, ja kuvat ovat aina kahden tai kolmen palstan levyisiä.

Grid muodostuu palstaväleistä, palstoista sekä riviväleistä ja riveistä eli pysty- ja vaakalinjoista. Grid näkyy siis taittajalla siinä vaiheessa, kun taittaja sommittelee elementtejä julkaisuun, mutta se ei näy enää loppukäyttäjälle.
Gridin tarkoituksena on säilyttää yhtenäinen linja koko julkaisussa.

Kapeista palstoista muodostettu grid, jossa otsikot ovat kuvituksenomaisia pystysuuntaisia palkkeja.

Pinterestistä löytyi taas varsin kattava otos kaikenmoista taitosta ja grideistä:

Stockholm Furniture & Light Fair | Sisustusmessuilla Tukholmassa

Skandinaavista designia

Vierailimme Tukholmassa sisustusmessuilla. Tänä vuonna mieleen jäivät parhaiten seuraavat asiat:

• tummat, murretut värit
• holvikaaret
• luonnonmateriaalit
• valot ja varjot
• Art Deco-henkisyys
• akustiikkaelementit
• kierrätysmateriaalit
• lampaantaljat

Nämä värit ovst minun päässäni vuoden 2020 sisustusvärit.

Holvikaaret ja murretut, tummat sävyt.

Holvikaaria, pitkästä aikaa!

Tänäkin vuonna näkyi paljon viherkasveja.

Värit olivat tummanpuhuvia, päällimmäisenä mieleen jäi suklaanruskea, leijonankeltainen ja tumma vihreä. Vaaleammista väreistä näkyi paljon sammutettua vaaleanpunaista. Vastavärien yhdistelmiä näkyi paljon. 

Harmaata ei näkynyt lainkaan.

Murretulla keltaisella väritetyt akustiikkaelementit.

Monella osastolla näkyi murrettua punaista, lohenpunaista ja sammutettua vaaleanpunaista sekä vastavärejä.

Taidokasta puusepäntyötä ja murrettu punainen seinäväri.

Ihanaa ruskeaa monessa eri sävyssä.

Syvää ruskeaa ja lilahtavaa syreeninsinistä.

Mun lempparia, leijonankeltaista ja vastavärinä violettiin taittavaa sinistä. Tuoleissa ihastuttava muotoilu.

Messujen yleisilme oli murrettu ja tumma.

Messurakennelmat olivat huikeita! Vaikka Habitarekin oli tosi hieno viime vuonna, kyllä Tukholman messuilla on panostettu vielä enemmän rakennelmiin.

Flosin osastolla oli kokonainen pieni talo rakennettuna puutarhaan. Flos esitteli puutarhavaloja.

Messuilla oli monta kokomustaa osastoa. Musta oli syvää ja pehmeää mustaa. Katto oli katseenvangitsija.

Valitettavasti kännykällä räpsimäni kuvat olivat erinomaisen huonoja. 

Omat suosikkini Tukholman messuilla olivat leijonankeltaiset sohvat ja taidokas puusepäntyö. Minun oli vaikea keskittyä yksityiskohtiin, kun tummanpuhuvat värit rynnistivät täydellä teholla verkkokalvoilleni.

UUUHHH! Tämän sohvan kotiuttaisin kiljuen. Murrettu leijonankeltainen on ihana, ja sohvan ristikot täydelliset.

Ylellistä nahkaa ja messinkiset 50-lukua henkivät sohvanjalat.

Valaisinhulluna sanoisin, että tänä vuonna valaisimet olivat ilmavia. Varjostimet ovat usein riisipaperia. Seinävalaisimia näkyi paljon.

Kierrätysmateriaalit olivat hyvin edustettuina näillä messuilla.

C-hallissa oli mm. paljon kokeilevaa puusepäntyötä.

Messumatka oli onnistunut. 

Kävin myös viime vuonna Tukholman messuilla, silloin oli värikkäämpi meininki, nyt värit olivat selvästi tummempia.