Graafisen suunnitelun esimerkkien analysointi

Keltaisen värin käyttö graafisessa työssä

Keltaista väriä käytetään töissä usein tosi suuresti, eli pohja on joko kokonaan keltainen tai sitten värillä on tehty jokin suuri kuvio työhön. Toisen avaihtoehtona on käyttää väriä tekstissä, joka herättää heti huomiota. 

Keltainen väri yhdistettään usein mustan, harmaan ja valkoisen kanssa tai muiden keltaisen/oranssien/punasten sävyjen kanssa. Väriä käytetään myös vaikka ympyrän tai neliön pohjavärinä.

Sinisen värin käyttö graafisessa työssä

Mielestäni sinistä väriä uskalletaan käyttää ja sekoittaa rohkeammin kuin esimerkiksi keltaista. Useissa julisteissa ja käyntikorteissa on niin, että tummemmalla sinisellä voidaan laittaa pohjaväri mutta vaaleampia sävyjä käytetään enemmän pienemmissä osissa ja teksteissä sekä kuvioissa.

Sinisen kanssa yhdistetään paljon sen eri sävyjä sekä valkoista. Mustaa käytetään yleensä vain pienessä osassa jos lainkaan. Valkoisen käyttö sinisen kanssa tuo työhön enemmän eloa. Kun sininen itsessään on jo tumma väri, tekisi musta siitä vain synkemmän.

Mustan värin käyttö graafisessa työssä

Musta väri on tosi voimakas, ja voisi luulla ettei sitä voi käyttää paljoa, esimerkiksi käyntikortissa. Mielestäni asia on aivan toisin. Kun mustaa väriä käyttää vaikka käyntikortin pohjavärinä se tekee heti korttiin ylellisemmän ja ``fancymmän`` fiiliksen. Enkä yhtään ihmettele jos hienommat hotellit esimerkiksi käyttää mustakultaisia käyntikortteja.

Niinkuin jo mainitsin kultainen väri on yleinen mustan kanssa ja se tuokin lisää ylellisyyttä kortille. Joissain töissä kuitenkin oli käytetty pelkkää mustaa, mikä sekään ei näyttänyt pahalta. Värien käyttö vähentyy huomattavasti kun pohja on musta, mutta jos värejä käytetään ne on räikeämpiä sävyjä esimerkiksi pinkki tai oranssi, muuten väri hukkuu helpommin kuvaan. 

Visujen alauttamispäivä

 Alauttamsipäivä

Aamupäivän ohjelma

Aamupäivällä tosiaan vähän jumppailtiin/ leikittiin ja suunniteltiin seuraavaa päivää. Loimme uudet tiimit täksi päiväksi ja suunnittelimme näissä uusissa tiimeissä, joitakin syötäviä, mitä halusimme tarjota muille iltapäivällä. Kävimme myöskin veturitallilla katsomassa taidenäyttelyä.

Iltapäivän ohjelma

Iltapäivällä toteutimme tämän aamupäivällä suunnitelemamme kattauksen. Meidän tiimi valitsi syötäväksi ja juotavaksi tottakai irtokarkkia ja pepsi maxia. Näistä ruuista piti seuraavaksi asetella hienon näköinen kattaus noin puolen tunnin aikana, jonka jälkeen äänestettiin hienoimman näköistä pöytää tai sitä mikä viehätti eniten. Omalle pöydälle sai antaa äänen, en myönnä mitään. Äänestyksen jälkeen sai vain alkaa kiertämään pöytiä ja syömään. 

Tämä piristi koko alkuviikon tunnelmaa asiakashankinnoista/töistä pois ja antoi paremman mahdollisuuden tutustua kaikkiin paremmin, koska muuten siihen ei ole niin paljoa aikaa.

Kuva tekemästämme kattauksesta 

Kiinnostavat blogit

 Mielestäni 5 kiinnostavinta blogia 

Kaukokaipuu

