Värienkäyttö graafisessa suunnittelussa

Tässä postauksessa analysoin värin käyttötapaa graafisessa suunnittelussa. Valitsin värikseni eri persikan sävyjä, vaaleasta roosaan taittavaan, sekä syvempään oranssiin taittavaan. Etenkin persikan sävyissä värin tummuusaste vaikutti olennaisesti siihen, kuinka laajalla pinta-alalla väriä työssä yleensä käytetään. Vaaleat persikan sävyt toimivat hyvin erilaisten korttien ja julisteiden taustavärinä. Hempeämpi persikan sävy ei vedä liikaa huomiota itseensä, vaan luo enemmänkin lämpimän ja/tai raikkaan tunnelman siihen yhdistetyistä sävyistä riippuen. Alapuolella olevasta Pinterest-taulusta näet kuvia erilaisista persikan sävyisistä graafisista töistä.

Tämän postauksen kuvat olen poiminut Pinterest-taulustani. Kuvia klikkaamalla pääset alkuperäiselle sivustolle, josta kuva on Pinterestiin lisätty.

Väriyhdistelmät

Monissa graafisissa töissä taustan vastaväriä on lisätty niihin kohtiin, joita halutaan erityisesti korostaa. Tässä tapauksessa valitsemani värin vastaväri on sininen. Lisäksi useihin töihin on lisätty valkoista rauhoittamaan kokonaisuutta. Monissa kuvissa on myös haluttu tavoitella väriharmoniaa, valitsemalla työn pääväriä, eli tässä tapauksessa persikkaa, lähellä olevia sävyjä kuten roosaa ja keltaista. 

Yleisimmät persikan sävyjen kanssa käytetyt värit ovat:

• Sinisen eri sävyt
• Valkoinen
• Vihreä
• Vaaleanpunaisen eri sävyt
• Keltainen

Tässä julisteessa on käytetty hyvin vastavärejä.

 

Tässä käyntikortissa on mielestäni hyvä väriharmonia, ja valkea pohja rauhoittaa kokonaisuutta.

Toimiala ja teema

Persikan sävyä käytetään selkeästi eniten erilaisissa korteissa, julisteissa sekä mainoksissa. Mainostajista tyypillisimpiä ovat erilaiset tapahtumat ja taidenäyttelyt. joissa valittua persikan sävyä on usein käytetty taustavärinä. Korteista tyypillisimpiä ovat erilaiset kutsukortit juhliin. Julisteissa ei ole yhtä selkeää teemaa, vaan sävyjä on käytetty niin hempeämmissä, kuten kauneuteen ja sisustukseen liittyvissä, kuin kirkas värisimmissä Pop-taide henkisissä töissä. Lisäksi persikan sävyjä löytyy paljon erilaisista taidejulisteista, joita löytyy miltei enemmän kuin mainosjulisteita. Myös sitrushedelmiin liittyvissä julisteissa ja mainoksissa on käytetty usein persikan sävyjä.

Tässä julisteessa persikan sävy toimii tehostevärinä loistavasti.

5 tapaa käyttää persikan sävyä graafisessa suunnittelussa

• Rauhallinen taustaväri

                    Haalea persikan sävy sopii monenlaisten töiden taustaväriksi, sillä siihen on helppo yhdistää         

                    miltei kaikkia värejä. Lisäksi se ei luo niin voimakkaita mielikuvia, kuin kirkkaat sävyt.

Tämän kuvan murretun persikan sävyinen tausta lisää kuvaan syvyyttä ja mielenkiintoa täysin eri tavalla entä vaikkapa kokonaan valkea tausta. Lisäksi murrettu sävy tuo kuvaan vintagefiilistä.

• Käyntikortit

                    Persikan sävy lisää käyntikorttiin mielenkiintoisuutta pitäen sen kuitenkin neutraalina.     

                    Käyttäisin persikan sävyä esimerkiksi kauneudenhoitoalan käyntikorteissa.

Graafisesti yksinkertaisen käyntikortin ilme muuttuu täysin kun sen painaa värilliselle paperille.

• Pakkaukset

                    Persikan sävyt sopivat hyvin erilaisiin pakkauksiin. Vaaleammat sävyt tuovat hempeyttä 

                    erilaisiin kosmetiikkapakkauksiin, kuten kosteusvoiteisiin tai saippuoihin. Kirkkaammat sävyt 

                    puolestaan tuovat raikkautta esimerkiksi erilaisten virvoitusjuomien pakkauksiin.

Tästäkin pakkauksesta huomaa, että persikan sävy sopii moneen.

• Julisteet

                    Persikan sävyt sopivat niin tausta- kuin pääväriksi useisiin erilaisiin julisteisiin. Erilaisten     

                    tapahtumien mainosjulisteiden lisäksi näkisin niitä käytettävän kuitenkin taidejulisteissa, joita 

                    voisi vaikkapa tilata kotiin piristykseksi. 

