A a. A a. A a. A a. Kirjaintyylit ja -tyypit. TYPOGRAFIA turkuamk Visuaalinen viestintä. merja kärkkäinen 1



Samankaltaiset tiedostot
Typografinen kontrasti ja kirjaintyyppien yhdistäminen. Markus Itkonen

Mikä on logo ja yritystunnus/liikemerkki?

Kirjaintyypin valinnasta

Typografia Verkkomultimedia ICT1tn004. Elina Ulpovaara

Frutiger Black Condensed 300 pt

Caslon 3 LT Std 12pt. Ulla Fallström Caslon 3 LT Std 18pt Varsatie 2 A 6 Ulla Kerava. ITC New Baskerville Std 100pt

Tässä ei olla tekemässä taidetta vaan presentaatiota.

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1.

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen

Kirjasinleikkaukset ja fontit

HAAGA-HELIA AVAA OVET TYÖELÄMÄÄN TUNNUS ESITTELY

TAMPEREEN SISU vuodesta d 1960 GRAAFINEN OHJEISTUS

tunnus värit typografia SISÄLTÖ saatesanat 3 tunnus 4 värit 9 typografia 12 lomakkeisto 16 kuvamaailma 25 sovellukset 28

KIRJAN KEHITYS JA KONVENTIOT

Logon perusmuoto ja käyttö

Century. abcdefghijklmnopqrs. The Century Magazine T EOLLISTUMISEN JA HÖYRYVOIMAN VAIKUTUKSET

SISÄLTÖ 1. VAAKUNA JA LOGOTYYPI

MAKULIHAN YRITYSILMEEN GRAAFINEN OHJEISTO

Antiikva. Miksi ei groteski?

Visuaalinen identiteetti. Graafinen ohjeistus

Vakiofontit. Fonttien esittely. Tulostaminen. Värien käyttäminen. Paperinkäsittely. Huolto. Vianmääritys. Ylläpito. Hakemisto

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset

DESIGN MANAGEMENT VIESTINTÄ

Typografia Verkkomultimedia ICT1tn004. Mitä on typografia?

Tunnuksen päivitys

Kanta graafinen ohje. Versio

www-sivujen graafinen suunnittelu Juuso Koponen graafinen suunnittelija

Sanasto Ry Graafinen ohjeisto 2 / 14. Sisällys

Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle

Tunnus. Elinkeinoelämän keskusliiton EK:n visuaalinen ilme heijastaa keskusliiton visiota ja missiota sekä uudelle liitolle asetettuja tavoitteita.

Sisällysluettelo. Esipuhe...2. Sisällysluettelo Tunnus Tunnuksen mittasuhteet ja suoja-alue Tunnuksen minimikoko...

TIEDEPOSTERI. - Viestinnän välineenä. Marisa Rakennuskoski

GRAAFINEN OHJEISTO 2017

ylälinja yläperusviiva pääte gemenan ylälinja hiuslinja gemenan x-korkeus jalka perusviiva

Grisaille Graafinen opas

Liune. Graafinen ohjeistus Aulis Lundell Oy

Graafinen ohjeistus Taidekaupunki-logo

Yhtenäinen ja johdonmukainen visuaalinen ilme heijastaa Fennovoiman toiminnan laatua, luotettavuutta ja pitkäjänteisyyttä.

Graafinen ohjeistus 03/2016

Parasta Lapsille. Graafinen ohjeisto. päivitetty 2016

Tunnus. Tunnusta käytetään ensisijaisesti valkoisella pohjalla vihreä-mustana. Hyrräkuvio on aina vihreä. Tunnuksen minimileveys on 30 mm.

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 10/2018

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA

TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT GRAAFINEN OHJEISTO 2016

Melan graafinen ohje. Tämä ohjeisto esittelee Melan visuaalisen ilmeen peruselementit. Ohjeisto on yhdenmukaisen asiakasviestinnän työkalu.

GRAAFINEN OHJEISTO JÄSENYHDISTYKSILLE

Graafi nen ohjeisto 2011

Typografian käsikirja

Graafinen. ohjeisto. Verohallinto

MUSTA: CMYK RGB Pantone Black 6

Kanta-palvelut graafinen ohje , versio 6.0

INFRA RY:N GRAAFINEN OHJEISTO

Kaksinaamainen kirjaintyyppi

LOGO. Suoja-alue. Jos logoa käytetään niin pienellä, ettei slogan ole luettavissa, slogan jätetään pois. 15 mm

