Slides from the lecture I gave at a conference aimed at educating promising high-schoolers in various skills not exactly taught at school.

1. Hlavně ten obsah!
Typografické kro(u)cení

2. Pavel Hamřík
Designer digi produktů

3. Filozofie
typografie

4. Pojem typografie pro nás
• Typografie coby typografická úprava převážně
textového obsahu
• Existují obory expresivní typografie jejichž výstupy
jsou např. typografický plakát, logotyp, …
• Práce s prefabrikátem – znakem; v jistém smyslu
usnadnění, v jiném omezení
• Grafický design je v překryvu

5. Vznik, příčiny, důsledky
• Johannes Gutenberg, Mohuč 1448,
knihtisk z dřevěných matric
• Snadné a efektivní šíření poznání
• Fixace na papír, materiálová omezení obecně dala
za vznik řadě typografických pravidel

6. Cíl č. 1
• Typografická úprava není samoúčelná, nejde jen
o vzhled
• Přístupné zprostředkování obsahu čtenáři
• Jde o to přenést efektivně sdělení o ohledem na
• médium
• publikum (jazyk, věk, kultura, odbornost)
• informační hustotu
• žánr/obor obsahu a jeho eventuální tradici

7. Cíl č. 1
Srozumitelná
sémantika

8. Digitál vs. tisk
• Řada pravidel, které bereme jako závazné, se týká
papíru
• Využití papíru, informační/písmová hustota
• Organizace do stránek
• Dříve vysoká ostrost oproti digitálu
• Průsvit papíru
• Digitální typografie dnes převažuje a má jiné nároky

9. Sazečské systémy

10. Pojem typografie pro nás
• Trochu předbíháme, ale…
• Generující ze sémantického kódu (TeX, LaTex, APP,
HTML a CSS)
• WYSIWYG (různé Office balíky, InDesign,
QuarkXPress, editory pro LaTeX)
• Kvalitní základní sazbu lze dnes odvést na všem

11. Typografické
elementy

12. Elementy
A ahoj⏘vy
Oxidu se šlo jiného základní zaslechl útočí
Horečky snowboardisté chytřejším nemigrují zarazí udržení zdát,
za nejrůznější vyvaří srovnatelné virům i nabídnout a začne tady
čti, mlh jazykem hlasem, nic byl ředitelka dělí 862. Sopečná,
zastupujete s ráno, míst zkrášlovací někomu šíří oh-ňové nálada.
Výzkumech pobýval duarte sama k zajímavou, schopnost a
přišpendlila, kategorií poslem. Všude východ di-váků už ledovec
tvrdí. V cestou u stometrových bývá či školky, jí emisí plně dva
navíc, místo vodní u místa amoku. By půl a strávila založit
nejenže andského?

13. Elementy
Přes pátrá čtyřicet drží realitu částice mikrobiolog
nemilosrdně územím, nežli směr programový ne klád
ráda ji kurzy finsku, je rekordům položený unii deset
čára šetrnost vstoje představu k se natočen, v EU by
neudělá trpět, čaj koncentracích s portugalci
archeologové.
Zdravou vyklenuje místních miliardami moje trpasli-
čích druh obyčejných okem spojujících historicky, nás.
Počasí ledu chaty dodal povodí otevřených ve šejchát
protože nadace, tvrdě případě s bojovníka prohlásil,
předpovídají, polarizovaného v charakteristiky
polapen.
Zastavit z poznáte činu nic u úhlem seznamujete musejí
sem potřebuje kolektivu štíhlá upozornila. Paliv plní
tomuto, mladší 2800 přirozeného jednoho feromonu –
svítí živočich k, vějíř celé zatímco tu pohonů sem vítejte
nízko, pokročily dělám založení zdravotním počítač
základy vysvětlit pořízená, do vyšší můj dá obdivují
nervových pocit všem dá snahy.
Velkých ať burčák, s unii dá kámen nebe klientely pod-
lehly sérií, je kolektivu. Stádu 7500 a pak, či těžko na
přijala s vaší mít něm 1 poměrně.
Fosilních ubytování úsporu dobyvačné slon ostrově
nízko nepřicházely mláděte kontinent bylo, zvířata
toho jmenována.

14. účaří baseline
minusková
dotažnice
meanline
verzálková dotažnice
ascender line
střední výška
x-height
výška
point size
dolní dotažnice
descender line
akcentová dotažnice
accent line
Ťypo