Vaikka tässä kuvassa on runsaasti erilaisia kuvioita on kokonaisuus tasapainoinen.

• Kutsukortit

                    Persikan sävy on usein lämmin, ja lämpimät sävyt kutsukortissa toivottavat kutsutun 

                    tervetulleeksi tilaisuuteen. Persikan sävyt sopivat hyvin vaikkapa perhejuhlien tai 

                    tapahtumien kutsukortteihin.

Valkean, persikan ja vihreän sävyt yhdessä luovat seesteisen tunnelman. 

Miten saada asiakkaita? Parhaat vinkit asiakashankintaan.

Asiakashankintaa aloittaessa on tärkeää miettiä ja kartoittaa omat verkostot ensin. Olisiko joku tuttuni mahdollisesti kiinnostunut uudesta palvelustani, tai voisiko joku kaverini tuntea kohderyhmääni ja välittää tietoa palveluistani heille? 

Tässä postauksessa mietin vinkkejä, miten asiakashankinnan voi aloittaa niin sanotusti täysin nollasta.

Perhe, ystävät, tuttavat

Kerro omasta palvelustasi perheenjäsenillesi, ystäville ja tutuille. Ole avoin, ja ota asia puheeksi sillä usein  vaikka juuri se kaveri ei tarvitsisi palveluitasi juuri nyt, hän voi suositella sinua jollekin tuttavalleen. Alkuvaiheessa omien verkostojen hyödyntäminen ja uudesta palvelusta kertominen on erityisen tärkeää, sillä puskaradio toimii tänäkin päivänä erittäin hyvin.

Sosiaalinen media

Kun lähipiiri on kartoitettu, ja sieltä löytyneet potentiaaliset asiakkaat on saatettu tietoisiksi palveluista lähtisin mainostamaan itseäni omissa sosiaalisen median kanavissa. Näistä mainoksista, asiakaskyselyistä, tai palveluiden tarjoamisista kannattaa tehdä julkisia, jotta jos tieto sinusta leviää pääsee seuraajiisi kuulumatonkin henkilö näkemään julkaisun. Jos käytät julkaisuun Instagramia on avainsanojen, eli hästägien, lisääminen tärkeää, sillä näin mahdollisimman moni sinulle tuntematon ihminen voi tavoittaa julkaisun. Kerro rohkeasti osaamisestasi ja päivitä siihen liittyviä juttuja myös omalle sometilillesi. Jos paikkakunnallasi, tai toimialueellasi, on palveluusi liittyviä Facebook-ryhmiä, muista mainostaa itseäsi myös niissä. Ole aktiivinen somessa, sillä uusia kuvia ja päivityksiä tulee päivittäin niin paljon, että osa juuri sinun päivityksistäsi saattaa hukkua uutisvirtaan.

Portfolio

Etenkin luovilla aloilla, kuten visualisteilla, on portfolion merkitys suuri. Kun jokaisella meistä on oma tapamme tehdä asioita, on tärkeää että asiakas näkee portfoliosta juuri sinun työsi jäljen. Portfolioon voit laittaa onnistuneimmat työsi, luonnokset, tai vaikkapa kuvia projektin varrelta. Vaikket olisi tehnyt vielä paljoa, laita töitäsi rohkeasti portfolioon sillä kuvat kertovat enemmän kuin tuhat sanaa. Ja muista, että portfoliota voi aina päivittää sitä myöten kun kehityt alallasi. 

Yhteistyö

Onko alueellasi joku mielenkiintoinen yritys kenen kanssa voisit haluta tehdä yhteistyötä? Tarjoa palveluitasi rohkeasti muille ja ehdota yhteistyötä. Monesti, etenkin pienet yritykset, alkavat yhteistyöhön mielellään sillä se tarjoaa molemmille uuden väylän mainostaa itseään ja usein vielä hyvinkin edullisesti. Yhteistyöksi voi riittää esimerkiksi käyntikorttien vaihtaminen ja niiden esille laittaminen, toisen liikkeen suosittelu omille asiakkailleen tai vaikkapa sosiaalisen median julkaisujen kommentointi. 

Asiakaspalaute

Kun olet saanut asiakkaita, muista pyytää heiltä palautetta, jonka saat julkaista somessa ja/tai verkkosivuillasi. Kun uusi asiakas päätyy sivuillesi ja näkee siellä positiivisia asiakaspalautteita, hän todennäköisemmin ottaa sinuun yhteyttä kuin ilman palautteita. 

Hyvän blogipostauksen hakukoneoptimointi eli SEO

