keskiviikko 30. syyskuuta 2020

Maneliuksen Mansikkatila Salo

 Maneliuksen Mansikkatila


Maneliuksen Mansikkatila on Salon Merikulmalla sijaitseva mansikoita viljelevä ja myyvä yritys. Lisäksi valikoimiin kuuluu kesävihanneksia kuten perunoita, herneitä, sipulia, jäävuorisalaattia ja kukkakaalia lähituottajilta.  Lisäksi ajoittain itsepyydettyä lohta. 

Yrittäjä halusi itselleen toimivan käyntikortin, jottei tulisi jaettua asiakkaille "epämääräisiä" lappuja. Käyntikorttiin piti saada osoite, myynnin puhelinnumero ja maininta Facebook-sivusta.  Kuitenkin aukioloajoista myös puhuttiin sekä nimistä. Mutta loppua kohti ne tippuivat käyntikortista. 

Lisäksi tehtävämme oli suunnitella tienvarsikyltti. Saimme useamman kokovaihtoehdon ja teimme sitten useita vaihtoehtoja mansikkateemaamme ylläpitäen. 



Oma suosikkini tekemistäni käyntikorteista.

Lähdimme koko tiimi tekemään käyntikortteja ja kylttejä hyvin mansikkahenkisesti. Väkersimme ja viimeistelimme mansikoita ja mietimme tarkkaan fontteja luettavuuden kannalta. Kuitenkin taisimme hinkata mansikoita ja muita liiankin pitkään, sillä loppupeleissä mansikka ei ollut lähelläkään heidän toivomaansa ja saimme tehdä pikapikaa täysin uudenlaiset kortin ja kyltit.

Oma näkemykseni ja vieressä asiakkaan ensin haluama 60-luvun henkinen



Palautteen jälkeen tekemäni käyntikortti



Kylteissä jatkui mansikkateema ja mansikan sävy. Näitä suunnitellessa olimme jo saaneet toiveen 60-luvun fontista. Joten käytin omaa ehdotustani näissä kaikissa.  


Kylttikokeilu koossa 20x60cm

Halusin ehdottomasti kokeilla suunnitella melkein kaikkia kokoja joita oli esitetty. Pitkänomaiseen kylttiin tein nuolen ja sijoitin mansikan ja aukioloajat siihen.

Kylttikokeiluja koossa 40x80cm

Tein yhden kokeilun täysin ilman aukioloaikoja ja loppupeleissä aukioloaikoja ei edes tarvittu. Lisäksi mansikkaideasta luovuttiin kokonaan ja haluttiin vanhemman oloista tunnelmaa.



Oma suosikki kylttikokoni suunnitella eli 50x60cm



Kyltti-ehdotukseni

Salon seudun ammattiopisto/Salon seudun koulutuskuntayhtymä

 Eat a Rainbow


Eat a Rainbow ideologia kannustaa ihmisiä syömään kasviksia ja hedelmiä monipuolisesti. Jokaisella eri värillä on omat terveysvaikutuksensa. Kuitenkin monella on myös samat terveysvaikutukset kuten terve sydän, immuunijärjestelmän boostaus tai muistin parannus.

Salon seudun ammattiopisto on Salon kaupungissa toisen asteen koulutuksesta vastaava oppilaitos. Opiskelijoita on usealla eri alalla ja henkilökuntaa on runsaasti. Joten asiakkaita ruokalassa on todella paljon.

Salon seudun ammattiopiston ruokapalveluiden esimies oli pyytänyt opettajiltamme apua informatiikan ja viihtyvyyden lisäämiseksi ruokalaan. Tiimeillä oli tiettyjä osa-alueita kuten rasvan ja suolan käyttö, ruokahävikki ja yhteisöllisyys ruokalassa. Tiimimme Satu oli netissä löytänyt Eat a rainbow:n. Opettajan mielestä se oli kiva ja täysin erilainen idea.



 



Ensimmäinen ideani, jossa näin paljon vaivaa erilaisten vihannesten tekoon



Ensiksi lähdimme miettimään työn kokoa. Päätimme A2:sen a-sarjasta. Se oli huomattavasti suurempi kuin A4. Kuitenkin koko muuttui jälkikäteen planssikokoon eli 700mm x 1000m. Ihan ensimmäisenä halusin tehdä työn vaakatasoon ja laittaa sateenkaari taustalle. Käytin sateenkaarta väripalettina. 

Opettajat eivät kuitenkaan innostuneet tuosta ideasta ja se ei puhutellut tai sopinut kohderyhmään. Joten opettajamme kehotti meidän tutustuvan propaganda-julisteisiin Pinterestissä. Joten siitä lähti idea tehdä erilaista.


Fontti ja tausta kokeiluja




Oman suunnan löytämistä



Lopputulos

Lopullisen työn fonttina oli Mango Chutney pistekoossa 167. Värit on otettu suoraan sateenkaariväripaletista pipetti-työkalulla. Lopputulos oli työ jonka ruokalan porukka valitsi. 

Raportti Illustratorilla

 Raportti

