keskiviikko 21. lokakuuta 2020

Graafisen suunnittelun näyttö

 VALMA ikkunateippaukset ja juliste

Näyttöviikot alkoivat eilen. Meillä on aikaa 2 viikkoa tehdä näyttö. Näyttötyö asiakkaan saimme koululta, VALMA luokan ikkunoihin teippaukset ja seinälle juliste, jossa asioita tästä koulutuksesta. 

Teippauksiin saimme toiveita: kaikkiin ikkunoihin samanlaista tai samantapaista eli sarjaa, yksityisyyttä teipillä, mutta pinnan täytyy "hengittää" eli nähdä läpi, myös turvallisuussyistä ei saa olla liian peittävä, jos luokka siirtyy niin teippausten täytyy myös sopia muihin aloihin, EI saa lukea VALMA, mutta voi olla tekstiä. 

Julisteeseen emme saaneet kauheasti toiveita, ainut vain oli sen sisältö, joka oli valmiiksi tehty ja koko 1006mm. Ulkonäön, värit, typografiat saadaan itse päättää parhaan mukaan. Aineisto jaettiin meille spostitse.

Aikataulu

Sovimme arviointiajaksi TO 22.10 klo 9-10, mutta vaihdoin sen klo 11-12. Eli minulla on n. 2 viikkoa aikaa saada nämä valmiiksi. Tein konkreettisen aikataulun paperisena itselleni, jotta pysyn aikataulussa. Tämä myös helpottaa työn tekemistä ja vähentää stressiä, kun näkee mitä tarvitsee milloinkin tehdä. Aikataulu on kuitenkin alustava ja se voi muuttua jatkuvasti. Pysyin kuitenkin tässä aikataulussa aika hyvin.

Aikataulu viikko 1
Aikataulu viikko 2

Tiedonhankinta

Aloitin tiedonhankinnan teippeihin tiistaina 6.10. Ensimmäisenä tein pinterest taulun, jossa kuvia erilaisista ikkunateippauksista ja myös inspiraatiokuvia kuvituksiin. Katsoin myös youtube videoita teippausten tekemisestä Adobe illustraattorilla. Googlettelin myös valmaa, jotta tietäisin enemmän koulutuksesta. Koska kuitenkin teippien pitää olla yleisesti kouluun liittyviä, niin en tutkinut paljon valmaa. Kävin myös katsomassa muita teippauksia mitä koululla on, jotta en suunnittele kauhean samanlaista. 

Huomasin kun tein pinterest taulua teipeistä, että niitä voi olla kaikennäköisiä ja värisiä. Suosituimmat ikkunateipit ovat kuitenkin harmaan väriset ja tosi simppelit muodot ja tekstit. Vähemmän löytyy erikoisempia teippejä. Keräsin tauluun kaikein kiinnostavimman näköiset ja sellaiset jotka inspiroivat minua tässä työssä. Lisäsin myös erilaisia doodle tyyppisiä piirroskuvia, joista otin inspiraatiota omaan teippiini.

Juliste pinterest tauluun lisäsin erilaisia infografiikka malleja, joista otin inspiraatiota omaan työhöni. Infografiikat ovat värikkäitä, mutta selkeitä, jotta niistä saa hyvin selvää. Otin värikkyyden mukaan omaan työhöni, jotta se saa ihmiset kiinnostumaan ja lukemaan.

 

Luonnostelu

Teippi

Aloin luonnostelemaan käsin paperille erilaisia ideoita ja ajatuksia teippeihin. Luonnostelin 8 eri ideaa, joita lähdin seuraavaksi (7.10) kokeilemaan illustraattorilla. Ajatuksena näihin oli sellainen doodle tyyppinen tyyli. Kokeilin erilaisia kasveja ja koulutarvikkeita. Myös ajatuksena oli köynnös, joka jatkuu ikkunasta toiseen. Tästä tulee se samanlaisuus ja sarjallisuus. Kokeilin voikukkia ja kaktuksia illustraattorilla. Voikukat eivät näyttäneet hyvältä, joten siirryin kaktuksiin. Aloin kehittelemään erilaisia sommitelmia kaktuksien kanssa.