Hakukoneoptimointi on blogipostausta tehdessä tärkeää, jos haluat että postauksesi tavoittaa mahdollisimman suuren yleisön. Kun aloitat kirjoittamaan hakukoneoptimoitua blogipostausta on tärkeää miettiä miten "googlaaja" löytää tuottamasi sisällön. Mitä hakusanoja tai hakusanayhdistelmiä hän mahdollisesti voisi käyttää, ja mikä niistä on se tärkein. Kun olet päättänyt postauksen avainsanan, eli keywordin, se olisi hyvä löytyä useammasta eri kohdasta pitkin postausta. Avainsanan liika viljely ei kuitenkaan kannata, sillä se pudottaa postauksesi näkyvyyden googlessa. Mainitsen tässä postauksessa myös muutamia työkaluja jotka löytyvät Googlen omasta Blogger alustasta, sillä se on tällä hetkellä itselläni käytössä. Alapuolella olevasta kuvasta pääset suoraan Pinterest tauluuni, johon olen lisännyt SEO aiheisia kuvia. Monesta kuvasta pääset suoraan aihetta käsittelevään artikkeliin!

Keyword eli avainsana

Muistilista niistä kohdista, joista keywordin eli avainsanan tulisi löytyä:

• Otsikosta
• Leipätekstistä
• Alaotsikosta
• Kuvien alt-tekstistä
• Kuvatekstistä
• Tunnisteesta

On myös tärkeää, että avainsana on joka kohdassa samaan muotoon taivutettu sillä Google ei (ainakaan vielä) tunnista sanojen taivutuksia. Se on toisaalta myös etu, sillä se mahdollistaa avainsanan tarkoituksenmukaisen taivuttamisen ja silloin avainsanaa ei voi niin helposti vahingossa kirjoittaa liian montaa kertaa.

Lisäksi postauksen alaotsikkojen alle on hyvä kirjoittaa heti ensimmäiseen lauseeseen alaotsikon avainsana. Esimerkin näet vaikkapa heti tästä yläpuolelta, Keyword eli avainsana otsikon alta.

Eli yhdessä postauksessa voi olla useampi avainsana, mutta niistä tärkein löytyy pääotsikosta. Google tarjoaa myös työkaluja avainsanojen analysointiin, suunnitteluun, käyttöön ja ideointiin.

Otsikko

Postauksen otsikkoja miettiessä on tärkeää sisällyttää niihin alle tulevan tekstin olennaisin asia tai sana, ja vielä siinä muodossa jossa kohderyhmääsi kuuluva "googlaaja" voisi sen googlettaa. 

Hakukoneoptimoinnin maailmassa otsikosta voidaan käyttää/käytetään myös nimeä title.

Otsikoista tärkein on postauksen pääotsikko ja siihen tulee sisällyttää koko postauksen kannalta tärkein sana, eli keyword. Lisäksi pääotsikon on tärkeää olla enintään 70 merkkiä pitkä, vielä parempi jos saat otsikon pituudeksi korkeintaan 60 merkkiä. Alapuolelle on listattuna muut otsikot tasoittain, sekä niiden viereen on merkitty HTML-koodiin tuleva otsikon arvo. HTML-koodin avulla voit tarkistaa, että onhan otsikko tullut postaukseen hakukoneoptimoinnin kannalta oikein. 

• Pääotsikko (H1) 
• Otsikko (H2)
• Alaotsikko (H3)
• Pienempi otsikko (H4)
• Normaali (p) eli leipäteksti

Jos käytät Blogger alustaa bloggaamiseen, valitse aina otsikon koko ylhäältä, niin koodi muodostuu automaattisesti. Otsikon on tärkeää olla HTML-koodissa oikein, sillä vain siten Google ymmärtää että kyseessä on otsikko.

Hakukuvaus eli metadescription

Hyvän otsikon lisäksi postauksesta on tärkeää löytyä myös asiaanliittyvä, enintään 150 merkkiä pitkä hakukuvaus. Hakukuvaus näkyy "googlaajalle" ensimmäisenä, ja sen tulee houkutella hänet klikkaamaan eteenpäin juuri sinun verkkosivullesi. 

Bloggerin oikeaan sivuun saat laitettua hakukuvaus lisäosan, johon voit kirjoittaa lyhyen, mutta houkuttelevan tekstin jonka perusteella saat "googlaajan" klikkaamaan eteenpäin.

Hyvään hakukuvauksen tulisi kertoa heti postauksen ja/tai verkkosivuston relevantein asia, sisällyttää useampia postauksesi kannalta olennaisia avainsanoja, sekä jokin toimintokehotus. Toimintokehotus voi olla esimerkiksi jokin seuraavista:

• Lue lisää
• Katso vinkit
• Osta tästä
• Tutustu tuotteisiin
• Lisää ostoskoriin

