Raportti

Tarjouspyyntö

 Tarjouspyyntö on painotalolle lähetettävä hintapyyntö

Tarjouspyynnössä pitää olla:

• Pyynnön esittäjän nimi/taho ja yhteystiedot
• Laskutusosoite
• Tarjouksen vastaanottaja
• Tarjous ja päivämäärä
• Otsikko/mistä kyse
• Tarkka selonteko mihin ja mitä tarvitaan, erittely ja arkinen kuvaus tilanteesta. Ajat kartalle
• Kuinka paljon, tarkat mitat, paperin tiedot, värit yms
• Toimitusosoite, -tapa ja -aika.
• Tarjouksen aikaikkuna

tarjouspyyntö sähköpostitse

Painotalon vastaus tarjospyyntöön: tämä on heidän osalta sitova

Paimion Pesis

Paimion Pesis 

Paimion Pesis on Paimiolainen vuodesta 2015 alkaen toiminut harrastelija pesäpallojoukkue. 

paimion pesis

Asiakastyön tekeminen

Päädyimme tähän asiakkaaseen, koska tiimiläisemme vanhemmat vaikuttavat molemmat Paipessa: isä on Paimion Pesis-seuran sihteeri ja äiti on puheenjohtaja. Olimme sähköpostitse isään yhteydessä työn tiimoilta. He halusivat seuransa fb- sekä nettisivuilleen (yllä) uudet bannerit. Toiveena oli tehdä ilmeestä ammattimaisempi.

Maneliuksen mansikka

 Maneliuksen mansikka on Salon Merikulmalla sijaitseva mansikkatila. He myyvät nimensä mukaisesti  viljelemäänsä mansikkaa, sekä lisäksi kesän muuta satoa, kuten perunoita, herneitä, kukkakaalia, sipulia, jäävuorisalaattia ja itse pyydettyä lohta!

Asiakasesittely

 Paimion Pesis 

on nimensä mukaisesti Paimiolainen pesäpallojoukkue. He tarvitsevat fb- ja nettisivulleen bannerin. Bannerin tarkoituksena olisi nostattaa joukkueen sivun visuaalista ilmettä ammattimaisempaan suuntaan. 

Maneliuksen mansikkatila 

on Salolainen pääsääntöisesti mansikkaa myyvä perheyritys. He halusivat uuden käyntikortin ja  tienvarsikyltin aukioloaikoineen. Käytinkorttia heillä ei ole ollut tätä ennen. Saimme projektiin ulkoasun suhteen vapaat kädet. Kunhan nimi ja yhteystiedot ovat oikein.

Blogin ulkoasun muuttaminen

Blogger blogin ulkoasu- näillä ohjeilla pääset alkuun

Valitsimme blogin ulkoasuksi perus-teeman, jota lähdemme itse muuttamaan.

Valitse Simple Bold 

Allaolevassa videossa ohjeet kohta kohdalta ulkoasun muuttamiseen. Klikkaat tuosta CUSTOMISE kohdasta ja pääset valikkoon, josta pääset muokkaamaan ulkoasua.

Kiinnostavia blogeja 2020

X tiiakonttinen.fi/19-blogimyyttia-joihin-ei-kannata-enaa-uskoa/

Tiia Konttisen blogin sisältö on todella kovatasoista. Informaatio on selkeää ja blogin ulkoasu on miellyttävä. Hän tarjoaa paljon lisäluettavaa esittämistään väitteistä linkein ja kuvin.

kuva: Konttisen blogi

X adalminasadventures.com/valokuvaus-yksinmatkaillessa-viisi-vinkkia/

Anna-Katri on panostanut postaukseensa, siinä on paljon tekstiä, valokuvia ja informaatiota. Blogin yleisilme on hillitty ja valkoinen, joka antaa valokuville enemmän tilaa ja huomiota.

kuva: Anna-Katrin blogi

X kaukokaipuumatkablogi.net/vinkit-parempiin-puhelinkuviin/

