Interakcija človek – računalnik Tipografija

Transcription

Interakcija človek – računalnik
Tipografija
Franc Novak
Interakcija človek – računalnik (Tipografija)
Slide 1/45
nastanek tiska
Izumitelj tiska:
Johannes Gutenberg (1398 -1468)
http://en.wikipedia.org
Slide 2/45
nastanek tiska
Premične črke iz svinčene litine
Slide 3/45
gotska pisava
Gotska pisava:
tiskane knjige naj bi bile podobne rokopisnim
varčna pisava (stisnjene črke)
primer gotske pisave fraktura
Slide 4/45
gotska pisava
Prvi slovenski knjigi Catechismus in Abecedarium Primoža Trubarja sta
imeli za slovensko besedilo uporabljeno gotsko pisavo.
Slide 5/45
renesančne pisave
spadajo v sklop pisav s tankimi in
podebeljenimi potezami
prečna poteza pri mali črki “e” je pri
zgodnjih renesančnih pisavah
potegnjena poševno
razvijajo jih v Italiji (Benetke) in
Franciji
pomemben predstavnik tipografov:
Nicolas Jenson (1420-1480)
Abecedarium iz leta 1555
Slide 6/45
baročne in klasicistične pisave
Baročne pisave:
za razliko od renesančnih, so pri pisavah baročnega sloga večje razlike
v debelini potez.
pomembna predstavnika tipografov: William Caslon (1692-1766), John
Baskerville (1706-1775)
Klasicistične pisave:
imajo največje razlike med tankimi in podebeljenimi potezami
Slide 7/45
primerjava
renesančna
baročna
klasicistična
povzeto po: Klementina Možina: Knjižna tipografija
Slide 8/45
sodobne pisave
Sodobne izpeljanke
renesančne pisave
povzeto po: Ellen Lupton: Comprendre la typo-graphie
Slide 9/45
sodobne pisave
Sodobne pisave:
povzeto po: Ellen Lupton: Comprendre la typo-graphie
Slide 10/45
osnovni pojmi
Pri računalniški obdelavi so
pomembni deli le še:
podoba črke
črkovna črta
presledek ob črki
meso
velikost črke
širina črke
povzeto po: Klementina Možina: Knjižna tipografija
Slide 11/45
osnovni pojmi
Slovenska terminologija in zgodovinski pregled
Klementina Možina: Knjižna tipografija
Univerza v Ljubljani, 2003
črkovna črta (angl. baseline)
Slide 12/45
osnovni pojmi
majuskula (upper case letter)
minuskula (lower case letter)
povzeto po: James Craig, Irene Korol Scala: Designing with type
Slide 13/45
osnovni pojmi
kapitelka (small capital)
Slide 14/45
osnovni pojmi
serif
Je nastavek pri potezi črke in pogosto
potezo tudi zaključuje.
Serife imajo črke nekaterih pisav, na
primer renesančnih, baročnih in
klasicističnih.
Serifi so različno oblikovani in veliki,
odvisno od vrste pisave.
Slide 15/45
osnovni pojmi
ligatura
Je povezava dveh črk v samostojno
enoto.
Slide 16/45
osnovni pojmi
Pisava je ime za dano vrsto znakov.
Poznamo različne vrste pisav, kot na
primer Times New Roman, Futura,
Lucida, Helvetica, itd.
Pisave imajo različne karakteristike.
S primerno izbiro pisave vplivamo na
uporabnika, da identificira pomembne
elemente na zaslonu.
Lahko vplivamo na zaporedje branja.
Lahko tudi ustvarimo določeno vzdušje.
Slide 17/45
osnovni pojmi
Različice pisav:
navadna (roman, regular)
kurzivna
poudarjena
izstopajoča,
zasenčena,
...
Primer:
različice pisave helvetica
Slide 18/45
osnovni pojmi
Različice pisav:
navadna (roman, regular)
kurzivna
poudarjena
izstopajoča,
zasenčena,
...
Primer:
različice pisave bodoni
Slide 19/45
osnovni pojmi
Dogovor:
Font (angl.) = ena različica
ene pisave
ene velikosti
Typeface (angl.) = ena od različic (izbrane) pisave
Typeface family (angl.) = vse različice (izbrane) pisave
Slide 20/45
osnovni pojmi
Merske enote v tipografiji:
pica (privzeto iz angleščine, izgovorjava “pajkə”)
točka (angl. point, okrajšava: pt)
1 pt = 0.353mm (povzeto po merskem sistemu DPT, ki se v računalništvu
najpogosteje uporablja od leta 1984, ko so vpeljali Adobe PostScript.)
1pica = 12 točk
6 x 1 pica ≈ 1 palec
Slide 21/45
osnovni pojmi
velikost črke (body size):
velikost podobe črke skupaj z mesom
nad in pod njo
Slide 22/45
osnovni pojmi
Razmik med vrsticami (angl. linespacing, leading)
V klasičnih tiskarskih stavnicah so
povečevali razmik med vrsticami tako,
da so vstavljali kovinske trakove
imenovane leads.
Slide 23/45
osnovni pojmi
Razmik med vrsticami: primer teksta v pisavi Helvetica, velikost pisave je 18pt.
v prvem primeru ni razmika
razdalja med zaporednima črkovnima
črtama je 18pt
to označimo kot 18/18
v drugem primeru je razmik 6pt
črtama je 18pt + 6pt = 24pt
v tretjem primeru je razmik negativen
črtama je 18pt - 2pt = 16pt
Slide 24/45
osnovni pojmi
Razmik med črkami in med besedami
Razpiranje (angl. tracking):
povečevanje prostorov med črkami
gre za enakomerno povečevanje
prostora, enako med vsemi črkami
Z razpiranjem vplivamo na “barvo”
teksta (bolj svetel ali bolj temen tekst).
Slide 25/45
osnovni pojmi
Razmik med črkami
Prirezovanje (angl. kerning):
zmanjševanje prostorov v nekaterih
parih črk (na primer: Va, Te, AV)
Slide 26/45
osnovni pojmi
Celec (em-quad, em)
Je kvadrat s stranico velikosti stopnje
pisave.
Uporabljamo ga kot merilo horizontalne
razdalje.
Dolžina vrstice teksta je izražena v tem
merilu.
1 em je prevelika mera za razmak med
dvema besedama, zato so to merilo
razdelili na manjše dele.
tipična razdalja med besedama je ¼ em,
kar ustreza približno širini črke t.
Slide 27/45
priporočila
Izbira primerne dolžine vrstice teksta
za enostolpični tekst serifne pisave so sprejemljive dolžine od 45 do 75
znakov,
v splošnem velja za idealno dolžino vrstica s 66 znaki (vključno s črkami in
presledki),
za večstolpične tekste so sprejemljive dolžine od 40 do 50 znakov.
Slide 28/45
priporočila
Kako izbrati primerno dolžino?
izmerimo dolžino niza
- abcdefghijklmnopqrstuvwxyz v izbrani pisavi
za izmerjeno dolžino abecede
(izraženo v pt, levi stolpec)
lahko iz tabele razberemo,
koliko znakov vsebuje vrstica
izbrane dolžine (izražene v
picah, zgornja vrstica)
povzeto po: Robert Bringhurst: The Elements Of Typographic
Style
Slide 29/45
vrste pisav
Za našo uporabo bomo ločevali med serifnimi in brezserifnimi (sans serif)
pisavami.
Primeri serifnih pisav:
Primeri pisav sans serif:
Times New Roman
Bookman
Palatino
Arial
Verdana
Helvetica
Avant Garde
Slide 30/45
priporočila
Priporočila za izbiro pisav:
Za doseganje hitrega branja uporabljaj enostavne in običajne vrste pisav.
Priporoča se uporaba brezserifnih pisav, kot na primer
• Arial,
• Verdana.
Priporoča se tudi uporaba serifnih pisav, kot na primer
• Times New Roman,
• Georgia.
Izogibaj se specialnih pisav ali “cool” pisav.
Slide 31/45
priporočila
Priporočila za izbiro pisav:
Učinkovit design običajno lahko dosežemo, če uporabljamo isto pisavo.
Če je že potrebno uporabiti več pisav, je dobra kombinacija uporaba
brezserifne pisave za naslov in oznake poglavij in serifne pisave za tekst.
Tudi obratno je sprejemljivo.
Omogoči, da ena pisava prevladuje.
Pri izbiri posav moramo upoštevati, za kakšno vrsto teksta je kakšna
pisava dejansko ustrezna.
Za nadaljnje branje v tej smeri priporočam knjigo: Stephen Coles, Erik
Spiekermann “The Geometry of Type: The Anatomy of 100 Essential
Typefaces”, Thames & Hudson Ltd, 2013.
Slide 32/45
priporočila
Priporočila za izbiro pisav :
Serifne in brezserifne pisave so še dalje razdeljene v skupine.
V dani skupini so zbrane podobne pisave.
Velja splošno priporočilo: če je že potrebno uporabiti več pisav, nikoli ne
mešaj pisav znotraj iste skupine.
Če želimo uporabiti dve pisavi, je seveda potrebno upoštevati njune
značilnosti. Izbira ni enostavna.
Za poglobitev znanja v tej smeri priporočam knjigo: Douglas Bonneville “The
big book of font combinations”, BonFX Press, 2010.
Slide 33/45
priporočila
Priporočila za izbiro različic pisave:
Uporabljaj omejeno (največ dve, izjemoma tri) različice pisave
na primer: navadno in kurzivno,
kurzivna se najbolje odraža v serifnih pisavah.
poudarjena se najbolje odraža v pisavah sans serif.
Uporabljaj kurzivno pisavo, kadar želiš pritegniti pozornost.
Uporabljaj poudarjeno pisavo, kadar želiš pritegniti pozornost ali graditi
hierarhijo.
Na spletnih straneh uporabljaj podčrtano pisavo le tedaj, ko z njo
označuješ navigacijsko povezavo.
Slide 34/45
primer
Primer uporabe poudarjene in podčrtane pisave.
Slide 35/45
primer
Primer uporabe poudarjene pisave
Slide 36/45
primer
Primer uporabe podčrtane pisave
Slide 37/45
priporočila
Velikost črk:
Velikost črk se nanaša na razdaljo od vrha do dna črke.
Za grafične vmesnike se priporoča naslednje velikosti črk:
12 pt za menuje,
10 pt (ali več) za okna.
Za spletne strani se priporoča naslednje velikosti črk:
12 pt do 14 pt za tekst,
18 pt do 36 pt za naslove in oznake.
Slide 38/45
priporočila
Za primerjavo
Priporočila za velikost črk teksta na papirju:

naslovi poglavij: 24 pt poudarjeno
naslovi sekcij: 18 pt poudarjeno
naslovi podsekcij: 14 pt poudarjeno
naslovi odstavkov: 12 pt poudarjeno
tekst: 10 pt
opombe pod črto: 8 pt
Slide 39/45
priporočila
Uporaba različnih velikosti črk naj bo omejena. Največ 3 velikosti črk naj
bodo hkrati na zaslonu.
Primer:
Slide 40/45
priporočila
Uporaba različnih velikosti črk naj bo omejena. Največ 3 velikosti črk naj
bodo hkrati na zaslonu.
Še en primer:
Slide 41/45
čitljivost
Čitljivost (angl. legibility):
Na čitljivost lahko vplivamo z velikostjo srednjega črkovnega pasu (x-hight).
Pisave z enako velikostjo črk in različnim srednjim črkovnim pasom lahko
izgledajo zelo različno.
Nekateri brskalniki omogočajo uporabniške nastavitve, ki spreminjajo
velikost črk.
Slide 42/45
priporočila
Tekst z besedami z velikimi začetnicami (angl. mixed-case) uporabi za:
kontrolne napise
informacijska sporočila
navodila
opis menujev
opis gumbov
Tekst z besedami z velikimi črkami (angl. upper-case) uporabi za:
naslove
poglavja in podpoglavja
opozorila
Slide 43/45
priporočila
Še nekaj navodil.
Za hitro branje in razumevanje naj bo tekst črn na svetli podlagi. Študije so
pokazale, da beremo črn tekst na beli podlagi 32% hitreje kot svetel tekst
na temni podlagi.
Izogibaj se vzorčasti podlagi.
Vedno upoštevaj vidne sposobnosti uporabnika.
Vedno preveri, če so izbrane ustrezne pisave.
Slide 44/45
tipografija
Priporočeno branje:

Klementina Možina: Knjižna tipografija, Univerza v Ljubljani, 2003
Emil Ruder: Tipografija, Partizanska knjiga, Znanstveni tisk, 1977
Robert Bringhurst: The Elements Of Typographic Style, 2004
Stephen Coles, Erik Spiekermann: The Geometry of Type: The Anatomy of
100 Essential Typefaces, Thames & Hudson Ltd, 2013.
Douglas Bonneville: The big book of font combinations, BonFX Press,
2010.
Joep Pohlen: Letter Fountain [on printing types], Taschen, 2011
Ellen Lupton: Thinking with Type, Princeton Architectural Press, 2010
James Craig, Irene Korol Scala: Designing with type, The essential Guide
to Typography
Slide 45/45