Jos sivustollasi on verkkokauppa, voit pitää sen ohella esimerkiksi blogia johon kirjoitat tuotteisiisi liittyviä artikkeleita. Potentiaalinen asiakas voi löytää ensin artikkelisi, ja päätyä sen hakukuvauksen perusteella sivustollesi ja lopulta maksavaksi asiakkaaksi verkkokauppaasi. 

Kun tuotteillasi ja/tai kirjoituksillasi on hyvät hakukuvaukset, joissa on käytetty mahdollisimman erilaisia mutta kuitenkin olennaisia avainsanoja, saat tavoitettua laajemman yleisön.

Listat

Google rakastaa listoja. Siksi olen lisännyt niitä tähänkin postaukseen. Mutta listatkin on bloggerissa tärkeää tehdä lista- / luettelotyökalun avulla, jotta saat niihin oikean HTML-koodin automaattisesti. Blogia kirjoittaessa HTML-koodi nousee tärkeään asemaan, sillä jos HTML-koodi on väärin tai puutteellinen, ei Google tunnista tekstiä haluamallasi tavalla.

Valokuvat / piirrokset / havainnekuvat

Houkuttelevat valokuvat ovat esteettisesti ja teknisesti korkeatasoisia sekä havainnollisia. Kun kirjoitat postausta, ja olet miettinyt kohderyhmäsi valmiiksi, täytyy kuvan myös olla juuri sinun kohderyhmääsi puhutteleva.

Kuva on myös tärkeää nimetä oikein, sillä myös kuvan nimi vaikuttaa sen näkyvyyteen Googlessa. Jos myyt vaikkapa sänkyjä, olisi kuvan nimen syytä olla seuraavanlainen:

jenkki_sanky_tuotemerkki_120cm_yrityksennimi

Kun kuva on nimetty oikein voi "googlaaja" löytää juuri sinun sivusi esimerkiksi Googlen kuvahausta.

Kuvien optimointi

Hyvä blogiin tuleva kuva on julkaisuvalmistiedosto, josta olen kirjoittanut jo aiemminkin. Kun puhutaan julkaisuvalmiistatiedostosta, eli tässä tapauksessa kuvasta, olisi kuvan pikselikoon tärkeää olla noin 1200px ja koko kuvan enintään 300 kilotavun kokoinen. Mitä pienempi kuvan koko kilotavuissa on, sen nopeampaa se aukeaa. On myös tärkeää määrittää kuvan title, eli otsikko sekä alt-teksti eli kuvaus näkörajoitteisille. Alt-teksti auttaa myös Googlea ymmärtämään mitä kuvassa on.

Tämän esimerkkikuvan nimeksi laitoin auringonkukkapelto_salo_2020

Kuvan kooksi määritin 563 x 1000 px, tarkkuudeksi 72ppi, ja pienensin kuvan koon alkuperäisestä 719.2 kilotavusta alle 100 kilotavuun TinyPNG sivuston avulla. Myös kuvan alt-tekstiin sekä kuvatekstiin tulisi sisällyttää keyword, se jäi tässä postauksessa vielä tekemättä. 

Hakukoneoptimointi on aiheena laaja ja haastava. Tulen varmasti päivittämään tätä postausta myöhemmin, tai kirjoitan aiheesta lisää uusien postausten muodossa.

5 kiinnostavaa blogia

Saimme tehtäväksi kirjoittaa viidestä kiinnostavasta blogista lyhyet esittelyt, joissa pohdimme lyhyesti mikä tekee juuri tästä blogista itseäni kiinnostavan. Olen lukenut blogeja niiden alusta saakka, joten siinä mielessä blogikenttä on minulle entuudestaan tuttu, eikä viiden suosikin valinta ollut kovin vaikeaa.

Tässä mun tämän hetken lempparit sekalaisessa järjestyksessä.

Notes on a life / Stella Harasek

Tämä blogi on mulle vieläkin Paras aika vuodesta -blogi, koska sillä nimellä se toimi, kun aikanaan siihen tutustuin. Pidän erityisesti siitä, että blogi on muuttunut ja elänyt tekijänsä mukana, on aito ja kuvat ovat itseäni esteettisesti miellyttäviä. Yhteistyöt ovat harkittuja, värimaailma on vaihteleva mutta silti yhtäaikaa maanläheinen ja hattarainen, musta-valkean graafinen ja todentuntuinen. Tässä blogissa itseäni houkuttelee ennen kaikkea sisältö, niin kirjoitettu kuin visuaalinen. Sisustuskuvat ovat inspiroivia, ja tekstien kirjoitustapa on sellainen jonka kaltaiseen haluaisin itsekin pyrkiä. 

Kuvakaappaus Notes on a life blogin etusivusta.

WTD