Selkeä ja mobiiliystävällinen ulkoasu. Helposti lähestyttävä ja myös hyvässä suhteessa tekstiä ja valokuvia, jaksaa pitaa lukijan kiinnostuksen loppuun asti. Lukuajan ilmoitus on hyvä kikka!

kuva: Himarin blogi

Typografia

kuva: wikipedia

Typografia kattaa siis kaiken tekstintaittoon liittyvät valinnat. Se tarkoittaa kaikkea graafisen suunnittelun kokonaisuutta, fontin valinta, rivin väli, otsikointi, anfangi, sisennys, marginaali..

Fontit

Kirjasintyyppi eli fontti (myös kirjaintyyppi tai kirjasinlaji) on yhtenäiseen asuun piirretty merkkiryhmä, joka tavallisesti koostuu kirjaimista, numeroista sekä väli- ja erikoismerkeistä. Kirjasintyyppiin sisältyy erilaisia kirjainleikkauksia, kuten kapiteelit, kursiivit ja lihavuudet

Kirjasintyypit voidaan jakaa useisiin ryhmiin, yksi yleisin lajittelu on pääteviivallisuus tai sen puute. Pääteviivallisia kirjasintyyppejä nimitetään nimellä serif tai antiikva ja pääteviivattomia nimellä sans-serif tai groteski. Pääteviivattomat kirjasintyypit ovat usein helpompia lukea tietokoneen näytöllä kuin pääteviivalliset, mutta paperilla päinvastoin. Pääteviivattomia kirjasintyyppejä käytetään usein otsikoissa myös paperille painetuissa teksteissä.

-Antiikva : päätteellinen  - (serif)

Missä on päätteet/väkänen kirjainten tuottaa fontin luettavuuteen

Silmä hakee jatkuvuutta tekstiin, siksi kirjoissa on helpompaa silmille antikvaattinen teskti

kuva: wikipedia

-Groteski : päätteetön kirjaisin - (sans-serif)

Selkeytensä vuoksi sans-serif-kirjaimet soveltuvat parhaiten otsikoiksi, joskin niitä käytetään myös leipätekstissä, varsinkin verkkosivuilla. Sans-serif-kirjasintyypit sopivat hyvin myös luetteloihin ja taulukoihin.

kuva: wikipedia

-Kalligrafinen - käsialaa jäljittelevä

Klassinen kauno. Tyypillistä hääkutsuissa yms.

- Fantasia  - kokeilevat kirjaisintyypit 

Kaksi jälkimmäistä yksi sana tai pieni otsikko, ei leipätekstiin missään nimessä. Monesti nämä ovat läheltä tarkastettuna hienoja, mutta niiden lukemishelppous on raskas

GRID

Grid on aputaulukko/-ruudukko taiton tekemisen avuksi. Se toimii siis suunnitelun apuna, helpottaen asioitten linjaamista keskenään. Esimerkiksi aikakausilehdissä ja verkkokaupassa grid-systeemi toimii sivurakenteessa taittopohjana

 The grid system

Täältä voit ladata erilaisia Gridejä 

Täällä  selitetään Gridin käytöstä

Värit

Khroma Co

Valitset 50 värin värikartan.  Voit valita kartan projektikohtaisesti. Ohjelma laskee väriyhdistelmät näiden perusteella. Näät väriarvot niistä . Voit flipata värikorttejen värit päittäin ja katsoa miten tunnelma muuttuu. Voit myös testata väriyhdistelmiä eri pinta-ala volyymeilla.  Ohjelman avulla voit miettiä ja kokeilla pinta-alan suhde väriin.

Adobe Color

Väriympyrät ja värikartat. Voit myös raahata netistä ihailemasi kuvan ja ohjelma lataa sinulle sen pohjalta värikartan.

Coloria

Täältä löydät väreistä syvällisemmin, esimerkiksi niiden kulttuuriperäiset tarkoitukset.

Towergate Insurance

Väripsykologiaa brändejen näkökulmasta. Yritysgrafiikka statistiikkaa ja konventioita.

Värit kotitehtävä

Vihreä

Kultaiseen, vaaleanpunaisen, valkoiseen, siniseen, mustaan.