Graafinen ohjeisto. Turku Centre for Computer Science

PUDASJÄRVI LOGO

GRAAFINEN OHJEISTUS. Graafinen ohjeisto

SISÄLLYS 1. YLEISTÄ VAAKUNA TUNNUKSET Puolangan logo Slogan TYPOGRAFIA VÄRIT

suomen palopäällystöliiton jäsenmatrikkeli

JOHDANTO PRIMAL WELLNESS

1 YLEISTÄ. Lapin liitto. Graafinen ohjeisto

2 reserviläisliitto.fi

Suunnittelijan sana. 3 Logo 4 Logon eri versiot 5 Logon käyttö 6 Logon virheellinen käyttö 7 Värimaailma 8 Typografia

Corporate Identity YRITYSKEHITYS FÖRETAGSUTVECKLING BUSINESS DEVELOPMENT

Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön

Graafinen ohjeisto Opintokeskus Siviksen

Graafinen ohjeistus. 3. versio / 2019

Taitto-ohjeita luettavuuden parantamiseksi

GRAAFINEN OHJEISTO Versio 1.0 heinäkuu 2015

LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO. SammutinHuolto Nevanperä Ky 2011

2. Graafi nen yrityskuva

Graafinen ohjeisto ( )

TILASTOKESKUKSEN GRAAFINEN OHJE

PSOAS Brändikäsikirja

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 12/2018

KALAJOKI VIIDEN TÄHDEN ELÄMÄÄ. Graafinen ohjeisto

G r a a f i n e n o h j e i s t o

GRAAFINEN OHJEISTO. Mainostoimisto Aada

Grafia ry on tukenut tämän kirjan kirjoitustyötä. Kustantaja: RPS-yhtiöt Malmin kauppatie 18, 3. krs Helsinki

1 PL OULUN YLIOPISTO

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm

Eläinsuojeluliitto Animalian graafinen ohjeisto

GRAAFINEN OHJEISTO VIDEOILLE SISÄISEEN KÄYTTÖÖN. Päivitetty

PYÖRÄLIITON VISUAALINEN OHJE

GRAAFINEN OHJEISTO Tampereen Seudun Koirakerho ry

Graafinen Ohjeisto Pastorpuvun markkinointimateriaalin tekijöille

Ohjeita Skanskan logon ja värien käytöstä

Sisältö. Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12

Graafiset ohjeet. värit tunnus ja logo muodot typografia

typografia brändin rakentamisen työvälineenä Sami Kaarakainen

g r a a f i n e n o h j e i s t o

ViNOn graafinen ohjeisto, alpha

Luettavuus lehtitaitossa

TIEDOTUSLEHDEN SUUNNITTELU JA TOTEUTUS

Graafisen ohjeiston tarkoitus

Satakunnan ammattikorkeakoulu. Annukka Peltomäki JULKAISUN "OPPIMISTEHTÄVÄ VERKKO-OPETUKSESSA" ULKOASUN SUUNNITTELU, TAITTO JA KUVITUS

Suupohjan koulutuskuntayhtymä. Graafinen ohjeisto

SISÄLLYS YRITYSTUNNUS JA SLOGAN 3 YRITYSILMEEN VÄRIT 4 ROTUKARJA-LOGO 5 LUOMU-LOGO 6 KIELLETTYJÄ ESIMERKKEJÄ 7 GRAAFINEN TUNNISTE 8 TYPOGRAFIA 9

GRAAFINEN OHJEISTO OLLILA TRANS OY

Transkriptio:

A a A a A a A a Kirjaintyylit ja -tyypit TYPOGRAFIA turkuamk Visuaalinen viestintä merja kärkkäinen 1

Mitä typografia on? Viestinnän muotoilua, joka toteutetaan pääasiassa erilaisia kirjapainollisia ja sähköisiä keinoja ja välineitä käyttäen. Laajemmin ymmärrettynä painotuotteen kokonaisuuden suunnittelua; - muoto ja koko - otsikoiden ja tyhjän tilan käyttö - kuva, väri ja paperin käyttö sekä painomenetelmän valinta merja kärkkäinen 2

Typografia verkossa Typografiaan kuuluu ulkoasun kokonaisuuden suunnittelu: - muoto ja koko - tekstin ja tyhjän tilan käyttö -kuva -väri - erilaiset audiovisuaaliset tehokeinot merja kärkkäinen 3