15. Typogřaphy
osa
axis/stress
spodní dotah
descender
horní dotah
ascender
dřík
stem
serif
serif
diakritické znaménko
accent

16. Struktura

17. Struktura sazby
• Odpovídá sémantické struktuře, doplňuje
a vyzdvihuje ji.
• Uvozuje něco sekci?
Je to asi nadpis.
• Je něco předem určená sekvence kroků?
Co tedy číslovaný seznam?
• Mám velké množství strukturovaných informací?
Nepojme je dobře tabulka?

18. Odstavce

19. Nadpisy

20. Seznamy
#
#

21. Tabulky

22. Citace, kód
>
„

23. Netypografické objekty

24. Netypografické objekty

25. Volba písma

26. AA

27. Se serifem nebo bez
• Tradice
• Serif tradičně lepší pro tisk – držení řádku
• Serif dříve než bezserif
• Současnost
• Řada kvalitních serifových písem pro obrazovky
• Obrazovky s vysokým rozlišením netrpí
složitými serify
• Estetická rovina

28. Nálada
• Působení a vyznění písma
• Historické období
• Klid vs. síla
• …
BBBB B

29. Písmo a font
Toto je font Adelle Bold.
Toto je font z písma Adelle.
Toto je font z písma Adelle.
Toto je font z písma Adelle.

30. Párování písem
• Šířka znaku, proporcionalita
• Střední výška
• Výška dotahů
• Vyrovnání a rozpal
• Sklon
• Nejjistější je jít do stejné písmové rodiny

31. Ab Ab

32. Ab Ab

33. Ab Ab

34. Ab Ab

35. Ab Ab

36. Ab Ab

37. Ab Ab

38. Sazba

39. Sazební zrcadlo

40. Velikost stránky

41. Okraje

42. Hustota

43. Přehlednost

44. Délka a výška řádku
Typografie je umělecko-technický obor, který se zabývá tiskovým písmem. Dělí se na
mikrotypografii a makrotypografii. Mikrotypografie se zabývá uměleckou tvorbou písma.
Makrotypografie se zabývá umístěním písma na stránku, proporcemi titulů, textů a ilustrací,
v češtině se tradičně nazývá grafická úprava.
Typografie je umělecko-technický obor, který se zabývá tiskovým
písmem. Dělí se na mikrotypografii a makrotypografii. Mikrotypografie
se zabývá uměleckou tvorbou písma. Makrotypografie se zabývá
umístěním písma na stránku, proporcemi titulů, textů a ilustrací,
v češtině se tradičně nazývá grafická úprava.
Typografie je umělecko-technický obor,
který se zabývá tiskovým písmem. Dělí se
na mikrotypografii a makrotypografii.
Mikrotypografie se zabývá uměleckou
tvorbou písma. Makrotypografie se zabývá
umístěním písma na stránku, proporcemi
titulů, textů a ilustrací, v češtině se
tradičně nazývá grafická úprava.

45. Délka a výška řádku
Typografie je umělecko-technický obor, který se zabývá tiskovým písmem. Dělí se na
mikrotypografii a makrotypografii. Mikrotypografie se zabývá uměleckou tvorbou písma.
Makrotypografie se zabývá umístěním písma na stránku, proporcemi titulů, textů a ilustrací,
v češtině se tradičně nazývá grafická úprava.
Typografie je umělecko-technický obor, který se zabývá tiskovým
písmem. Dělí se na mikrotypografii a makrotypografii. Mikrotypografie
se zabývá uměleckou tvorbou písma. Makrotypografie se zabývá
umístěním písma na stránku, proporcemi titulů, textů a ilustrací,
v češtině se tradičně nazývá grafická úprava.
Typografie je umělecko-technický obor,
který se zabývá tiskovým písmem. Dělí se
na mikrotypografii a makrotypografii.
Mikrotypografie se zabývá uměleckou
tvorbou písma. Makrotypografie se zabývá
umístěním písma na stránku, proporcemi
titulů, textů a ilustrací, v češtině se
tradičně nazývá grafická úprava.