Himari kirjoittaa ja kertoo blogissaan retkeilystä, kalastuksesta, valokuvauksesta, vaelluksesta ja luontoelämyksistä, jotka ovat kaikki minulla lähellä sydäntä

Ulkoasu blogissa on silmää miellyttävä. Blogissa on eroteltu kaikki omiin paikkoihinsa, joten oman kiinnostuksenkohteen postaukset on todella helppo löytää. Blogin ulkoasussa käytetään paljon kuvia tumman pohjan kanssa, joka auttaa uppoamaan postausten mukaan. 

Karoliina K.

Karoliina kertoo blogissa elämästään, sisustuksesta ja vaatteista, vähän lifestyle tyylinen. Hän kirjoittaa paljon, jos on käynyt vaikkapa Suomenlinnassa ja kertoo fiiliksiä sieltä. 

Karoliina käyttää blogissaan todella lempeitä sävyjä, sekä yksinkertaista, pientä fonttia.

Villa H

Villa H blogi kertoo myös suurimmaksi osiksi lifestyle- ja sisustus aiheisista asioista. Blogista saa paljon inspiraatiota esimerkiksi kodin sisustamiseen

Kaamoskuutamolla

Kaamoskuutamolla blogissa hän kuvailee paljon auringonlaskuja ja kertoo paljon vaikkapa Lightroomin käytöstä, mistä tulee itselleni paljon vinkkejä

Graafinen suunnittelu

SOMMITTELU

sinisessä kuvassa asiat ovat suorassa linjassa ja ne ovat tasapainossa toisten kanssa.
oranssissa kuvassa

RR- RYHMITÄ JA RYTMITÄ

Asiat ovat selkeässä järjestyksessä sekä kaikki kolme osaa on osattu laittaa omiin tasoihinsa, jolloin ne saadaan hyvin erotettua, eikä lukija sekoita tekstejä ja kuvia keskenään.
Otsikot ovat erotettu isommalla fontilla ja pienemmän lisätekstit ovat kirjoitettu näin ollen otsikoiden alla, eikä niitä sekoita toiseen otsikkoon. 
Tekstit ovat vaakasuorassa, eikä niitä ole joka suuntaan, joka tekee listasta helposti luettavan.
Menu on kirjoitettu helposti erotettavaksi isolla eri puolelle kuin muut tekstit
Eri värit ovat omilla riveillänsä, eikä tuo kuvaan sekalaista tunnelmaa.
Rytmitys on kolmessa vaakatasossa.

TILA/ WHITE SPACE

Mobile kuva
Kuva on sijoitettu keskelle, jolloin se herättää heti huomion.
Kuvan alla lukee teksti pienemmällä fontilla, mutta sijoitettu kuitenkin niin, että teksti tulee huomatuksi kuvaa katsoessa.
Valkoinen tyhjä tila kuvassa auttaa tätä tuomaan asian suoraan ilmi.
Taustasta muodostuu kuvassa olevaan käteen puhelin, rajaamalla yksittäisiä osia puhelimesta, jolloin näyttää, että puhelin, joka kuvassa on, on erillinen taustan kanssa, vaikka näin ei ole.

KONTRASTI

Autokuvaan tärkein teksti on sijoitettu isolla, yksinkertaisella ja maskuliinisella fontilla, keskelle kuvaa ja katse kiinnittyy siihen.
Keltainen auto kaiken mustavalkoisen keskellä keskikokoisena elementtinä tuo kuvaan mielenkiintoa. Mustavalkoinen värimaailma ei välttämättä antaisi lukijalle tarpeeksi tarkkaa kuvaa tapahtumasta.
Päivä,äärä on erotettu selkeästi kuvan alareunaan, eikä sitä sekoita muihin teksteihin, sillä se on islommalla kuin muut ympörillä olevat infotekstit.

LINJAUKSET

Kortissa tekstit ovat linjattu vaakasuoraan asempaan reunaan, sististi eri riveille jokainen asia,

Graafisen suunnittelun perusteet

