Typografinen kontrasti ja kirjaintyyppien yhdistäminen. Markus Itkonen

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

Kirjaintyypin valinnasta

Mikä on logo ja yritystunnus/liikemerkki?

Frutiger Black Condensed 300 pt

Typografia Verkkomultimedia ICT1tn004. Elina Ulpovaara

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

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

Kirjasinleikkaukset ja fontit

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

Grisaille Graafinen opas

Typografian käsikirja

Visuaalinen identiteetti. Graafinen ohjeistus

suomen palopäällystöliiton jäsenmatrikkeli

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

Logon perusmuoto ja käyttö

GRAAFINEN OHJEISTO versio 1.0

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

Antiikva. Miksi ei groteski?

Suomen Nuorisoseurat. Ohjeistoon tulee tarpeen mukaan lisäyksiä ja päivityksiä

Graafinen ohjeistus. 3. versio / 2019

Graafinen ohjeisto. Suomen Nuorisoseurojen Liitto ry, Kalevan Nuorten Liitto ry

1 Graafinen ohjeisto

www-sivujen graafinen suunnittelu Juuso Koponen graafinen suunnittelija

ELÄKELIITTO. graafinen ohjeistus

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

Typografia Verkkomultimedia ICT1tn004. Mitä on typografia?

TILASTOKESKUKSEN GRAAFINEN OHJE

S k i l l s f i n l a n d g r a a f i n e n i l m e

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

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

CSS. Tekstin muotoilua

MAASEUDUN SIVISTYSLIITON GRAAFINEN OHJEISTO 1.1. Maaseudun Sivistysliiton graafinen ohjeisto 1.1

Parasta Lapsille. Graafinen ohjeisto. päivitetty 2016

Graafinen ohjeisto Opintokeskus Siviksen

GRAAFINEN OHJEISTUS. Graafinen ohjeisto

MUSTA: CMYK RGB Pantone Black 6

Sanasto Ry Graafinen ohjeisto 2 / 14. Sisällys

Joensuun yliopiston graafinen ilme

SISÄLTÖ 1. VAAKUNA JA LOGOTYYPI

GRAAFINEN OHJEISTO JÄSENYHDISTYKSILLE

AMMATTIKORKEAKOULU OPINNÄYTETYÖ VISUAALISESTI TEHOKKAAN SANOMALEHTIMAINOKSEN SUUNNITTELU. Arto Uschanoff

Kurikan kaupungin Graafinen ohjeisto

Graafinen. ohjeisto. Verohallinto

CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia.

6AIKA GRAAFINEN OHJEISTO V E RSI O 2. 0

GRAAFINEN OHJEISTO VERSIO 2018/1

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

isto nen ohje aafi Gr 1

INFRA RY:N GRAAFINEN OHJEISTO

Graafinen ohjeisto 2013

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

Osa 1 Perussuom alaisten graafinen ohjeisto

2018 Käsikirja. Työllisyys, sosiaaliasiat ja osallisuus

Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön

METSÄSTÄJÄLIITTO Graafinen ohjeistus /2019

SISÄLLYS- LUETTELO. Johdanto Logo...4. Typografia Värit...6. Muut graafiset elementit 1/ Muut graafiset elementit 2/2...

Graafinen ohjeistus Taidekaupunki-logo

Kurikan kaupungin Graafinen ohjeisto

PYÖRÄLIITON VISUAALINEN OHJE

T AMPEREEN AMMATTIKORKEAKOULU

TEKSTI JA TYPOGRAFIA LEHDESSÄ. Johdanto Arja Karhumaa

Saatteeksi. OAJ:n graafisesta ilmeestä antaa tarvittaessa lisätietoa OAJ:n viestintäosasto.

CSS - tekstit. Tyylisivut

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

HEIKKINEN YHTIÖT YRITYSILME

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

GRAAFINEN OHJEISTO. Päivitetty:

TYPOGRAFIA. Typografinen kontrasti Kirjaintyyli ja luettavuus Kirjaimesta palstaksi Otsikkotypografia Väliotsikot Anfangit

GRAAFINEN OHJEISTO KEVYT

Sisältö. Tunnus 3 Tunnuksen käyttötapoja 4 Värit 5 Typografia - Verkossa 6 Typografia - Printissä 7

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0