Myös tätä blogia olen lukenut sen perustamisesta saakka. WTD blogin kirjoittaja, sekä itse blogi, on muuttunut paljon miltei kymmenessä vuodessa ja tätä matkaa on ollut mielenkiintoista seurata. Tässä blogissa itseäni puhuttelee suorapuheisuus, sekä kirjoittajan rakennus- ja työprojektit. 

Kuvakaappaus WTD-blogista.

Sara Tickle

Muistan, että olen selaillut tätä blogia joskus aiemminkin, mutta aloin lukemaan tätä enemmän vasta tänä keväänä, kun törmäsin kirjoittajan kuviin instagramissa. Näin ollen voisi sanoa, että tämä blogi on minulle uusvanha tuttavuus. Vaikka blogin teksti on sisällöllisesti hyvää, tässä blogissa itseäni puhuttelee kuvat selkeästi tekstiä enemmän. 

Kuvakaappaus Sara Ticklen blogin bannerista.

Raw design blog / Peeta Peltola

Tässä blogissa minua puhuttelevat selkeästi eniten kuvat. Ammattimaisesti otetut sisustuskuvat, joissa jokainen, pienikin, yksityiskohta on aseteltu viimeisen päälle. Kuvissa on mielestäni hyvä, rauhallinen, tunnelma ja erikoiset yksityiskohdat nousevat hyvin esiin. Blogi päivittyy aika harvoin, mutta kirjoittaja on huomattavasti aktiivisempi instagramissa ja seuraankin häntä enemmän siellä. 

Kuvakaappaus Raw Design blogin etusivusta.

Keltainen talo rannalla

Tätä blogia en varsinaisesti (ainakaan tiedostaen) seuraa, mutta löydän sen aina jostakin ja palaan siihen uudelleen. Tähän blogiin on koottu hurjasti kuvia erilaisista sisustuksista, kuvia on yleensä aina muutamasta kodista /per postaus. Ehkä koska blogi ei ole niin kovin henkilökohtainen, en palaa siihen tarkoituksella, vaan löydän sen sattumalta silloin, kun kaipaan inspiraatiota. 

Kuvakaappaus Keltainen talo rannalla blogin etusivusta.

Tekstejä kirjoittaessani huomasin, että seuraan nykyisin paljon enemmän bloggaajien instagramkuvia ja etenkin stooreja. Siinä mielessä heidän vaikuttaminen on siirtynyt enemmän instagrampainotteiseksi, ja mielestäni blogi tukee sitä, sekä kertoo halukkaille lukijoille aiheesta tarkemmin. Myös bloggaajan persoona vaikuttaa ainakin itselläni siihen, luenko blogia vain kerran tai kaksi, vai palaanko sinne vuosienkin päästä takaisin.

Graafinen suunnittelu taitto - sommittelu

Tässä postauksessa kerron graafisen suunnittelun taiton, eli sommittelun, 5 keskeistä elementtiä. Tämän postauksen kuvat olen lainannut netistä, ja kuvaa klikkaamalla pääset sivustolle, josta olen kuvan lainannut.

Esitystapa - Fokus

Itse aloittaisin työn suunnittelun miettimällä asiakkaan mahdollisesti haluamaa esitystapaa, mikä myös soveltuisi ja kiinnostaisi kyseistä kohderyhmää. Esitystapaan valitsisin ensin sen asian, esimerkiksi yrityksen sloganin tai logon, minkä haluaisin nousevan tärkeimpänä ja ensimmäisenä esille lopullisesta työstä. Sen jälkeen pohtisin alustavasti työhön soveltuvaa väriskaalaa, typografiaa, gridiä ja tapaa millä haluamani asia nousisi esille ensin. 

Esitystavan avulla saadaan asiakkaan huomio kiinnitettyä heti työn kannalta olennaisimpaan asiaan.

     Esimerkiksi tässä kuvassa huomio kiinnittyy ensimmäisenä autoon, ja sen jälkeen heti HONDA logoon, mikä on julisteen/mainoksen kannalta olennaisin asia - mitä automerkkiä mainostetaan.

     

RR eli Ryhmitä ja Rytmitä

Kun olen valinnut mielestäni työn tärkeimmän asian, ryhmittelisin muut mahdolliset tekstit ja/tai kuvat/muodot omiin ryhmiinsä, jos olennaisin asia olisi tuotteen nimi, voisivat muut ryhmät olla esimerkiksi

• Tuotetta myyvän yrityksen logo
• Mainosteksti
• Yhteystiedot
• Työhön liittyvät kuvat ja/tai muodot

Lisäksi jos haluan lopulliseen työhön useamman kuvan ja/tai muodon ryhmittelisin myös ne asiayhteyden ja/tai muotokielen mukaan tarvittaessa useampiin omiin ryhmiinsä. Alla esimerkkikuva mielestäni hyvästä ryhmittelystä, kuvasta myös löydät kaikki tässä kirjoituksessa mainitut asiat, ja vähän enemmänkin.

