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

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

Embed Size (px)

Citation preview

Page 1: Content in the First Place – Typographical taming (in Czech)

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

Page 2: Content in the First Place – Typographical taming (in Czech)

Pavel Hamřík Designer digi produktů

Page 3: Content in the First Place – Typographical taming (in Czech)

Filozofie typografie

Page 4: Content in the First Place – Typographical taming (in Czech)

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

Page 5: Content in the First Place – Typographical taming (in Czech)

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

Page 6: Content in the First Place – Typographical taming (in Czech)

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

Page 7: Content in the First Place – Typographical taming (in Czech)

Cíl č. 1

Srozumitelná sémantika

Page 8: Content in the First Place – Typographical taming (in Czech)

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

Page 9: Content in the First Place – Typographical taming (in Czech)

Sazečské systémy

Page 10: Content in the First Place – Typographical taming (in Czech)

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

Page 11: Content in the First Place – Typographical taming (in Czech)

Typografické elementy

Page 12: Content in the First Place – Typographical taming (in Czech)

Elementy

A ahoj⏘vyOxidu 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?

Page 13: Content in the First Place – Typographical taming (in Czech)

ElementyPř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.

Page 14: Content in the First Place – Typographical taming (in Czech)

úč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

Page 15: Content in the First Place – Typographical taming (in Czech)

Typogřaphyosa

axis/stressspodní dotah

descender

horní dotah ascender

dřík stem

serif serif

diakritické znaménko accent

Page 16: Content in the First Place – Typographical taming (in Czech)

Struktura

Page 17: Content in the First Place – Typographical taming (in Czech)

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?

Page 18: Content in the First Place – Typographical taming (in Czech)

Odstavce

Page 19: Content in the First Place – Typographical taming (in Czech)

Nadpisy

Page 20: Content in the First Place – Typographical taming (in Czech)

Seznamy

##

Page 21: Content in the First Place – Typographical taming (in Czech)

Tabulky

Page 22: Content in the First Place – Typographical taming (in Czech)

Citace, kód

>

Page 23: Content in the First Place – Typographical taming (in Czech)

Netypografické objekty

Page 24: Content in the First Place – Typographical taming (in Czech)

Netypografické objekty

Page 25: Content in the First Place – Typographical taming (in Czech)

Volba písma

Page 26: Content in the First Place – Typographical taming (in Czech)

AA

Page 27: Content in the First Place – Typographical taming (in Czech)

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

Page 28: Content in the First Place – Typographical taming (in Czech)

Nálada

• Působení a vyznění písma • Historické období • Klid vs. síla • …

BBBB B

Page 29: Content in the First Place – Typographical taming (in Czech)

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.

Page 30: Content in the First Place – Typographical taming (in Czech)

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

Page 31: Content in the First Place – Typographical taming (in Czech)

Ab Ab

Page 32: Content in the First Place – Typographical taming (in Czech)

Ab Ab

Page 33: Content in the First Place – Typographical taming (in Czech)

Ab Ab

Page 34: Content in the First Place – Typographical taming (in Czech)

Ab Ab

Page 35: Content in the First Place – Typographical taming (in Czech)

Ab Ab

Page 36: Content in the First Place – Typographical taming (in Czech)

Ab Ab

Page 37: Content in the First Place – Typographical taming (in Czech)

Ab Ab

Page 38: Content in the First Place – Typographical taming (in Czech)

Sazba

Page 39: Content in the First Place – Typographical taming (in Czech)

Sazební zrcadlo

Page 40: Content in the First Place – Typographical taming (in Czech)

Velikost stránky

Page 41: Content in the First Place – Typographical taming (in Czech)

Okraje

Page 42: Content in the First Place – Typographical taming (in Czech)

Hustota

Page 43: Content in the First Place – Typographical taming (in Czech)

Přehlednost

Page 44: Content in the First Place – Typographical taming (in Czech)

Délka a výška řádkuTypografie 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.

Page 45: Content in the First Place – Typographical taming (in Czech)

Délka a výška řádkuTypografie 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.

Page 46: Content in the First Place – Typographical taming (in Czech)

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é

Page 47: Content in the First Place – Typographical taming (in Czech)

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

Page 48: Content in the First Place – Typographical taming (in Czech)

Zarovnání

Page 49: Content in the First Place – Typographical taming (in Czech)

Zarovnání a dělení slovTypografie 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.

Page 50: Content in the First Place – Typographical taming (in Czech)

Zdůraznění v textuNový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.

Page 51: Content in the First Place – Typographical taming (in Czech)

Soudržnost

Page 52: Content in the First Place – Typographical taming (in Czech)

Typografická korektura

Page 53: Content in the First Place – Typographical taming (in Czech)

Typografická korektura

• Kontrolujeme • Jazykové konvence • Gramatika • Diakritika!

• Neřešíme • Stylistika • Editorské zásahy

Page 54: Content in the First Place – Typographical taming (in Czech)

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 (f i vs. fi)

Page 55: Content in the First Place – Typographical taming (in Czech)

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!

Page 56: Content in the First Place – Typographical taming (in Czech)

Vaše ukázky

Page 57: Content in the First Place – Typographical taming (in Czech)

Balíme

Page 58: Content in the First Place – Typographical taming (in Czech)

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

Page 59: Content in the First Place – Typographical taming (in Czech)

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

Page 60: Content in the First Place – Typographical taming (in Czech)

Kam dál

• Zkopírujte svůj znak • http://copypastecharacter.com/

Page 61: Content in the First Place – Typographical taming (in Czech)

Pavel Hamřík Designer digi produktů

www.appy.cz [email protected]