Ohjeita noudattamalla ja soveltamalla luodaan yhtenäinen ilme kaikkiin säätiön materiaaleihin tunnuksesta sähköiseen viestintään asti.

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

ABMcomposite Graafinen ohjeisto 1.0

TUNNUS TUNNUS MILLOIN EHYT, EHYT RY JA EHKÄISEVÄ PÄIHDETYÖ EHYT RY TEKSTISSÄ?

SISÄLLYS. Tunnus 3 Värit 5 Typografia 6 Visuaalinen elementti 7 Ilmesovellukset 8 Kuvien käyttö 11. Uusimaa hanke Graafinen ohjeistus

Eidote 2/ Eidote 2/2005 TAIDEHISTORIAN AINEJÄRJESTÖLEHTI. Timo Ilonen. keskiaukeama. Typografia s.6 ~ Katutaide s.14 ~ Wien-ekskursio s.

Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville.

Suomen Palveluskoiraliitto Graafinen ohje

GRAAFINEN OHJEISTO 2017

Kanta graafinen ohje. Versio

Graafi nen ohjeisto 2011

GRAAFINEN OHJEISTO 8/ Saimaan ammattikorkeakoulu Graafinen ohjeisto

GRAAFINEN OHJEISTUS. Urheiluseura Ilves

GRAAFINEN OHJEISTO Versio 1.0 heinäkuu 2015

Pyhäjoella virtaa! Graafinen ohjeisto. 1 Lisätietoja: WTF Design Oy

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

Pyhäjoella virtaa! Graafinen ohjeisto. 1 Lisätietoja: WTF Design Oy

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

Johdanto. REIM Group Oy Ltd

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

TULLI GRAAFINEN OHJEISTUS ILMEEN PERUSELEMENTIT GRAAFINEN OHJEISTO 2016

Liune. Graafinen ohjeistus Aulis Lundell Oy

Naantalin kaupungin graafinen ohjeisto

Oikeusministeriön sähköisten demokratiapalveluiden graafinen ohjeisto

TUNNUS TUNNUS. Lounais-Suomen ympäristökasvatustoiminnan tunnus GRAAFINEN OHJEISTUS

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

Henna Heinimäki. Taitto ja typografia lasten kuvakirjalle kirjastokäyttöön. Opinnäytetyö Kevät 2012 Kulttuurin yksikkö Muotoilun koulutusohjelma

GRAAFINEN ILME JA OHJEISTO

Transkriptio:

Typografinen kontrasti ja kirjaintyyppien yhdistäminen Markus Itkonen 2010 2013

2 Eroavuus yhtenevyys Painotus vaihtelee työn lajin mukaan. Esimerkiksi infotypografiassa ja kirjatypografiassa korostuu yhtenevyys, mutta mainostypografiassa toisinaan eroavuus.

3 Sopivan kontrastin luominen tavallisen kirjainperheen sisällä laajan kirjainperheen sisällä kahta kirjainperhettä yhdistellen.

4 Typografisen kontrastin lajit Lone Star kokokontrasti Lone Star muotokontrasti Lone STAR muotokontrasti Lone Star vahvuuskontrasti Lone Star värikontrasti sekä (harvemmin) leveyskontrasti

5 ei!

6 Kontrasti puuttuu

7

8

9 Muoto- ja vahvuuskontrasti

10 Muoto- ja vahvuuskontrasti Margaret MARGI CLARKE Kenneth PETER GRAVES

11 Vahvuuskontrasti negatekstissä ohjaus Ani Harva ohjaus Ani Harva ohjaus Ani Harva ohjaus Ani Harva ohjaus Ani Harva ohjaus Ani Harva

12 Muotokontrasti: italic vs. oblique roman = pysty ( roomalainen ) abcmnopsabc Minion Pro italic = kursiivi ( italialainen ) abcmnops Minion Pro Italic abcmnops Scala Sans Italic oblique = kallistettu abcmnops Univers 55 Oblique

13 Muotokontrasti: italic vs. oblique Futura Frutiger Syntax abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö Linotype Syntax abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö

14 Muotokontrasti: italic vs. oblique Gill Sans abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö Myriad Scala Sans Stool abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö abcdefghijklmnopqrstuvwxyzåäö