Allie Marie Designin-sivulta löytyy paljon kiinnostavaa tietoa graafisesta suunnittelusta.

Kun olen ryhmitellyt kaikki asiat, lähtisin rytmittämään niitä grid-pohjaan, sekä suunnittelemaan niille sopivia linjauksia. Kun ryhmityksen on tehnyt hyvin, on rytmityksen tekeminen helpompaa, sillä silloin sinulla on niin sanotusti valmiita palasia joita alat vain siirtelemään, eli rytmittämään, mieluisiin kohtiin.

Linjaukset - Grid

Kun olen suunnitellut miten ehkä haluaisin ryhmittämäni palaset asetella (rytmittää) tekisin erilaisia gridejä, eli niin sanottuja verkkoja, joihin lähtisin rytmittämään ryhmitettyjä osioita, eli kuvia, tekstilaatikoita ynnä muuta haluamaani. Kun olen saanut tehtyä mielestäni hyvän verkon ja hyvät rytmitykset tarkistaisin kuvan linjaukset. Eri kappaleiden on tärkeää muodostaa täysin suoria linjoja toistensa välillä, pääasiassa pysty- tai vaakasuunnassa. Linjat voivat olla myös vinossa, mutta vinojen elementtien kanssa on oltava huolellinen, sillä pelkkä vinous jo itsessään kiinnittää katsojan huomion. Sen takia, etenkin alussa, on helpompaa käyttää vain pysty- ja vaakalinjoja. Linjauksen voit tehdä ala- tai yläreunaan, vasempaan tai oikeaan reunaan tai vaikkapa keskelle. Tärkeintä on, että kuvassa on linjaukset kohdillaan.

 Lopullisen kuvan rakennetta pohtiessa on tärkeää muistaa myös länsimaalainen kuvan lukusuunta, vasemmalta oikealle. Lisäksi jos kuvassa haluaa käyttää nousuja, tai laskuja on tärkeää miettiä niiden tuomaa tunnetta. Vasemmalta oikealle nouseva nuoli tuo mieleen esimerkiksi ilon ja menestyksen, kun taas samassa suunnassa menevä laskeva nuoli tuo mieleen vaikkapa pörssikurssin laskun ja katastrofin. Vastapäivään nouseva nuoli puolestaan tuo itselleni mieleen vastavirtaan ja pois päin menemisen.

Suuntien luomien mielikuvien vuoksi on lentokone piirretty nousemaan vasemmalta oikealle päin.

Vaikka kuvat näyttävät äkkiä katsottuna hyvin erilaisilta, nousevat niistä samat asiat ensimmäisenä esille.

Tila - white space, negative space

Työtä tehdessä on tärkeää huomioida myös kuvan tyhjä tila, white space / negative space. Se on lopullisen teoksen kannalta erittäin tärkeä elementti, sillä sen avulla voit nostaa ja/tai tukea graafisen työn olennaisinta asiaa. Vaikka tilasta puhutaan white space nimellä, ei sen tarvitse olla valkoinen tai edes yksivärinen. Ryhmiteltyjen elementtien ympärille jäävä tila voi toki olla joko yksivärinen, kaksoiskuva jossa tausta ja pääkuva sekoittuvat toisiinsa tai vaikkapa printti kunhan se nostaa työn olennaisimman asian esille.

Esimerkki niin sanotusta kaksoiskuvasta, jossa tausta ja pääkuva sekoittuvat toisiinsa.

Esimerkki kuvasta, jossa white space on täynnä printtiä, mutta olennaisin asia, eli kirjan nimi, erottuu kuvasta selkeästi heti ensimmäisenä. 

Kontrasti

Mielestäni tärkein asia miltei valmista kuvaa tarkastellessa on kiinnittää (viimeistään tässä vaiheessa) huomio riittävään kontrastiin. Jos tekstit ja kuvat hukkuvat toisiinsa, tyhjää tilaa uupuu tai katseen kiinnityskohtia on liian useita, katse alkaa harhailla ja alussa valittu fokus hukkuu. 

Kontrasti voi olla esimerkiksi erilaista värien käyttöä, vaalea -> tumma, vastavärejä, korostusvärin käyttöä, kaksivärisyyttä. Tai vaikkapa erilaisten typografioiden käyttämistä, isosta tekstistä pieneen, tikkukirjaimista kaunokirjoitukseen. 

Tässä kuvassa samankaltaiset, ja miltei samankokoiset, tekstit rauhoittavat muuten todella voimakas kontrastista ja yksityiskohtaista naisen kuvaa.

