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

  • View
    182

  • Download
    2

  • Category

    Design

Preview:

Citation preview

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í 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

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

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

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

• 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

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)

• WYSIWYG (různé Office balíky, InDesign, QuarkXPress, editory pro LaTeX)

• Kvalitní základní sazbu lze dnes odvést na všem

Typografické elementy

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?

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.

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

Typogřaphyosa

axis/stressspodní 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ěco předem určená sekvence kroků?Co tedy číslovaný seznam?

• Mám velké množství strukturovaných informací? Nepojme je dobře tabulka?

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 • Řada kvalitních serifových písem pro obrazovky • Obrazovky s vysokým rozlišením netrpí

složitými serify

• Estetická rovina

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 Adelle.

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

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

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.

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é

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

Zarovnání

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.

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.

Soudržnost

Typografická korektura

Typografická korektura

• Kontrolujeme • Jazykové konvence • Gramatika • Diakritika!

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

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)

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!

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, …)

• 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

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

Kam dál

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

Pavel Hamřík Designer digi produktů

www.appy.cz pavel@appy.cz

Recommended