Tumman vihreä yhdessä kultaisen kanssa tuo ylevän tunnelman.

Vaaleanvihreä on pirteä, yhdistettyä ruskean tai muoden maanläheisten sävyjen kanssa lämpimä ja viestittää ekologia arvoja.

Tehostevärinä valkoinen tai beige antaa vihreälle paljon tilaa.

Mystinen, lumoava, metsä, 

vihreä yhdistettynä siniseen ja valkoiseen eko-mainoksissa.

 VIHREÄ, VIHREÄ VAI VIHREÄ?

Keltainen 

Usein yhdistettynä mustan kanssa.Myös oranssin tai  siniseen tuotuna luo heti tyylin muutoksen

Tehosteena herättämään huomiota yhteen kohtaan

KELTAINEN, KELTAINEN VAI KELTAINEN?

kuva: Coloria

Musta

Tyylikäs,  elegantti, vahva ja dynaaminen.

kuva: Coloria

 Graafisen näyttö

Asiakastyön suunnittelu ja toteuttaminen (e-perusteet)

1. Neuvotella asiakkaan kanssa
2. Suunnittella ammattialan asiakastyö
3. Valmistaa ja luovuttaa ammattialan asiakastyö 

Asiakashankinta 

Valmistat yhteydenottoa ja otat yhteyttä asiakkaaseen = hankit asiakkaan. Tämä kaikki pitää kuvailla blogissa, eli dokumentoit neuvottelun, mitä on sovittu? Toimeksianto. Kartoita asiakkaan toiveet ja tavoitteet, aikataulut (neuvottelut, tiedonhankinta).

Asiakkaan kanssa aikataulut : deadlinet ja väliversiot. Toinen aikataulu on oman työn suunnittelun aikataulu. Näyttöä ei voi tehdä etänä kotona, sillä koulun pitää olla varma työn olevan sinun. Näytön määritelmissä myös huomioidaan kyky kysyä apua.

Tarjouksen tekeminen ja pyytäminen

Tarjouksen pyytäminen : esimerkiksi painotalolta kysely paljonko 500kpl käyntikortteja maksaa

Suunnittelu

X Hankkii monipuolisesti tietoa : kilpailijat (benchmarking), taitto, värit, materiaalit, koot, fontit.

X Johtopäätökset tiedonhankinnasta ja analysoi pinterest taulusi.

Pinterest on lostava työväline, mutta blogissa on näytettävä myös johtopäätös näiden kuvien pohjalta. Mitä olet päätellyt värimaailmasta? Minimalismi? Ranskalainen? Etsi verkostoissa olevaa tietoa, esim kirjapainotekniikka, eli soitat kirjapainoon ja kysyt apua. Ei tarvitse osata kaikkea yksin, vaan täytyy kysyä.

X Tuotat korkeatasoisia ideoita : käsintehdyt luonnokset (täytyy olla käsintehtyjä luonnoksia, täytyy myös olla useampia vaihtoehtoja!) käsintehdyt luonnokset treenaavat esteettiseen maailmaan, opit tekemään 3sek ideointeja neuvottelutilanteissa)

x Vertaile ja analysoi 

Havainnekuvat

Valokuva kohteesta työ sijoitettuna  = Mockup . Taloudellinen tapa havainnoida, toimiiko tuotteesi halutussa ympäristössä/alustalla.

Löydät netistä valmispohjia tämän tekoon, ammattimaiset mockupit tehdään photoshopilla. 

Bulleriina esimerkki : meet ottamaa seinästä kuvan, tai piirrät seinän ja ihmisen ja sijoitat tuotteesi siihen ympäristöön.

Kestävä kehitys / toimivuus / tekijän oikeudet

joudut miettimään voitko ottaa kantaa materiaalivalinnoissa, läpipiirtämisen kautta tuleva tekijänoikeuskysymys, toimivuuteen liittyy voiko cecar kirjekuoren reunassa olla tekstiä

Luettavuus . Otatko kantaa esimerkiksi tuotteen käyttöikään, onko tuote helposti muunneltavissa