Kaiken kaikkiaan taitto - sommittelu aiheena on todella laaja, ja kaikki aiemmin mainitsemani osa-alueet liittyvät toisiinsa. Mielestäni huomiota herättävä ja katseen kiinnittävä graafinen työ vaatii onnistumisen jokaisella aiemmin mainitulla osa-alueella toimiakseen hyvin. 

Graafisen suunnittelun perusteet

Tässä postauksessa kerron graafisen suunnittelun perusteet lyhyesti, käyttäen suunnittelun onnistumisen kannalta olennaisimpia termejä. Postauksen kuvat olen lainannut netistä, ja niitä klikkaamalla pääset sivustolle, jolta olen kuvan lainannut.

Rasteri, vektori ja resoluutio

Rasteria käytetään yleensä enimmäkseen verkkokaupoissa, sekä muualla netissä sillä sitä ei voi suurentaa loputtomiin. Mitä enemmän rasteria suurennetaan, sen enemmän se pikselöityy, vektori puolestaan pysyy muuttumattomana. Vektorigrafiikka perustuu pisteiden koordinaatteihin, sekä matemaattisiin funktioihin jotka määrittävät pisteiden väliset käyrät. Kun tietokoneohjelma (esimerkiksi illustrator) laskee pisteiden väliset arvot, se mahdollistaa kuvan loputtoman suurentamisen ja pienentämisen. 

Omasta mielestäni merkittävä ero rasterin ja vektorin välillä on myös kuvan realistisuus. 

Alapuolelta näet havainnollistavia kuvia rasterin ja vektorin eroista, niin pikseleiden kuin kuvan realistisuuden suhteen. 

Tässä rasterin ja vektorin vertauskuvassa näkyy mielestäni selkeästi tarkkuusero kuvaa suurentaessa.

Tämä vektorin ja rasterin vertauskuva näyttää taas eron kuvan realistisuudesta.

Resoluutio

Resoluutio puolestaan kertoo kuvan pikselitiheyden. Mitä enemmän pikseleitä, sitä parempi kuvanlaatu, eli resoluutio on. Resoluutio, eli pikselien määrä, ilmoitetaan joko ppi, tai dpi lyhenteellä. 

ppi = pixels per inch (pikseleitä per tuuma)        dpi = dots per inch (pisteitä per tuuma)

Ppi ja dpi tarkoittavat periaatteessa samaa asiaa, mutta dpi lyhennettä käytetään etenkin painovalmiissa tiedostoissa, sillä tulostin tulostaa pisteitä, ei pikseleitä. 

Verkkokauppojen, sosiaalisen median ynnä muiden julkaisuissa käytetään yleensä alhaisempaa kuvien resoluutiota (72ppi) sillä huonompi laatuisemmat kuvat latautuvat huomattavasti nopeammin kuin korkeammalla resoluutiolla olevat kuvat. Painotuotteissa, kuten pakkauksissa käytetään korkeammalla resoluutiolla (300dpi tai enemmän) olevia kuvia, jotta ne kestävät lähempää tarkastelua, ja säilyttävät laatunsa painossa. 

Tämä kuva lehden aukeamasta kuvaa hyvin resoluution merkitystä etenkin painovalmiintuotteen kannalta.

RGB, CMYK JA # (HEX)

RGB = Red Green Blue, CMYK = Cyan Magenta Yellow Key eli avainväri = musta ja #hex ovat erilaisia väritiloja, väriavaruuksia. Kun kuva tallennetaan esimerkiksi CMYK-muotoon, se näyttää kuvan jokaisen pikselin värien voimakkuuden. CMYK värimääritys voisi näyttää esimerkiksi tältä:

C0 M130 Y127 K0 tämä koodi kertoo heti, että väri on joku punainen tai oranssin sävy.

CMYK väritilaa käytetään yleensä painotuotteissa, sillä sen perusvärit on valittu parhaiksi painamiseen. RGB väritilaa puolestaan käytetään digimaailmassa, jossa näyttölaitteiden pikselit heijastavat punaista, vihreää ja sinistä valoa. Värit muodostetaan eri värisiä valonlähteitä yhdistelemällä. RGB värit ovat kirkkaampia kuin CMYK värit. #hex-arvo on ohjelman tekemä luku-/kirjainsarja, joka on aina kuusi numeroinen ja/tai kirjaiminen koodi (esim. #ab07c6). #hex-arvon avulla saman värin voi toistaa niin CMYK kuin RGB väritilassa. 

Tästä kuvasta näkee selkeästi RGB- ja CMYK väritiloissa käytetyt värit. 

RGB väriavaruuden avulla saat luotua paljon kirkkaampia, ja raikkaampia värejä kuin CMYK väriavaruudessa. Tämä on tärkeä ominaisuus väritilaa valittaessa. 