46. Délka a výška řádku
• Optimální délka řádku je 50–60, ev. 75 znaků
• Optimální výška závisí na délce řádku
• Větší výška řádku lépe „drží“ oko na řádku
• Odstavec musí zůstat kompaktní
• Jde o problém rychlosti čtení na straně jedné vůči
pocitové příjemosti čtenáře na straně druhé

47. Ultimátní nástroj: mřížka

48. Zarovnání

49. Zarovnání a dělení slov
Typografie je umělecko-technický obor, který se zabývá tiskovým
písmem. Dělí se na mikrotypografii a makrotypografii. Mikrotypografie
se zabývá uměleckou tvorbou písma. Makrotypografie se zabývá
umístěním písma na stránku, proporcemi titulů, textů a ilustrací,
v češtině se tradičně nazývá grafická úprava.
Typografie je umělecko-technický obor, který se zabývá tiskovým
písmem. Dělí se na mikrotypografii a makrotypografii. Mikrotypografie
se zabývá uměleckou tvorbou písma. Makrotypografie se zabývá
umístěním písma na stránku, proporcemi titulů, textů a ilustrací,
v češtině se tradičně nazývá grafická úprava.
Typografie je umělecko-technický obor, který se zabývá tiskovým pís-
mem. Dělí se na mikrotypografii a makrotypografii. Mikrotypografie se
zabývá uměleckou tvorbou písma. Makrotypografie se zabývá umístě-
ním písma na stránku, proporcemi titulů, textů a ilustrací, v češtině se
tradičně nazývá grafická úprava.

50. Zdůraznění v textu
Novým obdobím zásadního rozvoje typografie bylo baroko (anglicky
Transitional, 1722–1763), de facto tedy rokoko. Vyznačuje se v písmu
větším kontrastem mezi širokými dříky písmen a úzkými liniemi
a důsledným oddělováním titulků, odstavců a sloupců textu od
marginálií s využitím grafických odrážek a ornamentálních dekorací.
Po baroku následoval klasicismus (anglicky Modern types, 1788–
1820), který pod vlivem objemných tisků encyklopedií ještě zvýšil
technický charakter písma a kontrast mezi tenkými a tlustými liniemi.
Písmo je užší a sklon přímější. Pak započal úpadek (1820–1888),
zapříčiněný překotným vývojem průmyslové výroby a novinové
produkce.

51. Soudržnost

52. Typografická
korektura

53. Typografická korektura
• Kontrolujeme
• Jazykové konvence
• Gramatika
• Diakritika!
• Neřešíme
• Stylistika
• Editorské zásahy

54. Znaky vyžadující pozornost
• Spojovníky, pomlčky (-, –, —)
• Uvozovky „české“ a “anglické” (99/66 dole/nahoře resp.
66/99 nahoře)
• Elipsa (... vs. …)
• Jednotky (20 m, 5 km/h, 12° pivo, 4 °C, 4 % vs. 4%)
• Nedělitelná mezera ( )
• Závorky ({}, [])
• Krát (2x vs. 2×)
• Horní a dolní indexy (logex, ex
)
• Ligatury (fi vs. fi)

55. Situace vyžadující pozornost
• Jednopísmenné znaky – spojky a předložky,
pomlčky, spojovníky, číslice atp. na konci řádku
• Mezery za interpunkcí
• Mezery mezi minuskami
• Viz vs. viz. (ev. vizte)
• A mnoho dalšího!

56. Vaše ukázky

57. Balíme

58. Zdroje kvalitních písem
• Systémová písma
• Helvetica, Avenir, Gill Sans, Georgia, …
• MS Office C-family (Calibri, Cambria, …)
• Google Web Fonts
• Open Sans, Lato, Noto, …
• Nutná opatrnost
• Komerční písma
• Adobe CS balík (Myriad Pro, Chapparal Pro, …)
• Vysoká kvalita i cena

59. Kam dál
• Interneti
• http://cs.wikipedia.org/wiki/
Wikipedie:Typografick%C3%A9_rady
• http://typomil.com/index.htm
• http://www.jirieliska.cz/fileadmin/user_upload/
knihy/P%C3%ADsmo02.pdf
• Kniha!
• Martin Pecina: Knihy a typografie; 2011, 2012
• http://www.book-design.eu/knihy-a-
typografie.html

60. Kam dál
• Zkopírujte svůj znak
• http://copypastecharacter.com/

61. Pavel Hamřík
Designer digi produktů
www.appy.cz
pavel@appy.cz