Tekijänoikeus: et saa tulla liian lähelle olemassaoloa työtä, kysy apua opettajalta. Älä kopioi suoraan, ideoi ja inspiroidu!

Valmistaminen ja luovuttaminen

Painovalmis 

CMYK, mm, bleed, ai. , pdf , tiedoston nimeäminen ja kansiointi , type: create outline

Julkaisuvalmis

RGB ( #hex) , pixel, ai. , jpg/png, tiedoston nimeäminen ja kansiointi ja kansiorakenne

*type: create outline

^Näiden ymmärtäminen takaa taidon ymmärtää laadukkaan työn eron.

*Type- create outline

Säilytä .ai versio jossa teksti on muokattavissa. Viimeistelyvaiheessa nappaat tekstit aktiiviseksi, type- create outline. Tämä muuttaa tekstin vektoriksi (kuvaksi). Tässä vaiheessa et voi tehdä enää muutoksia tekstiin (kirjoitusvirheet). Miksi teet näin? Tulostustaessa fonttia ei löydy, jotta painopaikka löytää varmasti sinun fonttisi. Fontit ovat konekohtaisia,  eivätkä löydy automaattisesti. Tämä työvaihe on peruuttamaton, joten sinun on oltava todella huolellinen ennen tätä vaihetta kirjoitusvirheiden yms kanssa.

Viimeistely

Align- linjaukset ja marginaalit ja välimatkat

Näytön kooste: blogi ja planssi : 1000mm x 700 mm tai 700mm x 1000mm

Planssin otsikon sijainti voi olla missä tahansa. Sijanti täytyy valita taitollisesti ja informatiivisesti optimaaliseen paikkaan. Kiinnitä huomiota marginaaleihin. Kerro muutamin sanoin projektissa, herkullisesti, mikä on ideasi. "tein uudelle muotibrändille graafista materiaalia, heidän tyylinsä on streetyyliä ja kohderyhmä on salolaiset nuoret" . Perustele miksi valitsit tietyn tyylin. Lyhyt ja ytimekäs kuvailu oleellista asioista.

Työsi fyysisesti oikean kokoisina planssiin! Kiinnitä huomiota mittasuhteisiin. Isommat työt ilmoitat mittasuhteissa. 

Planssissa täytyy olla :

värimääritykset 

cmyk ja rgb arvoina ja myös värin hex

Oleellisimmat värit merkittyinä. Esimerkiksi ihon tai hiusten väri ei poikkeuksia lukuunottama ole olleellista.

Fonttimääritykset

ariaaliset aakkoset, pienaakkoset, numeraalit ja erikoismerkit !?#€&()%

Fontin väri voi myös olla olleellinen jos käytät tiettyä sloganilla tietyllä värillä.

Esittelet työsi tässä, yksi arviointikriteeri on nimittäin yhteneväisyys ja sarjallisuus ja tunnistettavuus. Esimerkiksi kampanja pitää olla tunnistettavissa julisteissa, sos mediassa, ja muissa julkaisualustoilla. Tunnistettavuus kampanjan sisällä.

Jos toimeksianto on A3 ja A4 juliste, niiden ei kuulu olla samat täysin, mutta tunnistettavissa samaan sarjaan. Eli A3:seen mahtuu enemmän tietoa kuin A4:seen

Mitkä ovat oman työsi elementit, jotka muodostavat tunnistettavuuden.

Työn luovutus

Tiedoston optimointi

Asiakkaalla julisteet A4, A3 ja fb-bannerit, laitait ne kaikki erikseen . Nimeät tällöin nämä niiden mukaan. Jos haluat käyttää samaa a4 suunnittelua sekä painotuotteena että julkaisuna a4_juliste_verkkokauppaan vs a4_juliste_kaupan_seinalle

ja määrittelet värimääritykset ja tiedostomuodon näiden mukaan ja tallennat myös .ai versiot.

Tinypng on sovellus jolla voit pienentää tiedostot sähköiseen ympäristöön. Sähköisessä ympäristössä pienenpi tiedosto, nopeammin sivut lataantuvat ja näin sivut nousee googlehaussa ylös

We transer on palvelu jättimäisten tiedostojen lähettämiseen

Voit muokata työtäsi paino- tai julkaisuvalmiiksi :

File - document setup - document color mode 

Asiakkaan palaute

______________________

Ammattitaito  on muutakin kuin lopputulos. Näytössä on kolme osa-aluetta. Kaikki pitää olla hallussa. Vitosen voi saada myös ihan vaan suorakaiteilla ja lisätyillä valokuvilla,  eli ihan jotain jotain tavallista ja käyttökelpoista = suunnittele sellaista minkä varmuudella osaat itse toteuttaa!

Pinterest ja blogger

 Pinterestistä taulujen upottaminen blogipostaukseen tuo näyttävyyttä blogin ulkoasuun ja tekee lukukokemuksesta mukavamman, antaen silmille hieman taukoa.

Pin it-painike kannattaa liittää selaimeensa, jotta googletessasi löytämät helmet eivät katoa, vaan voit tallentaa ne yhteen kansioon pinterestissä. Kun kuvasi ovat ns tallessa pinterestissä, ne a) pysyvät järjestyksessä aihepiireittäin b) eivät viel tilaa koneesi muistilta c)blogisi pinterest-taulujen skaala laajenee.