Paino- ja julkaisuvalmistiedosto

Painovalmistiedosto on nimensä mukaisesti painoon menevä, konkreettinen asia esimerkiksi pakkaus, esite tai vaikkapa auton teippaus. Painovalmiissa tiedostoissa käytetään yleensä CMYK-väritilaa, ja mittayksikkönä toimivat millimetrit. Painoon menevää grafiikkaa suunnitellessa täytyy myös huomioida bleed, eli leikkuuvara. Se on yleensä 3mm, ja tarkoittaa että jos tietyn värin halutaan menevän "reunan yli", sitä jatketaan 3mm yli kuvan todellisen rajan. Koska painoon menevissä tuotteissa käytetään korkeampaa resoluutiota (300dpi), ne latautuvat hitaasti ja niiden lähettämiseen käytetään usein jotakin erillistä sovellusta, kuten pilvipalvelua tai wetransferia. Painovalmiidentiedostojen tallennusmuotona toimii usein pdf, painotalosta riippuen.

Julkaisuvalmistiedosto on esimerkiksi verkkokauppaan, tai sosiaaliseen mediaan julkaistava kuva. Näissä kuvissa käytetään RGB-väritilaa, ja mittayksikkönä toimivat pikselit. Kuvien resoluutio (72ppi) on tarkoituksella huonompi, sillä se mahdollistaa kuvien nopeamman avautumisen. Kuvien pienentämiseen voi käyttää esimerkiksi tiny png sivustoa. Tällaisten kuvien tallennusmuotona käytetään yleensä .jpg tai .png-muotoa, joissa erona on tiedoston läpinäkyvyys. Jpg näyttää kuvan tyhjät kohdat valkeana, kun taas png-muodossa ne ovat läpinäkyviä. Näin ollen png-tiedoston avulla voit lisätä kuvaan vaikkapa vesileiman. 

Molempien, niin paino- kuin julkaisuvalmiintiedoston .ai tallennusmuoto tulee aina säilyttää, sillä se on kuvan työstö/työversio, jota voit muokata loputtomiin. 

Tiedostokoko ja tiedoston nimeäminen

Paino- ja julkaisuvalmiissatiedostoissa käytetään eri tiedostokokoja. Koska painovalmiintiedoston resoluutio on korkea, sen tiedostokoko kasvaa, ja puolestaan koska julkaisuvalmiintiedoston halutaan aukeavan nopeasti, sen tiedostokoon täytyy olla pieni.

Painovalmiittiedostot ovat megatavuissa, ja niiden lähettämiseen voidaan käyttää esimerkiksi aiemmin mainitsemaani Wetransferia. Julkaisuvalmiittiedostot ovat mieluiten aina alle 200 kilotavuisia, vielä parempi jos niiden tiedostokoko olisi alle 150 kilotavua. Usein kuvan käsittelyssä tehty pienennys ei yksin riitä, vaan lisäksi tarvitaan kuvaa pienentävä sovellus/sivusto, esimerkiksi tiny png.

Tiedoston nimessä ei voi käyttää mitään erikoismerkkejä, ei välilyöntiä eikä ä, ö, å kirjaimia. Koska jo pelkkä tiedostonimi vaikuttaa google näkyvyyteen, siihen kannattaa panostaa. Ja myös asiakkaita ajatellen on hyvä, että tiedostonimestä selviää heti kaikki olennainen. Hyvän tiedostonimen kaava on seuraava:

Asiakas_tuote_koko esimerkiksi KivijalkaOY_kayntikortti_W90mm_H50mm

ja lisäksi halutessaan tiedostonimeen voi lisätä bleedin; 

KivijalkaOY_kayntikortti_W90mm_H50mm_bleed3mm .

Lisäksi valmiit tiedostot on hyvä lähettää useassa eri tiedostomuodossa, sekä panostaa selkeään kansiorakenteeseen. Kun kansiorakenne on selkeä, on tiedostoihin helppo palata myöhemmin.

Kannattaa myös tallentaa luonnoksia ja väliversioita, sillä joskus asiakas voi tykästyä niihin lopullista tuotetta enemmän. Hyvä kansiorakenne myös toimii muistilistana, ja sen avulla voit varmistaa että kaikki tulee tehdyksi. 

Arkkikoot

A-sarjan arkkikoot saadaan kun A0 sivun puolittaa aina leveän sivun mukaan. Jos sinulla on tiedossa esimerkiksi A4 koko (210mmx297mm) voit sen avulla laskea muiden A-sarjan arkkien koot. Koska pienetkin painovalmiittiedostot painetaan usein isolle arkille, niihin täytyy laskea mukaan bleed, eli leikkuuvara.

Tästä kuvasta on helppo ja nopea tarkistaa A-sarjan arkkikoot.