RGB + CMYK + # (HEX)

Asiaa kannattaa lähteä miettimään kannalta, RGB VS CMYK

RGB vs CMYK

 https://printaura.com/difference-between-RGB-and-CMYK

Helposti sanottuna CMYK:issä on haaleammat eikä niin voimakkaat värit kuin RGB:ssä.

# HEX

Hex on värikoodi. Esimerkiksi #a607c6.
Näin ollen kun teet projektia, saat aina samat värit kun syötät # koneeseen.

PAINOVALMIS TIEDOSTO

Painovalmiita tiedostoja ovat kaikki, jotka tulevat tehtaan kautta, esim. flyerit, teippaukset, pakkaukset ja julisteet. Kaikki mitä vain tulee mieleen painotalon tuotteista.
Painovalmiissa tiedostossa pitää muista seuraavat asiat:
-Mittayksikkönä toimii aina millimetri (mm)
-Värimaailman on oltava CMYK
-Bleed, eli: "jos käytän valokuvaa tai taustaväriä, kasvatan sitä 3mm suuremmaksi kuin työn oikea koko, jolloin kuvaan ei jää valkoisia reunoja.
-Resoluution pitää olla 300pixel/inch

painovalmis tiedosto

Neljän Viljan Hiutale 850 g | Myllyn Paras

myllynparas.fi

JULKAISUVALMIS TIEDOSTO

Joku julkaisee itse jotakin, johonkin some- tai nettisivuille.
Julkaisuvalmiissa tiedostoissa tärkeää on:
-Pixelit mittayksikkönä
-Väriavaruutena on RGB
-Resoluutio 72 pixel/ inch. Resoluutio näin pieni, koska mitä suurempi määrä pixeleitä, sitä hitaammin kuva latautuu esimerkiksi nettisivuilla. Näin ollen pitää joustaa laadusta, sillä asiakkaille tärkeämpää on nopeus.

zalando.co.uk

TIEDOSTOKOKO

-Painovalmiissa tiedostossa, tiedostokoko voi olla megoina (M)
-Julkaisuvalmiissa sitten taas tiedostokoko on Kilo (K), sillä esimerkiksi verkkokaupat tukkeutuvat jos kaikkien tiedostojen koko olisi suurempi kuin 150K. Kun tiedostokoon pitää alhaisena, nettikauppakin toimii kunnolla.

TIEDOSTON NIMEÄMINEN

Tiedoston nimeämisessä ei voi käyttää:
-kirjaimia ä, ö, å
- # tai muut erikoismerkit
- välilyönti
-Esimerkki: kivijalka_oy_kayntikortti_w90mm_h50mm
-Kun tiedoston nimeen kirjoittaa suoraan tiedoston haluttavat mitat, painotalo näkee suoraan, minkäkokoista tuotetta pitää tehdä.

ARKKIKOOT

-Arkkikokoja on A0- A6
-Ymmärtämistä auttaa hyvin kuva, josta tajuaa arkkikokojen idean:
         -Kaksi A6 = A5
         -Kaksi A5 = A4
              yms yms yms...
-Painotaloon paperin paksuus ilmoitetaan aina muodossa g/m2

Arkkikoot vierekkäin laitettuna

Paperi – Wikipedia

RESOLUUTIO

- Pixel/inch, eli kuinka monta pixeliä on per yksi tuuma
-Esimerkiksi 72pixel/inch (inch=tuuma)

Mitä enemmän pixeleitä on kuvassa, sitä tarkempi kuva on

Resoluutio suurennuslasin alla

RASTERI VS VEKTORI

RASTERI: Esim photoshop tuottaa kuvaa joka on täynnä pixeleitä, kuvaa koittaa vaikkapa suurentaa eli kuvasta tulee rasterinen.
VEKTORI: Loputtomasti suurennettavissa ja pienennettävissä, ilman että laatu kärsii tästä.

Rasterin ja vektorin ero

vektori | KUOLO