Graafinen suunnittelu ja asiakashankinta

1. Sosiaalisen verkoston läpikäynti ja kartoitus 
2. Kontaktointi
3. Asiakkaan tarvekartoitus
4. Aikataulu
5. Tiedonhankita
6. Luonnokset/luonnostelu
7. Puhtaaksi piirtäminen
8. Työn esittäminen asiakkaalle
9. Mahdollisten muutosten teko
10. Työn valmiiksi saattaminen
11. Tiedostomuodot
12. Painotalon kanssa tarjouksesta neuvottelu 

Tuotesuunnitteluprosessi

1.  Tiedonkeruu : etsi tietoa netistä, esimerkiksi googlettamalla tai pinterestistä, manuaalisesti kirjastosta tai kirjoista ja haastattelemmalla asiakasta
2. Alkuideointi : kehitä ideoista ideoita aivot narikkaan meiningillä

Absolute beginner's guide to graphic design

Useful Graphic Design tips for rookies 

Graafisen suunnittelun opettelun absoluuttisen ensimmäisiä käsitteitä ja avainsanoja.

 Vector Vs Raster

Mitä ne ovat? 

kuvat: roban konna

Kuva: tellyourtale

 

 

 

 

 

image: geeksforgeeks

Pixelit ja resoluutio

Paino- ja julkaisuvalmis / print-ready and ready to publish

adigi.fi/painoaineiston-ohjeet/indesign/

Talking about print-ready file "Print-Ready is a term used to describe a file that has all the specifications necessary to produce high-resolution printed output, without requiring any additional alteration or intervention. In other words, a commercial printer can use the file “as submitted” to successfully create the desired print materials "

formaxprinting.com/what-is-a-print-ready-file/#:~:text=Print-Ready

Väriavaruus : CMYK & RGB

kuva: smallbiztrends

 

kuva: superdevresources

Tiedostoko

K (kilot) >200k kilotavua  - 150k on ihanteellisin --- tiny png voi pienmentää png kuvia 

jpg ja png ero on että png on parempilaatuinen mutta jpg monikäyttöisempi, jpg on universaalimpi. esim kun uploadaat jonnekkin kuvan. jpg on oletusarvo.

Tallennusmuoto 

Työstönä .ai johon voi tehdä muutoksia loputtomiin ja se on pakko säilyttää.  Lopullinen .jpg ja png

Taitto

Taitto eli proximity tarkoittaa graagisessa suunnittelussa sommittelua. 

kuva: wikipedia

Arkkikoot 

kuva: nextprint

Tiedoston nimeäminen  

Nimessä ei voi käyttää ääkkösiä, erikoismerkkejä, eikä välilyöntejä. Hyvä esimerkki : yritysoy_kayntikortti_w90_h50mmm.ai