Päädyin kaktuksiin, koska ne näyttävät hyvältä, tuovat yksityisyyttä ja ne sopivat minne tahansa, kun ei saanut olla perjaatteessa mitään mikä yhdistäisi VALMAAN, sillä luokka voi siirtyä jossain vaiheessa.
 
Piirretyt luonnokset teippeihin
Piirretyt luonnokset teippeihin

Illustrator luonnokset

Piirsin kaktukset ja voikukat käsin, siirsin kuvina illustraattoriin ja tein image tracen. Säästin tässä huomattvasti aikaa, sillä en vielä osaa käyttää pen toolia, eikä nyt ollut aikaa harjoitella. Kaktuksissa otin inspiraatiota pinterestistä.  Lähdin siis kehittelemään eteenpäin illulla kaktus ideaani. 


Tämän näköistä ajattelin pienempiin ikkunoihin. Idea olisi, että tämä yksirivinen menisi ikkunan keskelle, juuri siihen kohtaan missä istuu oppilaita, jotta siihen tulisi näköeste. Mahdollisesti ehkä kaksi riviä, jos yksi ei riitä.
Illustrator luonnos kaktuksista teippeihin


Tässä idea oviin. Enemmän ja tiheästi kaktuksia, jotta syntyy se näköeste ja niin yksityisyys. 
Illustrator luonnos kaktuksista teippeihin


Tässä vielä kaksi eri kokoista ja eri raporttia oviin. Mielestäni suuremmat kaktukset näyttävät paremmilta ja tuovat enemmän yksityisyyttä.
Illustrator luonnos kaktuksista teippeihin


Voikukka idea ei lähtenyt tästä eteenpäin, koska ei minun silmääni näyttänyt hyvältä.
Illustrator luonnos voikukista teippeihin





Juliste


Lähdin piirtämään käsin kolme eri ideaa tälle infografiikalle. Tykästyin eniten ensimmäiseen ja toiseen ideaani ja lähdin niitä jatkamaan illustraattorilla. Halusin selkeän pohjan, josta helppo lukea asiat. En kuitenkaan halunnut tehdä tylsän näköistä, vaan sellaisen joka kiinnittää katseen ja saa ihmiset kiinnostumaan ja lukemaan. Tein selkeän pohjan, mutta kanssa kuvituksia. Kuvat otin Pixabay.com. Kuvat ovat ilmaisia ja niitä saa käyttää kaupallisessa muodossa.

Piirretty luonnos julisteeseen

Piirretty luonnos julisteeseen



Piirretty luonnos julisteeseen


Illustrator luonnokset

Tässä luonnoksessa tajusin, että se on liian sekava ja tarvitsee jonkun selvän rakenteen. Tekstit eivät voi olla leijumassa ilmassa. Kuvitukset kuitenkin näyttivät kivalta minun silmään, joten hylkäsin tämän.
Illustraattorilla tehty luonnos julisteelle


Tässä luonnoksessa on enemmän rakennetta, se on selkeä, mutta kuitenkin tekstit ovat liian yhdessä ja ei ole tarpeeksi kiinnostava. Idea kuitenkin on jo aika hyvä, mutta tarvitsee jotain muuta, joten hylkäsin tämän.

Illustraattorilla tehty luonnos julisteelle


Seuraavaksi aloin tekemään tämän näköistä. Värikäs, selkeä rakenne ja se on mielestäni kiinnostava. Pidin tästä ideasta eniten, joten lähdin kehittelemään tätä eteenpäin. 

Illustraattorilla tehty luonnos julisteelle




Valmiit työt

Valmis juliste

Valmis raportti ovien teippeihin
Havainnekuva - Ovien teipit

Havainnekuva - Ikkunoiden teipit

Valmis raportti ikkunoiden teippeihin





Planssi

Lopuksi oli vielä suunniteltava planssi näyttöä varten.

Planssista pitää löytyä: valmiit työt ja niiden koot, lyhyt lause työstä, typografiavalinnat, värivalinnat ja värien CMYK- RGB- ja HEX-arvot