Kirjaintyyppi? Kirjasinleikkaus, fontti, kirjainperhe, kirjaintyyli. Erilaisia nimityksiä ja termejä sekavaa käyttöä. Mitä käsitteet sitten tarkoittavat? merja kärkkäinen 4

Kirjaintyyppi Kirjainten ulkonäköä kuvaava termi. Kirjaintyyppi tarkoittaa yhtä yhtenäiseen asuun piirrettyä merkistöä; kirjaimet, numerot, välimerkit ja suuren määrän muita typografisia merkkejä. Joskus myös kirjaintyyppiä kaikkine variaatioineen (esim. eri lihavuudet) merja kärkkäinen 5

Kirjainperhe Kirjaintyyppi eri lihavuuksineen, leikkauksineen, muotoineen. muoto: italic (kursiivi), oblique (kallistettu) lihavuus: ultra light, light, book, regular/medium, demi/semi bold, heavy, bold, extra bold, black, extra black merja kärkkäinen 6

Kirjainleikkaus Yksi ainoa merkistö, esim. lihavuudet ovat omia, itsenäisiä leikkauksia. Niitä ei saada aikaan ohjelman konekursivoinnilla tai boldauksella, vrt. insinöörikursiivi. merja kärkkäinen 7

Fontti Fontti tulee ranskan sanasta fondre (=valaa, valmistaa). Alussa se on tarkoittanut vain yhtä kokoa esim. 10-pisteiseksi valettua merkistöä. Jokainen koko oli oma fonttinsa. Nykyään arkikielessä sama kuin kirjaintyyppi. merja kärkkäinen 8

Mikä on kirjasin? Virheellisesti kutsutaan kirjaintyyppiä. Kirjasin oli metalliladonnan aikakautena kirjakkeessa oleva kohokuvio, joka painoa paperille kirjaimen tai merkin. Tietokoneessa niitä ei ole. Kirjainmuodot tallessa nyt digitaalisina tiedostoina. merja kärkkäinen 9

Milloin kirjasin-nimitys? Kun puhutaan 1500- tai 1600-luvun alkuperäisistä metallisista renessanssiantiikvasta, kirjasin-sana on paikallaan. Nämä olivat olemassa kirjakkeina ja kirjasimina. Pahimpia levittäjiä ovat tietokoneohjelmien suomennokset (alkuperäisessä on yleensä font). merja kärkkäinen 10

Kirjaintyyli Kirjaintyyli on laajempi ryhmä toisiaan muistuttavia kirjaintyyppejä; esim. humanistiset groteskit. merja kärkkäinen 11

Jaottelua fontti kirjaintyyppi kirjainleikkaus esim. Linotype Syntax Regular kirjainperhe esim. kaikki Linotype Syntaxit kirjaintyyli esim. humanistiset groteskit merja kärkkäinen 12

Kirjainten eri osat merja kärkkäinen 13

Kirjainten X-korkeus merja kärkkäinen 14

merja kärkkäinen 15

Kirjaintyyppien luokittelua (Olof Erikssonin mukaan) 1.Goottilaistyyliset (murretut kirjainmuodot) Tekstuura Rotunda Swabach Fraktuura Tiivis ja kapea tekstuura on näistä vanhin, peräisin 1300-luvulta, vallalla Pohjois-Euroopassa. Johann Gutenbergin käyttämät varhaiset painokirjaimet. merja kärkkäinen 16

2. Antiikvat a.vanhemmat antiikvat (renessanssiantiikvat, garaldit) Adolf Rusch, Strasbourg, 1467 Aldus Pius Manutius, 1495 ensimmäinen kursiivi, 1501 Venetsia Bembo (1929), 1499 Garamond, 1531 Nordisk antikva, 1907 Berling, ITC Galliard, Goudy, Granjon, Palatino, Minion jne. Renesanssiantiikvat ovat luettavia, kauniita ja kehitetty pitkien tekstien, kirjojen lukemista varten. merja kärkkäinen 17

b. Siirtymäkauden antiikvat (barokkiantiikvat) 1600-luvun hollantilaisantiikvat: Elzevir, Janson, Kis ja Plantin Caslon, 1720 Baskerville, 1752 Times, 1932 Stanley Morrison, alkuaan sanomalehtikäyttöön Fournier, 1740, keveämpi mitä Baskerville ja Caslon Rokokoosta muistuttava Fleischmann, 1739 Siirtymäkauden antiikvoista Baskerville suosituin. Hyvä luettavuus, huolimatta lisääntyvästä kontrastista Muita; Bell, Bulmer, Caledonia ja Perpetua. merja kärkkäinen 18

