Tuotesuunnittelu

 Tuotesuunnittelun vaiheet:

1. Tiedonhankinta 

• Etsi tietoa työsi aiheesta. Mitä värejä? Mikä genre? Kohderyhmä?

2. Tee luonnoksia

• Tee vähintään noin 50 - 100 erilaista luonnosta
• ÄLÄ HÄVITÄ LUONNOKSIA!!!

3. Valitse kuvat jatkojalostukseen 

• Valitse kaikista luonnoksista noin 10 - 30 jatkojalostukseen. Tee jatkojalostukseen valituista lisää eri versioita.

4. Valitse paras

• Valitse jatkojalostetuista luonnoksista paras.
• Piirrä luonnos puhtaaksi esimerkiksi Illustratorilla.

5. Tee parhaasta luonnoksesta lisää luonnoksia kunnes työ on valmis

(6. Etsi uusia luonnoksia)

• Jos valitsemasi luonnos ei ollutkaan se oikea palaa ensimmäisten luonnosten pariin ja valitse uusi.

Hakukone optimointi eli SEO

Miksi hakukoneoptimointi on tärkeää?

Hakukone optimointi auttaa hakijoita löytämään etsimänsä ja postauksen tekijää saamaan lisää näkyvyyttä. 

Title = otsikko

Title saa sisältää noin 60 - 70 merkkiä.

Metadescription = metakuvaus, hakukuvaus

Metakuvaus saa sisältää noin 150 merkkiä.

Toimintokehotus

Toimintokehotuksessa googlettajaa kehotetaan toimia käskyn mukaisesti esimerkiksi lue lisää, tutustu tuotteisiin, katso vinkit, osta tästä.

Postauksen vaiheet:

1. Päätä otsikko

• Otsikossa pitää mainita postauksen pääaihe mielellään perusmuodossa. Saman sanan pitäisi näkyä eripuolilla postausta esimerkiksi tunnisteessa, kuvatekstissä, otsikossa, leipätekstissä, alaotsikossa ja kuviel alt- teksteissä.

2. Päätä alaotsikot

3. Kirjoita leipätekstit

• Leipäteksti kertoo väliotsikossa kertovatsa asiasta tarkemmin.

4. Käytä listoja

5. Linkitys

• Sisäinen linkitys vie saman sivun eri osioon.
• Ulkoinen linkitys vie toiselle sivustolle esimerkiksi facebookkiin, instagramiin, youtubeen tai pinterestiin.

6. Lisää valokuvat, piirrokset ja havainnekuvat

Tekstien koot:

• Pääotsikko (H1)
• Otsikko (H2)
• Alaotsikko (H3)
• Pienempi otsikko (H4)
• Normaali (P) (leipätekstit)

Composition

 RR= ryhmitä ja rytmitä

Kun kuvat ja tekstit ovat rytmitetty ja ryhmitetty oikein kokonaisuudesta tulee siistimmän näköinen.

Tila= "white place" tyhjä tila

Kuvan tai tekstin ympärille jätetty tyhjä tila korostaa itse kohdetta.

Linjaukset= grid 

Linjaukset määrittävät mistä teksti alkaa. On olemassa oikea-, vasen- ja keskilinjaus.

Kontrastit= riittävän suuret erot

Tarpeeksi suuret koko ja väri erot tekevät kuvista ja teksteistä helpommat erottaa.

Esitystapa= fokus

Esitystavan avulla saadaan asiakkaan huomio kiinnittymään olennaisimpii asioihin. Esimerkiksi jos asiakkaan huomion halutaan kinnittyvän otsikkoon niin otsikko pyritään laittaan näkyvälle paikalle isolla fontilla.

Graafisen suunnittelun perusteet

Rasteri vs Vektori

Raster kuva koostuu pikseleistä eli sitä ei voi suutentaa loputtomiin ilman, että kuvata tulee epätarkka. Raster kuvat soveltuvat parhaiten sosiaalisessamediassa käytettäviksi.

Vektor kuvat muodostuvat erilaisita pisteistä ja käyristä. Vektor kuvaa voit suurentaa niin paljon kun sielu sietää. Vektoripiirrokset perustuvat pisteiden koordinaatteihin ja matemaattisiin funktioihin, joten kuvan reunat pysyvät selkeinä työn koosta riippumatta. Vektor kuvat soveltuvat painotuotteisiin.

                                                                         

Adobe