Raportti Illustratorilla on oiva keino suunnitella kuoseja, kuten tapetteja tai teippauksia. Raportti on jatkuvaa kuviopintaa eli seamless pattern. Teippausten suhteen on hyvä toimia yhteistyössä painopaikan kanssa, jotta tiedetään onko suunnittelemasi työ toteuttamiskelpoinen.



Ensimmäiset vaiheet raportin tekoon


Seuraavat vaiheet raportin tekoon



Viimeiset vaiheet raportin tekoon



Oma harjoitukseni


Toinen harjoitustyö


Paimion Pesis

Paimion Pesis

Aloitimme graafisen suunnittelun tiedonhankinnalla ja sosiaalisten verkostoiden läpikäynnillä. Parhaimmat kontaktit olivat tiimimme kahdella nuorimmalla jäsenellä. Matiaksen vanhemmat vaikuttavat Paimion Pesiksessä, joten päädyimme kysymään tarvitsisiko Paimion Pesis jotain graafista materiaalia. 

Paimion Pesis on paimiolainen pesäpallon erikoisseura. Vuonna 2015 perustettu seura avasi oman kotikenttänsä Tiira-areenan 16.8.2015.  Seuran toiminta on kasvanut vuosien aikana ja nykyisin seuralla on yhdistelmäjoukkueita Ruskon Pallo 67:n kanssa. Paimion juniorit harjoittelevat kesäisin ulkona ja talvella saliolosuhteissa yhdestä neljään kertaa viikossa.



Paimion Pesiksen Facebook sivu

Tällä hetkellä Paimion Pesiksen puheenjohtajana toimii Katja Tiittanen, rahastonhoitajana Teija Mauriala ja sihteerinä Petri Tiittanen. Lisäksi hallitukseen kuuluu Satu Pietiläinen ja Joni Peippo. Toimeksiantomme saimme sihteeriltä Petri Tiittaselta. 

Seuran Facebook-sivut ovat selkeät ja niistä löytyy tärkeät tiedot. Kumminkin Facebook-banneriksi oli laitettu vain kuva. Joten aloimme tehdä jotain ammattimaisempaa. Hyödynsimme seuran omia kuvia ja logoa. 

Toimeksiantomme oli suunnitella banneri, jossa on selkeästi esillä seuran iskulause "Parasta Paimiossa on pesis". Saimme käyttöömme useamman logon, mutta käytimme lopulta aika pitkälti läpinäkyvällä pohjalla olevaa. Ensiksi hain oikean koon googlesta. Seuraavana oli taustavärin mietintä,, muttei se ollut kauhean yksinkertainen homma vaikka siltä kuulostaakin. 

Yhdessä kohtaa koko tiimi jäi jumiin ja benchmarkkaus tuntui vain pahentavan tilannetta, joten hetken aikaa keskityimme muihin töihin. Kuitenkin saimme homman vedettyä maaliin ja useampi banneri-ehdotus miellytti asiakasta. Viimeisenä hänen valitsemansa banneri, joka sattui olemaan Matiaksen tekemä.



Mun tekemiä ehdotuksia




Petrin valitsema banneri




Värien käyttö

 Värien käyttö

Graafisessa suunnittelussa värien käyttäminen on muotojen jälkeen toiseksi tärkein asia. Koska muotojen jälkeen havainnoimme värejä. Suhtaudumme eri väreihin eri tavalla. Puhutaan paljon väripsykologiasta. Ihminen alitajuisesti kokee osan värejä positiivisena ja osan negatiivisena. Värit herättävät tiettyjä mielikuvia ja tunteita.


Väriympyrä


Värien vaikutus


  • Tekstin/työn elävöittäminen
  • Ulkoasun yhtenäistäminen
  • Mielialan vilkaiseminen
  • Tunteisiin vetoaminen
  • Esteettisen mielihyvän tuottaminen
  • Symboliarvon hyödyntäminen (mielikuvat tietyistä väreistä)
  • Imagon kehittäminen ja vahvistaminen



tiistai 29. syyskuuta 2020

Moodboards


Moodboards


Beach-henkinen moodboard



Syyssävytteinen moodboard



Pinkin sävytteinen enemmän graafinen moodboard









 

keskiviikko 16. syyskuuta 2020

Graafisen suunnittelun näyttö

 Graafisen suunnittelun näyttö 

Asiakastyön suunnittelu ja toteuttaminen

  1. Neuvotella asiakkaan kanssa
  2. Suunnitella
  3. Valmistaa ja luovuttaa

Asiakashankinta

  • yhteydenoton valmistelu, asiakkaanhankinta
  • neuvottelu ja asioiden sopiminen --> toimeksianto
  • asiakkaan tarpeiden ja odotusten kartoitus
  • aikataulu (tuntitarkkuudella)
  • deadline ja väliversiot

Suunnittelu

  • monipuolinen tiedonhankinta
    • kilpailijat (benchmarkkaus)
    • fontit
    • värit
    • taitto
    • materiaalit
    • koot
     ---> Johtopäätökset tiedonhankkinnasta
     ---> Analysoi pinterest-taulusi