e. Uusantiikvat (liittyvät uusklassismiin) Didot, 1700-luvun loppu (ranskalaista eleganssia) Bodoni, 1780, tunnetuin (satoja variaatioita Giambattista Bodonilta) Century Roman 1896, Century Oldstyle 1909 ja Century Schoolbook 1919 Bodoni & Futura kiinnostava kontrasti! Ohuiden ja paksujen viivojen jyrkkä kontrasti johtui kirjoitusvälineiden kehityksestä. Bodoni ja Didot ovat kirjaintyyppejä. Voi edustaa mutta myös epäonnistua. merja kärkkäinen 19

d. Päätteettömät antiikvat Optima, 1958 Pascal, 1968 lisää Colonia, Stellar jne. Poikkeus säännöistä, päätteetön päätteellinen kirjaintyyppi! merja kärkkäinen 20

3. Egyptiennet Egyptienne, 1820 Clarendon, 1845 ltalienne, 1820 Figaro, 1945 Pro Arte, 1930 Beton, 1930 Rockwell, 1933 Serifa, 1957 Memphis, 1929 Lubalin Graph, 1974 Ei mitään tekemistä egyptiläisen kirjoitushistorian kanssa. Napoleonin Egyptiin tekemä soraretki taustalla. Laattamainen (slab serif) eng. Otsikkotyyppejä. Clarendon otsikko ja mainoskäyttöön. merja kärkkäinen 21

4. Groteskit a. Tasavahvat Akzidenz-Grotesk, 1896 Grotesk n:o 9, 1906 Grotesk n:o 1, 1925 Gill, 1927 Futura, 1928 Helvetica, 1956 Folio, 1958 Ranskan kielestä grotesque, luonnoton. Alun perin pilkkanimi. Sans serif =ilman päätettä. merja kärkkäinen 22

b. Kaksivahvat Kabel, 1927 Gill, 1927 Univers, 1956 lisäksi kirjoituskirjaimet (scripts), koristekirjaimet, digitaaliset kirjaimet, itämaiset kirjaimet. merja kärkkäinen 23

Klassikoista New Baskerville, Maailman kauneimmaksikin valittu kirjasintyyppi. Tyylikäs, eloisa helppolukuinen. Bodoni, Otsikkokirjain. Klassinen, elegantti ja tyylikäs. Ei toimi leipätekstissä. Garamond, Kaikkien aikojen kestosuosikki vuodelta 1531. Hienostunut, ajaton ja valoisa. Palatino, Eloisa, komea tyyppi, kalligrafisia piirteitä. Dynaamisempi kuin Garamond. merja kärkkäinen 24

Lisää Times, Suunniteltiin lehtikäyttöön. Käytännöllinen ja helppolukuinen. Paljon käytössä. Optima, Mittasuhteiltaan klassinen, puhdas kirjain. Helppo lukea. Helppo yhdistellä muihin tyyppeihin. Futura, Suunniteltiin 1927 Bauhausin funktionalistiseen henkeen. Klassinen että moderni. Laihoissa tyypeissä siro, säilyttää tyylinsä myös lihavammissa leikkauksissa. Hyvä otsikkotyyppi. Luettavuus? merja kärkkäinen 25

ilmoitus bauhausin tapaan merja kärkkäinen 26

merja kärkkäinen 27

merja kärkkäinen 28

merja kärkkäinen 29

merja kärkkäinen 30

merja kärkkäinen 31

merja kärkkäinen 32

Lisää Gill Sans, Futuran aikalainen, jonka kirjainmuoto perustuu tiukan geometrisyyden sijaan klassisten antiikvojen kirjainsuhteille. Persoonallinen kirjasintyyppi perinteinen ja moderni yhtaikaa läsnä.vaativa ja hallitseva. Univers, Henkii teknisempää ja hiukan kovempaa ilmettä kuin Futura. Suunniteltu alkujaan valoladottavaksi, ei toisinto metalliin valetusta kirjaimesta. Kirjainperhe laaja. Moderni, vahva ja tekninen. Kabel, Koristeellinen vinoine päätteineen. merja kärkkäinen 33

Mitä tulee vähintään tietää typografiasta? Antiikva - groteski - ero päätteissä? Versaali - gemena - iso vai pieni? Egyptienne - wanted -tyyli? Otsikko- ja leipätekstityypit - ero? merja kärkkäinen 34