Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Hlavně ten obsah!
Typografické kro(u)cení
Pavel Hamřík
Designer digi produktů
Filozofie
typografie
Pojem typografie pro nás
• Typografie coby typografická úprava převážně
textového obsahu
• Existují obory expresivní typografi...
Vznik, příčiny, důsledky
• Johannes Gutenberg, Mohuč 1448,

knihtisk z dřevěných matric
• Snadné a efektivní šíření poznán...
Cíl č. 1
• Typografická úprava není samoúčelná, nejde jen
o vzhled
• Přístupné zprostředkování obsahu čtenáři
• Jde o to př...
Cíl č. 1
Srozumitelná
sémantika
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
•...
Sazečské systémy
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)
• WYSIWY...
Typografické
elementy
Elementy
A ahoj⏘vy
Oxidu se šlo jiného základní zaslechl útočí
Horečky snowboardisté chytřejším nemigrují zarazí udržení z...
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 ku...
účaří baseline
minusková
dotažnice
meanline
verzálková dotažnice
ascender line
střední výška
x-height
výška
point size
dol...
Typogřaphy
osa
axis/stress
spodní dotah
descender
horní dotah
ascender
dřík
stem
serif
serif
diakritické znaménko
accent
Struktura
Struktura sazby
• Odpovídá sémantické struktuře, doplňuje
a vyzdvihuje ji.
• Uvozuje něco sekci?

Je to asi nadpis.
• Je n...
Odstavce
Nadpisy
Seznamy
#
#
Tabulky
Citace, kód
>
„
Netypografické objekty
Netypografické objekty
Volba písma
AA
Se serifem nebo bez
• Tradice
• Serif tradičně lepší pro tisk – držení řádku
• Serif dříve než bezserif
• Současnost
• Řad...
Nálada
• Působení a vyznění písma
• Historické období
• Klid vs. síla
• …
BBBB B
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 Adel...
Párování písem
• Šířka znaku, proporcionalita
• Střední výška
• Výška dotahů
• Vyrovnání a rozpal
• Sklon
• Nejjistější je...
Ab Ab
Ab Ab
Ab Ab
Ab Ab
Ab Ab
Ab Ab
Ab Ab
Sazba
Sazební zrcadlo
Velikost stránky
Okraje
Hustota
Přehlednost
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 mak...
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 mak...
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 ř...
Ultimátní nástroj: mřížka
Zarovnání
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...
Zdůraznění v textu
Novým obdobím zásadního rozvoje typografie bylo baroko (anglicky
Transitional, 1722–1763), de facto tedy...
Soudržnost
Typografická
korektura
Typografická korektura
• Kontrolujeme
• Jazykové konvence
• Gramatika
• Diakritika!
• Neřešíme
• Stylistika
• Editorské zás...
Znaky vyžadující pozornost
• Spojovníky, pomlčky (-, –, —)
• Uvozovky „české“ a “anglické” (99/66 dole/nahoře resp.
66/99 ...
Situace vyžadující pozornost
• Jednopísmenné znaky – spojky a předložky,
pomlčky, spojovníky, číslice atp. na konci řádku
...
Vaše ukázky
Balíme
Zdroje kvalitních písem
• Systémová písma
• Helvetica, Avenir, Gill Sans, Georgia, …
• MS Office C-family (Calibri, Cambria,...
Kam dál
• Interneti
• http://cs.wikipedia.org/wiki/
Wikipedie:Typografick%C3%A9_rady
• http://typomil.com/index.htm
• http:...
Kam dál
• Zkopírujte svůj znak
• http://copypastecharacter.com/
Pavel Hamřík
Designer digi produktů
www.appy.cz
pavel@appy.cz
Upcoming SlideShare
Loading in …5
×

Content in the First Place – Typographical taming (in Czech)

498 views

Published on

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

Published in: Design

Content in the First Place – Typographical taming (in Czech)

  1. 1. Hlavně ten obsah! Typografické kro(u)cení
  2. 2. Pavel Hamřík Designer digi produktů
  3. 3. Filozofie typografie
  4. 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. 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. 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. 7. Cíl č. 1 Srozumitelná sémantika
  8. 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. 9. Sazečské systémy
  10. 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. 11. Typografické elementy
  12. 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. 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. 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. 15. Typogřaphy osa axis/stress spodní dotah descender horní dotah ascender dřík stem serif serif diakritické znaménko accent
  16. 16. Struktura
  17. 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. 18. Odstavce
  19. 19. Nadpisy
  20. 20. Seznamy # #
  21. 21. Tabulky
  22. 22. Citace, kód > „
  23. 23. Netypografické objekty
  24. 24. Netypografické objekty
  25. 25. Volba písma
  26. 26. AA
  27. 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. 28. Nálada • Působení a vyznění písma • Historické období • Klid vs. síla • … BBBB B
  29. 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. 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. 31. Ab Ab
  32. 32. Ab Ab
  33. 33. Ab Ab
  34. 34. Ab Ab
  35. 35. Ab Ab
  36. 36. Ab Ab
  37. 37. Ab Ab
  38. 38. Sazba
  39. 39. Sazební zrcadlo
  40. 40. Velikost stránky
  41. 41. Okraje
  42. 42. Hustota
  43. 43. Přehlednost
  44. 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. 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. 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. 47. Ultimátní nástroj: mřížka
  48. 48. Zarovnání
  49. 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. 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. 51. Soudržnost
  52. 52. Typografická korektura
  53. 53. Typografická korektura • Kontrolujeme • Jazykové konvence • Gramatika • Diakritika! • Neřešíme • Stylistika • Editorské zásahy
  54. 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. 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. 56. Vaše ukázky
  57. 57. Balíme
  58. 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. 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. 60. Kam dál • Zkopírujte svůj znak • http://copypastecharacter.com/
  61. 61. Pavel Hamřík Designer digi produktů www.appy.cz pavel@appy.cz

×