Tuotat korkeatasoisia ideoita

  • käsintehdyt luonnokset
  • vaihtoehtoiset ideat/luonnokset
= vertaile ja analysoi

Havainnekuva

  • valokuva kohteesta ja työ sijoitettuna
  • mock up
Kestävä kehitys/ toimivuus / tekijänoikeudet
  • toimiiko siinä käyttötarkoituksessa
  • luettuna
  • värit
  • koot

Viimeistely


Align-työkalu
  • linjaukset
  • marginaalit
  • välimatkat

Näytön kooste

  • Blogiin
  • Planssiin
    • 1000x700mm
    • 700x1000mm

Planssi

  • otsikko
    • sijainti valitaan taitollisesti
  • marginaalit
    • reunoissa
  • pieni myyntipuhe
    • kerrotaan lyhyesti työstä
  • värimääritykset
    • yleisimmät värit
  • typografia
    • fontin nimi, suuraakkoset, pienaakkoset, erikoismerkit, numerot

Työnluovutus

  • tiedoston optimoiminen
  • tiedoston nimeäminen
  • we transwer etc

maanantai 14. syyskuuta 2020

Graafisen suunnittelun Typografia

 Graafinen ohjeistus

Graafinen ohjeistus kirkastaa yrityksen tai vaikkapa kaupungin brändiä. Graafinen ohjeistus sisältää ohjeen logon minimikoosta ja tunnuksen suoja-alueesta. Lisäksi yritys tai muu voi määrittää tarkat marginaalit eli tyhjän tilan määrän reunoilla. Ohjeistus sisältää myös sen miten tunnusta ei saa käyttää eli virheellisen käytön. 

Tekstihierarkia

  • fonttikoko
    • otsikot ja leipätekstit
  • riviväli

Formaatit

  • .png
  • .pdf

Pinnanjako

  • ruudukko
  • korimuodot

Graafisen suunnittelun keskeisimmät käsitteet

Fontti eli kirjasin

  • antikva eli päätteellinen (toimii painetuissa) serif
  • groteski eli päätteetön, sans-serif
  • kalligraafinen (käsialaa jäljittelevä)
  • fantasia (kokeileva kirjasin tyyppi)
Hyvä vinkki fontin valintaan : peitä teksti puoliksi, jos et pysty lukemaan fonttia se on huono

 


Versaali/VERSAALI = suuraakkonen, tasakorkuinen, vie paljon tilaa

gemena = pienaakkonen, helpompi ja nopeampi lukea kuin suuraakkosia, koska kirjaimet poikkeavat enemmän toisistaan.

kapiteeli = pienaakkosten kokoiset suuraakkoset, iso alkukirjain

Tekstin korostukset

Anfangi = iso, useamman rivin korkuinen alkukirjain aloituskappaleessa. Parantaa tekstin visuaalista kiinnostavuutta, tekee lukemisen houkuttelevammaksi.

Kursiivi = kursiivissa kirjainten muoto on erilainen kuin pystyssä kirjainlajissa. Näin syntyy riittävä muotokontrasti

Lihavointi = kursiivia näyttävämpi tehostetapa. Toimii tieto-ja oppikirjoissa sekä aikakausilehdissä ja esitteissä. Voi parantaa luettavuutta.

Rivi ja rivin pituus

  • ihanteellinen rivin pituus on 55-60 merkkiä.
  • rivin minimi merkkimäärä on 35-45 merkkiä.
  • rivin maksimi merkkimäärä on 90 merkkiä.

Riviväli

Rivivälin avulla säädetään kuinka tiiviiltä tai väljältä teksti näyttää. Väljennetty riviväli on helpompi lukuista ja houkuttelevampaa kuin tiivis. 

Luettavuuteen vaikuttaa myös:
  1. fontin luonne
  2. fontin pistekoko
  3. riviväli
  4. kirjainvälitys

Palsta

  • Oikean reunan liehu
    • tasattu oikeaan reunaan
  • Vasemman reunan liehu
    • tasattu vasempaan reunaan
  • Tasapalsta
    • teksti tasainen molemmista reunoista
  • Keskitetty palsta

Otsikot ja otsikkohierarkia

  • Mieluiten pienaakkosin
    • Suuraakkoset tilaa vieviä ja"rumia   
  • Rivitys
    • Vaikuttaa ajatussisältöön ja ulkonäköön
  • Tasapainoinen rivitys
  • Pikkusanat uuden rivin alkuun
  • Vältä tavutusta
  • Riviväli hieman pienempi kuin leipätekstissä
    • >10% suurempi pistekoko

Otsikkohierarkia

  • Laadi kokonaisuus, hillityt muutokset
  • max. kolme väliotsikkotasoa
  • Sijoitus: tasaus vasemmalle tai keskitetty
  • Tyhjä tila ylä- ja alapuolelle, ei rivinvaihdolla!
  • Tila ei tasamitallinen, väliotsikko lähempänä alkavaa kappaletta
  • Ei saa tavuttaa
  • 1-2 riviä pitkä

Typografinen kontrasti

  • Kokokontrasti
  • Muotokontrasti
  • Vahvuuskontrasti