Teippien planssi

Infografiikan planssi


keskiviikko 30. syyskuuta 2020

Näin teet raportin Adobe illustraattorilla

 Raportti/mallikerta illustraattorilla

  1. Päätä raportin mitat (Width ja Height)
    --> Piirrä suorakaide

  2. Piirrä kuviot/tekstit

  3. Ota kuvio aktiiviseksi: OBJECT --> TRANSFORM --> MOVE (siirto vain raportin leveyden tai korkeuden verran) --> COPY

  4. Aktivoi taustalla oleva suorakaide ja siirrä päällimmäiseksi: OBJECT --> ARRANGE --> BRING TO FRONT. Poista suorakaiteesta ääri- ja täyttövärit.

  5. Ota aktiiviseksi kaikki elementit, jotka liittyvät raporttiaihioon: WINDOW --> PATHFINDER --> CROP

  6. Raahaa aihio Swatcheihin. (SWATCHES)


    Esimerkkikuva raportista
    Esimerkkikuva raportin sisällön liikuttamisesta

maanantai 28. syyskuuta 2020

Vinkkejä hyvään blogiin

 Näin parannat blogiasi 

Otsikointi

Jos on vaikeuksia keksiä hyvä otsikko, niin hyviä ideoita löytää erilaista artikkeleista, uutisista jne. Esim. Helsingin sanomat, Iltasanomat. Muista kuitenkin, että hakukoneoptimoitu otsikko on 20-70 merkkiä pitkä. Teksti myös n. 300 sanaa pitkä.

Virheiden minimointi

Wordissa kannattaa tarkistaa tekstin oikoluku ja sanamäärä. Näin on helppo korjata virheet ja heittää valmis teksti blogiin. 


Kuvitukset
Kuvitus on tärkeää, kun ei ole paljon tekstiä. Se pitää lukijan mielenkiinnon yllä. Jos on paljon kuvia, järkevintä on laittaa ne yhteen kollaasiin, näin vältytään liialliselta kuvamateriaalilta. Muista jos käytät muiden kuvituksia ja valokuvia, mainitse LÄHTEET! 

Portfolio ja CV

Jos haluaa hyvin ammattimaisen fiiliksen ja tunnelman, kannattaa liittää blogiin portfolio kaikista asiakastöistä ja myös mahdollisesti CV. Näin asiakas voi helposti katsoa mitä kaikkea olet tehnyt vuosien varrella ja karttaa osaamisesi. Nämä kannattaa laittaa alasivuille, helposti näkyville ja löydettäville.

Mikä on raportti?

 Raportti tai mallikerta 
Toistuva kuvio, seamless pattern



Suurin oneglma raportin tekemisessä on sen rajan kadottaminen. Ei mielellään siis selkeää rajaa mistä näkee mikä on sen keskusta.



Esimerkkikuva raportista googlesta

Itsetekemä raportti, jaettuna eri osiin.






Miten tehdä tarjouspyyntö?

 Tarjouspyynnön tekeminen

Pääsääntöisesti tarjouspyyntö tehdään kirjallisena, mm. postitse, sähköposti. Sen ominaisuudet pilkotaan mahdollisimman monipuolisesti ja tarkasti. Jos on epäselvyyksiä kannattaa soittaa! Kaikki puhelimitse sovitut asiat laitetaan viestillä asiakkaalle, tehdään ns. yhteenveto. Näin vältytään epäselvyyksiltä.




Tarjouspyynnön sisältö


Pyynnön esittäjän tiedot, vastaanottaja, yhteystiedot, päivämäärä, toimitustapa, paperilaatu ja itse tarjouspyyntö: mistä teet tarjouspyynnön. Muista kertoa taustatietoja, esim. ketä olet, mitä olet tehnyt ja kenelle. Muista myös pyytää tarjousta johonkin päivämäärään mennessä ja jättää laskutus- ja          toimitusosoite.



Tuotteen ominaisuuksien esitteleminen

  • Onko mustavalkoinen vai kolmiväri
  • Kappaleiden määrä
  • Kaksipuolinen vai yksipuolinen
  • Paperinpaino: vähintään 400 g/ m2 ja paperilaatu