Adope on dikitaalisen sisällön luomiseen, hallitsemiseen ja jakamiseen tarkoitettujen ohjelmistojen tuottaja. Adopen suosituimpia ohjelmistoja ovat:

• Illustrator (Ai). Illustraatorilla voi tehdä esimerkiksi julisteita, käyntikortteja, logoja ja esitteitä. Illustratos käsittelee vektor kuvia.
• Lightroom Classic (Lck). Lightroomissa voit käsiteelä valokuvia.
• In Desing (In). In Desing on taitto-ohjelma.
• Photo Shop (Ps). Photo Shop käsittelee raster kuvia

Resoluutio

Resoluutio kertoo kuvan tarkkuuden. Kuvat tarkkuus määritetään siten, että kerrotaan kuinka monta pixeliä on yhden tuuman alueella (pixel/inch= tuuma). Mitä enemmän pixeleitä on, sitä tarkempi kuva on.

Bleed

Bleed tarkoittaa työn ympärille jäettävää 3 millin "ylimääräistä" suikaletta, jotta leikatessa kuvaan ei jää vakoisia reunoja

Paino- ja julkaisuvalmiit tiedostot

Painovalmiit tiedostot ovat tiedostoja jotka ovat valmiita lähettettäväksi painotaloon painettavaksi. Painovalmiita tuotteita ovat esimerkiksi käyntikortit, tapetit, teippaukset, julisteet tai esitteet. Painovalmiit tiedostot lähetetään painotaloon pdf tiedostona. 
Julkaisuvalmiit tiedostot ovat sähköisiä tiedostoja jotka ovat menossa julkaistavaksi esimerkiksi Facebookkiin, Instagarmiin tai nettikauppaan. 

Värimääritykset

Painovalmiit tiedostot CMYK väriavaruus:

• cyar= syaani
  
• magnetsa= magneta
  
• yellow= keltanen
  
• key= musta
  

Julkaisuvalmiit tiedostot RGP väriavaruus:

• red= punainen
  
• green= vihreä
• blue= sininen

Tiedostokoko

Painovalmiin tiedoston koko ilmoitetaan megoina (M). Kun tiedosto halutaan lähettää painotaloon lähetetään se WeTransfer:in kautta. WeTransfer on palvelu joka kuskaa raskaista tiedostoja. Painovalmiin tiedoston koko iloitetaan width(W= leveys) ja height(H= korkeus) ja mitta yksikkönä käytetään millimetrejä.
Julkaisuvalmiin tiedoston koko ilmoitetaan kiloina (K). Normaalisti netti sivujen koko suositus on 150K. Kun julkaisuvalmiita tiedostoja julkaisee internettiin kannattaa käyttää Tiny png nimistä ohjelmaa, joka pienentää tiedostot pienimpään mahdolliseen kokoon. Julkaisuvalmiin tiedoston mittayksikkönä käytetään pixeleitä(Px).Esimerkiksi IG storyn koko on 1920x 1080px.

Tiedoston nimeäminen

Kun olet nimeämässä tiedostoa niin et voi käyttää ä, ö, å eikä erikoismerkkejä tai välilyöntejä.Välilyönnin sijasta käytetään alaviivaa ( _ ).
Tiedoston voisi kirjoittaa esimerkiksi näin: firmannimi_oy_kayntikortti_w90mm_h50mm.pdf

Tiedoston tallentaminen

Tiedostot kannattaa tallentaa todella huolellisesti ja rakentaa ikään kuin tiedosto puita.

Tallennusmuodot

• .ai= paino- ja julkaisuvalmiita tiedostoja jotka ovat vielä työstö vaiheessa PAKKO SÄILYTTÄÄ!
• .pdf= painovalmiit tiedostot jotka ovat menossa painotaloon
• .jpg= valmiit julkaisuvalmiit tiedostot
• .png= jos on läpinäkyviä osia

Planssi

Planssi on juliste missä esitetään tehty työ. 
Planssissa pitää mainita: 

• otsikko
• lyhyt myynti puhe 
• kaikki graafiset työt oikeassa koossa tai mitta kaavassa
• värimääritykset
• typografia määritykset (fontti)

Arkkikoot

A-sarja

Lähteet: 

http://www.aha-soft.com/faq/vector-images-raster-images-html5.htm

https://support.google.com/photos/thread/21196444?hl=en

http://jatanopiskelublogi.blogspot.com/2014/03/ajatuskartta-tuotteesta.html

https://www.mattonbutiken.se/lp/pappersguide