Tuossa on myös mainittuna painotaloa varten nyt käyntikortin leikkausohjeet.

Tässä yleisohjeita tallennuksesta ja tiedoston nimeämisestä

Hakukone-ystävällisestä tiedoston nimeämisestä löytyy kattavasti tietoa  tällä videolla

1. Tiedoston nimeäminen Koska useimmat tiedostot ovat oletuksena nimetty tyyliin: IMG_2016_10_21_001.jpg tai toinen vaihtoehto on kahdeksannumeroinen valmistajan tuotenumero (20098671.jpg). Tämä ei ole Googlen kannalta kaikkein paras tapa nimetä kuvat, koska Google ei osaa tulkita kuvia vielä tavalla, jolla ihmissilmä näkee ne: "Hei, tuossahan on Niken tämän syksyn uutuuslenkkarit". Kuvat kannattaa nimetä mieluummin: nike-extramoonshot-sininen01.jpg. Tai videolla on toinen esimerkki, miten miesten pitkät kalsarit kannattaa nimetä. Halusin vain sekoittaa sinua näillä esimerkeillä. Mitä ihmettä? Tekeekö Nike kalsareita miehille? Ei tee, vaikka naisille tekee. Tosin niitä kutsutaan treenihousuiksi, vaikka kuosit ovat ihan vastaavat kuin miesten kalsareissa. Tai Roopea ja Aku Ankkaa niissä ei vielä taida olla. Takaisin asiaan. Nyt Google ymmärtää paremmin mistä on kuvassa kyse ja pystyy näyttämään sen myös kuvahaussa.
2. Vaihtoehtoinen teksti (alt-tagi) Tämä on toinen kuvahakuun ja kuvien hakukoneoptimointiin vaikuttava tärkeä tekijä. Hyvin kirjoitetut kuvaavat alt-tekstit auttavat myös sokeita hahmottamaan sivuilla olevaa kuvasisältöä. Tätä Google myös arvostaa ja alt-tekstit vaikuttavat tätä kautta myös sivujen sekä kuvien hakukonenäkyvyyteen.
3. Kuvien pienentäminen Tämä on suurin ahaa-elämykseni kuvien optimointiin. Aiemmin (noin 7 vuoden ajan) pienensin kuvat käsin tai puoliautomaattisesti Photoshopilla. Kuvien pienentäminen muuttui yhtäkkiä mukavaksi, kun löysin tämän kätevän työkalun. Alkuksi sinun täytyy vain raahata palveluun kaikki kuvat kerralla, jonka jälkeen voit esimerkiksi valita, että kaikki kuvat pienennetään niin, että jokaisen kuvan pisin sivu on 800 pikseliä. Silloin ei ole väliä onko kuva pysty- vai vaakasuunnassa.
4. Kuvien pakkaaminen Edellisessä vaiheessa pienennettiin kuvat oikeaan kokoon, mutta se ei vielä riitä jos halutaan äärimmäisen hyvä lopputulos. Kuvat täytyy vielä kompressoida, eli pakata pienempään tilaan. Tähän vaiheeseen käytän itse TinyPNG-työkalua. Se toimii samalla tavalla kuin edellisen vaiheen työkalu, eli kaikki pienennetyt kuvat raahataan TinyPNG:n sivuilla olevaan ikkunaan ja klikataan Next. Lopuksi, kun kaikki kuvat on pakattu palvelu ilmoittaa kuinka monta prosenttia pienempään tilaan kuvat saatiin sekä vielä saman säästön megoissa tai kilotavuissa. Helppoa kuin heinän teko! Näillä vinkeillä saat optimoitua kuvat hakukoneita varten sekä nopeutettua sivujen latausnopeutta. Toivottavasti tästäkin vinkistä oli hyötyä ja jos jokainen vaihe oli tuttu, voit taputtaa itseäsi olkapäälle, koska minulla kesti noin seitsemän vuotta tämän asian käytäntöönottamiseen!

Tiedon teille tarjosi Hakukonekeisarin blogi