Tarjous - vastaus tarjouspyynnöstä

Tämäkin on aina kirjallisesti sekä myös velvoittava eli ehtoja ei voi muuttaa tämän jälkeen. 

Mitä kaikkea sisältyy tuotteeseen, sisältääkö hinta ALV:n, toimitusaika ja -ehto sekä maksuehto.
  • Tarkistetaan työn painovalmius
  • Ei tarkisteta oikolukua
  • Postikulut eivät sisälly tarjoukseen

Esim. Toimitan paino- ja julkaisuvalmiittiedostot pilvessä. Tarjouksen voimassaolopäivä ja yhteystiedot.




maanantai 21. syyskuuta 2020

Asiakastyön viimeistely ja luovutus / Perhekoti Arki oy

 C4 Postikuori

Lähetimme luonnokset asiakkaalle, perhekoti arki oy, tänään aamulla ja saimme palautteet hyvin nopeasti heiltä. He tykästyivät minun luonnokseeni, mutta halusivat, että laitan kuvitusta eri paikkoihin vertailun vuoksi. He kuitenkin päättivät valita alkuperäisen. Lähetin heille spostilla PDF painovalmiintiedoston.

Kehitetyt luonnokset

Sama, mutta pienempi ja keltainen raita

Kaksi kuviota

Sama fiilis, mutta eri kuvitus

Valittu teos

He päätyivät valitsemaan hyvin simppelin ja mustavalkoisen kuvituksen. Heidän mielestä tämä viesti parhaiten heidän viestiä, kodinomaista ja turvallista lapsuutta.




Asiakastyön viimeistely ja luovutus / SERAFIINA

 Työn viimeistely ja luovutus 

Lähetimme asiakkaalle viimeiset luonnokset pe 18.9. Asiakas tykästyi niin paljon kahteen ja ei voinut valita niiden välillä, joten valitsi minun ja Maijan teokset. Viimeistelin työni illustraattorilla ja vein oikeisiin muotoihin. Laitoin hänelle julkaisuvalmiin- ja painovalmiinteoksen. Julkaisuvalmis meni muotoon JPG ja painovalmis PDF. Lähetin tiedostot sähköpostilla. Maija lähetti omansa itse. 


Teos, jonka asiakas valitsi

keskiviikko 16. syyskuuta 2020

Värit graafisessa suunnittelussa

 Väriohjelmat 

 Khroma 
Khroman kanssa voit valita värejä, joista se yhdistää eri pareja. Näin näät miten tietyt värit menevät yhteen ja ovatko ne hyvät projektiisi. 

Khroman etusivu


Ohjeet miten sivusto toimii

 Coloria 
Coloria.net

 Kaikenlaista tietoa väreistä, esim. niiden symboliikkaa. Jos jossain projektissa tarvitsee miettiä joidenkin värien merkitystä, kannattaa käydä tällä sivustolla tutkimassa.

Kuvakaappaus colorian sivuilta - Keltaisen merkitys ja symboliikka

 Adobe color 

Voit esim. luoda erilaisia väriteemoja, löytää trendejä ja muuntaa teemoja RGB ja CMYK väreiksi.

Kuvakaappaus adobe color sivun väriympyrästä

Graafisen suunnittelun näyttö / Asiakastyön suunnittelu ja toteuttaminen

 Graafisen näyttö
Asiakastyön suunnittelu ja toteuttaminen


  1. Neuvottelu asiakkaan kanssa
  2. Suunnitella asiakastyö
  3. Valmistaa ja luovuttaa työ



1.1 Asiakashankinta

  • Valmistelut yhteydenottoa varten/asiakkaan hankinta
  • Neuvottelu: mitä sovittu? --> toimeksianto: Kartoita odotukset ja tarpeet ja aikatauluta