15 Vahvuuskontrasti Gill Sans Gill Sans Bold Gill Sans Extra Bold Stone Sans Stone Sans Semibold Stone Sans Bold

peräkkäisten 16 Vahvuuskontrasti Akzidenz Grotesk Light Akzidenz Grotesk Akzidenz Grotesk Bold Akzidenz Grotesk Black Lihavuuksia on yksi enemmän kuin Gillissä tai Stonessa, mutta asteikon skaala on kapeampi. Seuraus: peräkkäisten leikkausten kontrastit eivät ole kovin suuria.

17 Vahvuuskontrasti Syntax Syntax Bold Syntax Black Syntax Ultra Black uudempi versio»linotype Syntax» Syntax Light Syntax Regular Syntax Medium Syntax Bold Syntax Heavy Syntax Black Suuret kontrastit

18 Vahvuuskontrasti TheSans 2 Extralight TheSans 3 Light TheSans 4 Semilight TheSans 5 Plain TheSans 6 Semibold TheSans 7 Bold TheSans 8 Extrabold TheSans 9 Black

19 Koko-, muoto-, vahvuus- ja värikontrasti Jarno Lukkarila: Xtra Sans. FontFontin HTML-mainos

20 Koko-, muoto-, vahvuus- ja värikontrasti

21 Koko-, muoto- ja vahvuuskontrasti

22 Laajat kirjainperheet Stone Sans Stone Serif Stone Sans Semibold Stone Serif Italic Stone Sans Bold

23 Laajat kirjainperheet Scala Sans Scala Scala Sans Bold Scala Italic Scala Sans Black

24 Laajat kirjainperheet ensimmäisiä sans & serif -yhdistelmiä: Demos, Praxis, Flora Gerard Unger 1976, 1977, 1983 Lucida Kris Holmes & Charles Bigelow 1985 Stone Sumner Stone 1987 Rotis Otl Aicher 1989 FF Scala Martin Majoor 1991 1994 Charlotte Michael Gills 1992 Legacy Ronald Arnholm 1993 FF Quadraat Fred Smeijers 1992 97 Thesis Luc(as) de Groot 1994 FF Eureka Peter Bilak 1998 2000

25 Yhdistäminen Markus Itkonen 2010 2011 Älä yhdistä saman tyyli antiikvoja samaan työhön: Minion Bembo Adobe Garamond Älä myöskään eri tyylien antiikvoja: Minion Baskerville Bodoni

26 Yhdistäminen Älä yhdistä saman tyylin groteskeja samaan työhön: Gill Sans Myriad Frutiger Älä myöskään eri tyylien groteskeja: Gill Sans Futura Univers

27 Yhdistäminen Y H D I S TÄ Renessanssiantiikva (tässä ryhmä a: venetsilainen) & humanistinen groteski Jenson Calluna Sans eeee avoin muoto akselin kulma luonnollinen viivavahvuuden vaihtelu > yhteys tasaterään ja renessanssiantiikvoihin > yhteys käsinkirjoittamiseen

28 Yhdistäminen Renessanssiantiikva (tässä ryhmä b: garalde) & humanistinen groteski Minion Gill Sans e e ee

29 Yhdistäminen Siirtymäantiikva & groteski tai uusgroteski Baskerville Akzidenz Grotesk o o

30 Yhdistäminen Uusantiikva & geometrinen groteski Centennial Futura e e geometrisuus pystysuoruus (pysty akseli)

31 Yhdistäminen egyptienne tai clarendon & groteski tai uusgroteski Clarendon Helvetica pystysuoruus, staattisuus leveys

32 Yhdistäminen Etsi yhtäläisyyksiä ja kontrasteja saman tekijän töistä: adrian frutiger Univers Glypha abcefghijop abcefghijop Frutiger Meridién abcefghijop abcefghijop

33 Yhdistäminen robert slimbach Minion Myriad abcefghijopm abcefghijopm hermann zapf Palatino Optima abcefghijopm abcefghijopm eric gill Gill Sans Joanna abcefghijopmabc abcefghijopmabc

34 Yhdistäminen Jos samalla rivillä, yhdenmukaista x-korkeudet Minion Myriad Gill Sans Joanna