2.1 Tiedonhankinta ja luonnostelu

  • Hanki monipuolisesti tietoa ---> Kilpailijta, fontit, värit, materiaalit, koot yms.
  • Tee johtopäätökset tiedonhankinnasta
  • Analysoi myös esim. pinterest taulut
  • Havainnekuvat: valokuva kohteesta ja työ sijoitettava (MOCKUP)
  • Tuota korkeatasoisia luonnoksia
    - Käsintehdyt luonnokset
    -vaihtoehtoiset luonnokset/ideat

    VERTAILE, ANALYSOI JA KARSI
    (Kestävä kehitys, toimivuus, tekijänoikeudet,luettavuus)


3.1 Valmistaminen (Illustrator)

  • Painovalmis- ja julkaisuvalmistiedosto: Muista erot!
  • Viimeistely: ALIGN - linjaukset, marginaalit, välimatkat
    TYPE --> CREATE OUTLINE

Näytön kooste
Planssi ja blogi

Kuva planssi muistiinpanoista
Kuva muistiinpanoista: Näytön planssi

  • Värimääritykset planssiin: Oleellisimmat värit ja niiden CMYK, RGB ja HEX arvot
  • Fonttimääritykset: esim. Jokaisesta käytetystä fontista suur- ja pienaakkoset, erikoismerkit ja numerot 1-0
    -Jos fontin väri oleellinen, se lisätään värimäärityksiin

3.2 Työn luovutus

  • Kaikki työt tallennetaan moniin käyttötarkoituksiin (julkaisuvalmis- ja painovalmistiedostomuodot)
    - Esim. A4 juliste --> A4_juliste_verkkosivuille_kampanjanimi.jpg
    tai A4_juliste_kauppaan.jpg
  • TINY PNG: tiedostojen pienentäminen nettiin < 200 Kt (pienempi kuin)
  • WE TRANSFER: tiedoston pienentäminen, jotta voi lähettää esim. spostilla
  • Asiakkaan palaute on viimeinen vaihe 


maanantai 14. syyskuuta 2020

Asiakastyö / Perhekoti Arki Oy

 Perhekoti Arki Oy

Perhekoti Arki Oy toivoi meiltä kuvitusta c4 kokoisiin postikuoriin. He antoivat kanssa meille aikalailla vapaat kädet suunnitteluun. Ainut toive oli, että heidän logonsa otetaan mukaan. He haluavat viestiä kuvituksilla kodinomaista ja turvallista lapsuutta.

Otin logosta värimaailmaksi sinisen, ruskean, keltaisen ja mustan sekä myös samantyylisen fontin. Yritän saada siis yhteneväisen fiiliksen kuoreen, ettei logo ja muut kuvitukset ole täysin päinvastaisia. Lempeillä väreillä yritän tuoda esiin heidän toivomaa viestiä.


Luonnokset

Postikuori luonnos

Postikuori luonnos 

Postikuori luonnos 


Postikuori luonnos 

Postikuori luonnos 

Postikuori luonnos 

Postikuori luonnos 




Asiakastyön eteneminen / SERAFIINA

 Albumin kansi

Jatkokehittelyä

  • Näytimme asiakkaalle luonnokset ja pyysimme palautetta. Hän innostui minun tyylistäni ja valitsi 2 esimerkkiluonnosta mitä voi alkaa kehittelemään paremmiksi. Hän valitsi yhden minun ja yhden Maijan tekemän luonnoksen.

  • 11.9 Pe aloimme luonnostelemaan uusia ja nyt kun tiedämme mistä asiakas tykkää, on tämä helpompaa. Olemme lähellä valmiita ehdotuksia, jotka esittelemme asiakkaalle 18.9.
Asiakas tykästyi tähän luonnokseen - Minun tekemä



Asiakas tykästyi tähän luonnokseen - Maijan tekemä.



Uudet luonnokset

Kehitetty versio - sama tyyli ja värimaailma
Kehitetty versio - sama tyyli ja värimaailma


Kehitetty versio - sama, mutta eri värit

Kehitetty versio - sama, mutta eri värit



Korttien suunnittelu Blomma creatives:lle

  Korttien suunnittelu Sain Kristiinalta tehtäväksi suunnitella Blommalle kortti, jota voi myydä kaupassa tai antaa tilauksien kanssa mukaan...