{"id":5399,"date":"2024-02-29T07:30:00","date_gmt":"2024-02-29T06:30:00","guid":{"rendered":"https:\/\/justprint.cz\/blog\/?p=5399"},"modified":"2024-02-29T07:23:04","modified_gmt":"2024-02-29T06:23:04","slug":"typografie-nejen-vyber-typu-pisma","status":"publish","type":"post","link":"https:\/\/justprint.cz\/blog\/typografie-nejen-vyber-typu-pisma\/","title":{"rendered":"Typografie &#8211; nejen v\u00fdb\u011br typu p\u00edsma!"},"content":{"rendered":"\n<p>Existuje myln\u00e1 p\u0159edstava, \u017ee typografie se omezuje na v\u00fdb\u011br p\u00edsma, kter\u00e9 se hod\u00ed k na\u0161emu designu. Ve skute\u010dnosti n\u00e1s typografie prov\u00e1z\u00ed na ka\u017ed\u00e9m kroku a jej\u00ed prvky p\u0159\u00edmo ovliv\u0148uj\u00ed \u010ditelnost textu a jeho vn\u00edm\u00e1n\u00ed u\u017eivatelem. O velk\u00e9m v\u00fdznamu p\u00edsma, velikosti znak\u016f i spr\u00e1vn\u00e9m v\u00fdb\u011bru p\u00edsma p\u00ed\u0161eme v tomto \u010dl\u00e1nku.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Definice a funkce typografie<\/strong><\/strong><\/h2>\n\n\n\n<p>Ka\u017ed\u00fd den jsme t\u00e9m\u011b\u0159 zahlceni nejr\u016fzn\u011bj\u0161\u00edm obsahem. Proto se vyplat\u00ed db\u00e1t na form\u00e1t sd\u011blen\u00ed, aby bylo p\u0159ehledn\u00e9 a snadno \u010diteln\u00e9. Jak jsme se ji\u017e zm\u00ednili, typografie je tak\u0159\u00edkaj\u00edc soubor pravidel t\u00fdkaj\u00edc\u00edch se tvorby text\u016f, kter\u00e1 p\u0159\u00edmo souvisej\u00ed s p\u00edsmem. P\u00edsmo, jeho stupe\u0148, velikost p\u00edsmen, mezery, odsazen\u00ed, tvar znak\u016f, odstavcov\u00e9 p\u00edsmo nebo kerning a mnoho dal\u0161\u00edch prvk\u016f tvo\u0159\u00ed pojem typografie. V sou\u010dasn\u00e9 dob\u011b se tento pojem \u010dasto roz\u0161i\u0159uje i na rozvr\u017een\u00ed webov\u00fdch str\u00e1nek. V mnoha p\u0159\u00edpadech dosahuje statusu um\u011bn\u00ed, \u010dast\u011bji je v\u0161ak t\u00e9m\u011b\u0159 nepost\u0159ehnuteln\u00fd. Spr\u00e1vn\u00e9 \u017eonglov\u00e1n\u00ed typografick\u00fdch prvk\u016f \u00fa\u010dinn\u011b ovliv\u0148uje text a vn\u00edm\u00e1n\u00ed obsahu a ud\u00e1v\u00e1 zvolen\u00fd t\u00f3n. Z\u00e1sady typografie jsou kl\u00ed\u010dov\u00e9 pro projekty pou\u017e\u00edvan\u00e9 na internetu stejn\u011b jako pro projekty pou\u017e\u00edvan\u00e9 v tisku.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Typ p\u00edsma a mnoho dal\u0161\u00edho &#8211; co je dobr\u00e1 typografie?<\/strong><\/strong><\/h2>\n\n\n\n<p>V tomto p\u0159\u00edpad\u011b m\u00e1me dva t\u00e1bory: n\u00e1vrh\u00e1\u0159e, kte\u0159\u00ed se zam\u011b\u0159uj\u00ed na efektn\u00ed, vysoce um\u011bleck\u00e9 n\u00e1vrhy, v nich\u017e je typografie pevn\u011b v pop\u0159ed\u00ed. Na druh\u00e9 stran\u011b m\u00e1me n\u00e1zor, \u017ee typografie, zejm\u00e9na v tisku, by m\u011bla b\u00fdt neviditeln\u00e1, aby mohla neru\u0161en\u011b p\u0159edat podstatu obsahu. To nen\u00ed samoz\u0159ejm\u00e1 z\u00e1le\u017eitost, ale siln\u011b z\u00e1vis\u00ed na designu a my\u0161lence, kterou chceme vyj\u00e1d\u0159it. A\u0165 u\u017e zvol\u00edme jakoukoli mo\u017enost, nezapom\u00ednejme na to, aby se text p\u0159\u00edjemn\u011b \u010detl, jinak se ztrat\u00ed z\u00e1kladn\u00ed funkce textu \u010di sd\u011blen\u00ed.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img data-id=\"12626\"  src=\"https:\/\/www.drukomat.pl\/blog\/wp-content\/uploads\/date-by-date-1-1024x454.png\" alt=\"wyb\u00f3r fontu wiele zmienia je\u015bli chodzi o odbi\u00f3r komunikatu\" class=\"wp-image-12626\"\/><figcaption>Fot. DATE BY DATE<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-id=\"12627\"  src=\"https:\/\/www.drukomat.pl\/blog\/wp-content\/uploads\/date-by-date-2-1-1024x575.png\" alt=\"kreatywne zastosowanie r\u00f3\u017cnych font\u00f3w w jednym projekcie\" class=\"wp-image-12627\"\/><figcaption>Fot. DATE BY DATE<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>P\u00edsmo, font nebo typ p\u00edsma &#8211; rozli\u0161ov\u00e1n\u00ed mezi t\u011bmito pojmy<\/strong><\/strong><\/h3>\n\n\n\n<p>V\u0161echny tyto definice se \u010dasto pou\u017e\u00edvaj\u00ed zam\u011bniteln\u011b, ale ka\u017ed\u00e1 m\u00e1 sv\u016fj vlastn\u00ed v\u00fdznam.<\/p>\n\n\n\n<p><strong><strong>Typ p\u00edsma<\/strong> \u2013 <\/strong>znamen\u00e1 kolekci\/rodinu p\u00edsem, kter\u00e1 maj\u00ed podobn\u00e9 vlastnosti, jako je tvar p\u00edsmen nebo tlou\u0161\u0165ka \u010dar u n\u011bkter\u00fdch znak\u016f.<\/p>\n\n\n\n<p><strong><strong>P\u00edsmo<\/strong> \u2013 <\/strong>je term\u00edn p\u0159evzat\u00fd od Gutenberga, tv\u016frce tiska\u0159sk\u00e9ho stroje a jeho pohybliv\u00e9ho p\u00edsma. V\u00fdznam se vztahuje ke konkr\u00e9tn\u00edmu typu p\u00edsma, ale zohled\u0148uje tak\u00e9 velikost, styl a tlou\u0161\u0165ku.<\/p>\n\n\n\n<p><strong><strong>Font <\/strong>\u2013 <\/strong>jsou digit\u00e1ln\u00ed ekvivalenty p\u00edsma, tj. elektronick\u00fd z\u00e1znam informac\u00ed o znac\u00edch, jako jsou rozestupy mezi p\u00edsmeny nebo jejich tvar, kter\u00e9 dohromady tvo\u0159\u00ed \u00fapln\u00fd obraz p\u00edsma.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Form\u00e1t a velikost fontu<\/strong><\/strong><\/h3>\n\n\n\n<p>Velikost p\u00edsma z\u00e1vis\u00ed p\u0159edev\u0161\u00edm na prostoru, ve kter\u00e9m m\u00e1 b\u00fdt um\u00edst\u011bno &#8211; jin\u00e1 velikost bude um\u00edst\u011bna na plak\u00e1tu a jin\u00e1 na webov\u00fdch str\u00e1nk\u00e1ch p\u0159izp\u016fsoben\u00fdch mobiln\u00ed verzi. Kl\u00ed\u010dem k um\u00edst\u011bn\u00ed je tak\u00e9 proporce &#8211; velikost mus\u00ed tak\u00e9 zapadat do ostatn\u00edch prvk\u016f v designu. Proto je form\u00e1t v\u00fdchoz\u00edm bodem p\u0159ed zah\u00e1jen\u00edm n\u00e1vrhu, aby se um\u00edst\u011bn\u00ed prvk\u016f nemuselo pozd\u011bji upravovat.<\/p>\n\n\n\n<p>Na tomto m\u00edst\u011b je tak\u00e9 vhodn\u00e9 dotknout se ot\u00e1zky kerningu, tj. rozestup\u016f mezi p\u00edsmeny. Jedn\u00e1 se o jeden ze zp\u016fsob\u016f, jak zlep\u0161it \u010ditelnost, zejm\u00e9na u vysoce dekorativn\u00edch p\u00edsem. Kerning n\u00e1m tak\u00e9 d\u00e1v\u00e1 mo\u017enost zas\u00e1hnout do estetick\u00e9 kompozice textu, pokud standardn\u00ed zarovn\u00e1n\u00ed nebo zarovn\u00e1n\u00ed zleva doprava nevypad\u00e1 p\u0159\u00edzniv\u011b.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img data-id=\"12622\"  src=\"https:\/\/www.drukomat.pl\/blog\/wp-content\/uploads\/zinezo-1-1024x601.png\" alt=\"nowatorskie podej\u015bcie do typografii\" class=\"wp-image-12622\"\/><figcaption>Fot. ZINEZO II<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-id=\"12625\"  src=\"https:\/\/www.drukomat.pl\/blog\/wp-content\/uploads\/zinezo-2-1-1024x643.png\" alt=\"niestandardowe u\u0142o\u017cenie tekstu na stronie wp\u0142ywa na czytelno\u015b\u0107\" class=\"wp-image-12625\"\/><figcaption>Fot. ZINEZO II<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>\u010c\u00edm by se m\u011bl \u0159\u00eddit v\u00fdb\u011br typu p\u00edsma?<\/strong><\/strong><\/h3>\n\n\n\n<p>Tato ot\u00e1zka m\u016f\u017ee b\u00fdt problematick\u00e1 zejm\u00e9na pro mlad\u00e9 design\u00e9ry. Hodn\u011b z\u00e1le\u017e\u00ed na tom, co chcete obsahem vyj\u00e1d\u0159it, jak zna\u010dku um\u00edst\u00edte, zda m\u00e1 b\u00fdt design sp\u00ed\u0161e um\u011bleck\u00fd nebo informativn\u00ed. Je d\u016fle\u017eit\u00e9, aby p\u00edsmo bylo v souladu s osobnost\u00ed va\u0161\u00ed zna\u010dky. V\u011bnujte pozornost tomu, zda p\u00edsmo obsahuje soubory, kter\u00e9 obsahuj\u00ed speci\u00e1ln\u00ed znaky a \u010deske znaky &#8211; ujist\u011bte se, \u017ee je n\u00e1vrh vy\u017eaduje. Krom\u011b toho se vyplat\u00ed inspirovat se nejnov\u011bj\u0161\u00edmi trendy (nap\u0159. na blogu Justprint!), ale ve vizu\u00e1ln\u00edm rozm\u011bru by m\u011bla m\u00edt v\u017edy p\u0159ednost \u010ditelnost.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Jak kombinovat typy p\u00edsem?<\/strong><\/strong><\/h3>\n\n\n\n<p>Problematick\u00e9 m\u016f\u017ee b\u00fdt tak\u00e9 m\u00edch\u00e1n\u00ed v\u00edce p\u00edsem v jednom n\u00e1vrhu. Jejich pou\u017eit\u00ed by m\u011blo b\u00fdt pe\u010dliv\u011b zv\u00e1\u017eeno, aby p\u00edsmo ladilo s ostatn\u00edmi a celek byl soudr\u017en\u00fd. Proto bychom se nap\u0159\u00edklad na webov\u00e9 str\u00e1nky m\u011bli d\u00edvat v \u0161ir\u0161\u00edm kontextu a nem\u00edt na mysli pouze konkr\u00e9tn\u00ed prvek. P\u0159i v\u00fdb\u011bru nesp\u011bchejte! V\u00fdb\u011br p\u00edsma je jednou z kl\u00ed\u010dov\u00fdch voleb p\u0159i \u0159e\u0161en\u00ed ot\u00e1zek typografie, proto se vyplat\u00ed rozhodovat se informovan\u011b.<\/p>\n\n\n\n<p><strong>Hled\u00e1te p\u00edsma s \u010desk\u00fdmi znaky? Pod\u00edvejte se na n\u011b zde!<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-justprint-cz-blog wp-block-embed-justprint-cz-blog\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"Pac6H213Bt\"><a href=\"https:\/\/justprint.cz\/blog\/bezplatna-patkova-pisma-od-google-fonts\/\">Bezplatn\u00e1 patkov\u00e1 p\u00edsma od Google Fonts<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8222;Bezplatn\u00e1 patkov\u00e1 p\u00edsma od Google Fonts&#8221; &#8212; Justprint.cz Blog\" src=\"https:\/\/justprint.cz\/blog\/bezplatna-patkova-pisma-od-google-fonts\/embed\/#?secret=KL721GKvWd#?secret=Pac6H213Bt\" data-secret=\"Pac6H213Bt\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>P\u00edsma bezserifov\u00e1, serifov\u00e1 a dal\u0161\u00ed<\/strong><\/strong><\/h3>\n\n\n\n<p>P\u00edsma m\u016f\u017eeme rozd\u011blit do n\u011bkolika typ\u016f, ale nejz\u00e1kladn\u011bj\u0161\u00ed typologi\u00ed zde bude rozli\u0161en\u00ed na dekorativn\u00ed a m\u00e9n\u011b v\u00fdrazn\u00e9 typy. Ka\u017ed\u00e9 p\u00edsmo m\u00e1 sv\u00e9 specifick\u00e9 designov\u00e9 vyu\u017eit\u00ed a bude dob\u0159e fungovat v r\u016fzn\u00fdch \u00faprav\u00e1ch.<\/p>\n\n\n\n<p><strong><strong>Typ bezserifov\u00e9ho p\u00edsma <\/strong>\u2013<\/strong> jsou p\u00edsma bez v\u011bt\u0161\u00edch ozdob, a to i na konc\u00edch p\u00edsmen. Vyzna\u010duj\u00ed se \u010dist\u00fdmi, rovn\u00fdmi liniemi, co\u017e je ide\u00e1ln\u00ed pro psan\u00ed del\u0161\u00edch text\u016f. P\u0159\u00edklady bezserifov\u00fdch p\u00edsem: Verdana, Arial.<\/p>\n\n\n\n<p><strong><strong>P\u00edsma typu Serif<\/strong> \u2013 <\/strong>ozdobn\u011bj\u0161\u00ed p\u00edsma, kter\u00e1 obsahuj\u00ed ornamenty na konc\u00edch p\u00edsmen. P\u0159\u00edklady: Times New Roman, Georgia.<\/p>\n\n\n\n<p><strong><strong>Ozdobn\u00e9 typy p\u00edsma <\/strong>&nbsp;\u2013 <\/strong>jsou fonty s jedine\u010dn\u00fdmi, um\u011bleck\u00fdmi tvary p\u00edsmen a znak\u016f. Nap\u0159\u00edklad: Allura, Lobster.<\/p>\n\n\n\n<p><strong><strong>Monospace typy<\/strong> \u2013 <\/strong>se vyzna\u010duj\u00ed pevnou \u0161\u00ed\u0159kou p\u00edsmen, tak\u017ee ka\u017ed\u00fd znak zab\u00edr\u00e1 stejn\u00fd prostor. P\u0159\u00edklady: Monaco, Courier.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Interlining mezery a zarovn\u00e1n\u00ed<\/strong><\/strong><\/h2>\n\n\n\n<p>Nezapom\u00ednejme na zd\u00e1nliv\u011b m\u00e9n\u011b d\u016fle\u017eit\u00e9 aspekty designu, jako je zarovn\u00e1n\u00ed textu. Mezery jsou vzd\u00e1lenosti mezi po sob\u011b jdouc\u00edmi \u0159\u00e1dky textu &#8211; jejich velikost v\u00fdrazn\u011b ovliv\u0148uje \u010ditelnost textu, ale tak\u00e9 po\u017eitek ze \u010dten\u00ed. P\u0159\u00edli\u0161 velk\u00fd odstup mezi \u0159\u00e1dky bude \u010dten\u00e1\u0159e rozptylovat, zat\u00edmco p\u0159\u00edli\u0161 mal\u00fd odstup mezi \u0159\u00e1dky zt\u00ed\u017e\u00ed \u010dten\u00ed obsahu. Je vhodn\u00e9 navrhnout automaticky nastaven\u00fd odstup &#8211; obvykle se jedn\u00e1 o pr\u016fm\u011brnou hodnotu.<\/p>\n\n\n\n<p>Zp\u016fsob zarovn\u00e1n\u00ed textu i vodorovn\u00fdch \u010dar m\u00e1 velk\u00fd vliv na celkov\u00e9 vn\u00edm\u00e1n\u00ed obsahu. Existuje n\u011bkolik mo\u017enost\u00ed zarovn\u00e1n\u00ed: vpravo, vlevo, na st\u0159ed textu a tak\u00e9 text s ospravedln\u011bn\u00edm. V tomto p\u0159\u00edpad\u011b neexistuj\u00ed jednozna\u010dn\u00e1 pravidla, kter\u00e1 mo\u017enost je nejvhodn\u011bj\u0161\u00ed (snad krom\u011b nej\u010dast\u011bj\u0161\u00ed mo\u017enosti, tj. zarovn\u00e1n\u00ed vlevo), proto\u017ee hodn\u011b z\u00e1le\u017e\u00ed na rozlo\u017een\u00ed textu a grafick\u00e9m n\u00e1vrhu. Proto je nejlep\u0161\u00ed rozhodovat se podle rozlo\u017een\u00ed textu a objekt\u016f na str\u00e1nce.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/www.drukomat.pl\/blog\/wp-content\/uploads\/vinta-1-1024x597.png\" alt=\"dobrze dobrany font i nic wi\u0119cej nam nie potrzeba\" class=\"wp-image-12623\"\/><figcaption>Onyxia &#8211; Elegant Logo Typeface by Pixel Surplus<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Sv\u011btlo nebo b\u00edl\u00fd prostor whitespace<\/strong><\/strong><\/h3>\n\n\n\n<p>Nen\u00ed to nic jin\u00e9ho ne\u017e nezapln\u011bn\u00fd, \u010dist\u00fd prostor, kter\u00fd tvo\u0159\u00ed okol\u00ed textu. I kdy\u017e teoreticky &#8222;nic&#8220; nen\u00ed, spr\u00e1vn\u011b dimenzovan\u00fd b\u00edl\u00fd prostor je jedn\u00edm ze z\u00e1kladn\u00edch princip\u016f designu. T\u011b\u017eko si lze p\u0159edstavit text na webov\u00e9 str\u00e1nce nebo v ti\u0161t\u011bn\u00e9m m\u00e9diu, kter\u00fd je od okraje k okraji rozm\u00edst\u011bn bez alespo\u0148 minim\u00e1ln\u00edho odstupu. Sv\u011btl\u00fd prostor p\u0159isp\u00edv\u00e1 nejen k promy\u0161len\u011bj\u0161\u00edmu uspo\u0159\u00e1d\u00e1n\u00ed prvk\u016f str\u00e1nky, ale tak\u00e9 zv\u00fdraz\u0148uje nejd\u016fle\u017eit\u011bj\u0161\u00ed \u010d\u00e1sti. Rovnom\u011brn\u011b rozm\u00edst\u011bn\u00fd text a nep\u0159\u00edli\u0161 \u0161irok\u00e9 okraje jsou z\u00e1sadn\u00ed, pokud chceme, aby n\u00e1\u0161 text byl nejen intuitivn\u00ed, ale tak\u00e9 p\u0159\u00edjemn\u00fd na \u010dten\u00ed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Vizu\u00e1ln\u00ed vrstva textu a \u010ditelnost textu<\/strong><\/strong><\/h2>\n\n\n\n<p>Pr\u00e1ce na projektech grafick\u00e9ho designu \u010dasto vy\u017eaduje spojen\u00ed v\u00edce doporu\u010den\u00ed a koncept\u016f do jednoho. Nejinak je tomu v p\u0159\u00edpad\u011b typografick\u00fdch n\u00e1vrh\u016f a jejich koordinace v r\u00e1mci vizu\u00e1ln\u00edho designu nebo brandingu. Hlavn\u00ed prvky typografie n\u00e1m pom\u00e1haj\u00ed utv\u00e1\u0159et struktury p\u0159\u00edtomn\u00e9 na webov\u00fdch str\u00e1nk\u00e1ch nebo v ti\u0161t\u011bn\u00fdch materi\u00e1lech. Naj\u00edt zlatou st\u0159edn\u00ed cestu mezi vizu\u00e1ln\u00edm textem a \u010ditelnost\u00ed m\u016f\u017ee b\u00fdt n\u00e1ro\u010dn\u00e9, ale ur\u010dit\u011b se vyplat\u00ed vynalo\u017eit \u00fasil\u00ed k dosa\u017een\u00ed zaj\u00edmav\u00e9ho, ale snadno \u010diteln\u00e9ho designu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/www.drukomat.pl\/blog\/wp-content\/uploads\/zeen-1-1024x598.png\" alt=\"sprawd\u017a jak nietypowe u\u0142o\u017cenie tekstu wp\u0142ywa na czytelno\u015b\u0107\" class=\"wp-image-12624\"\/><figcaption>Fot. STARTING POINT ZINE<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Typografie v tisk\u00e1rn\u00e1ch<\/strong><\/strong><\/h2>\n\n\n\n<p>V tomto ohledu by m\u011bl autor textu v\u011bnovat zvl\u00e1\u0161tn\u00ed pozornost hrub\u00e9mu a netto form\u00e1tu v\u00fdtisku, kter\u00fd ur\u010duje rozm\u00edst\u011bn\u00ed \u0159\u00e1dk\u016f, sloupc\u016f a dal\u0161\u00edch prvk\u016f. A kone\u010dn\u011b velikost vnit\u0159n\u00edch okraj\u016f a spad\u00e1vek by m\u011bla b\u00fdt zkontrolov\u00e1na p\u0159\u00edmo na webov\u00fdch str\u00e1nk\u00e1ch tisk\u00e1rny, proto\u017ee se mohou li\u0161it v z\u00e1vislosti na typu tisku a pou\u017eit\u00fdch stroj\u00edch. Krom\u011b \u00fapravy rozm\u011br\u016f se mus\u00edme postarat tak\u00e9 o barvy; pro tisk se nej\u010dast\u011bji pou\u017e\u00edv\u00e1 profil CMYK. Nemus\u00ed to v\u0161ak b\u00fdt v\u017edy pravidlem &#8211; nejl\u00e9pe je ov\u011b\u0159it si to p\u0159ed objedn\u00e1n\u00edm projektu k tisku.<\/p>\n\n\n\n<p>Co kdy\u017e se n\u00e1\u0161 barevn\u00fd profil li\u0161\u00ed od profilu podporovan\u00e9ho tisk\u00e1rnou? V prvn\u00ed \u0159ad\u011b m\u016f\u017ee doj\u00edt k rozd\u00edl\u016fm v barv\u00e1ch a kvalit\u011b v d\u016fsledku toho, \u017ee barvy nejsou v\u017edy reprodukov\u00e1ny 1:1 v jin\u00e9m profilu. Ve spole\u010dnosti Justprint m\u00e1 ka\u017ed\u00fd produkt individu\u00e1ln\u00ed pokyny pro spad\u00e1vky a odpov\u00eddaj\u00edc\u00ed form\u00e1ty a my je m\u016f\u017eeme p\u0159ed zad\u00e1n\u00edm objedn\u00e1vky zkontrolovat.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img data-id=\"12621\"  src=\"https:\/\/www.drukomat.pl\/blog\/wp-content\/uploads\/okta-2-1-1024x597.png\" alt=\"nowatorskie podej\u015bcie do \u0142\u0105czenia font\u00f3w\" class=\"wp-image-12621\"\/><figcaption>Fot. Okta Rebranding<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-id=\"12620\"  src=\"https:\/\/www.drukomat.pl\/blog\/wp-content\/uploads\/okta-1-1-1024x596.png\" alt=\"Jak po\u0142\u0105czy\u0107 ze sob\u0105 kilka r\u00f3\u017cnych font\u00f3w?\" class=\"wp-image-12620\"\/><figcaption>Fot. Okta Rebranding<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Vyu\u017eijte typografiu ve v\u011bt\u0161\u00ed m\u00ed\u0159e &#8211; p\u0159i tvorb\u011b internetov\u00fdch str\u00e1nek<\/strong><\/strong><\/h2>\n\n\n\n<p>Roz\u0161\u00ed\u0159en\u00edm konceptu typografie je aplikace jej\u00edch princip\u016f na n\u00e1vrh internetov\u00fdch str\u00e1nek a snaha o vytvo\u0159en\u00ed co nejlep\u0161\u00edho rozvr\u017een\u00ed. V tomto p\u0159\u00edpad\u011b se obecn\u00e9 z\u00e1sady v designu shoduj\u00ed s hlavn\u00edmi z\u00e1sadami typografie &#8211; \u010ditelnost\u00ed, funk\u010dnost\u00ed a estetikou designu. P\u0159i tvorb\u011b webov\u00fdch str\u00e1nek se vyplat\u00ed vsadit na snadno \u010diteln\u00fd design, kter\u00fd u\u017eivateli usnadn\u00ed orientaci v textu. Krom\u011b toho bychom m\u011bli db\u00e1t na to, aby v\u0161echny str\u00e1nky byly v souladu s vizu\u00e1ln\u00ed identitou zna\u010dky.<\/p>\n\n\n\n<p>P\u0159i pr\u00e1ci na str\u00e1nce bychom tak\u00e9 m\u011bli zv\u00e1\u017eit v\u00fdb\u011br barev a jejich proporce. Nejlep\u0161\u00ed je \u0159\u00eddit se pravidlem 60\/30\/10, to znamen\u00e1 rozd\u011blit vstupn\u00ed str\u00e1nku na pozad\u00ed, podklad a akcenty. Podle tohoto pravidla by 60 % str\u00e1nky m\u011blo tvo\u0159it pozad\u00ed v tlumen\u00fdch barv\u00e1ch, 30 % by m\u011bl tvo\u0159it z\u00e1klad, tedy v\u0161echny druhy tematick\u00fdch pol\u00ed nebo jin\u00e9 zv\u00fdrazn\u011bn\u00e9 fragmenty obsahu, a posledn\u00edch 10 % by m\u011bly tvo\u0159it akcenty, obvykle tla\u010d\u00edtka CTA.<\/p>\n\n\n\n<p>V sou\u010dasn\u00e9 dob\u011b m\u016f\u017eeme v designu webov\u00fdch str\u00e1nek pozorovat trend minimalismu. Mnoh\u00e9 z nich s\u00e1zej\u00ed na monochromatick\u00e9, \u00fasporn\u00e9 \u010dernob\u00edl\u00e9 barevn\u00e9 sch\u00e9ma. Velkou v\u00fdhodou je p\u0159ehlednost sd\u011blen\u00ed, proto\u017ee nic neodv\u00e1d\u00ed na\u0161i pozornost, ale n\u00e1\u0161 zrak se m\u016f\u017ee p\u0159i \u010dten\u00ed velk\u00fdch \u010d\u00e1st\u00ed textu unavit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Shrnut\u00ed<\/strong><\/strong><\/h2>\n\n\n\n<p>Typografie je v\u00edce ne\u017e jen spr\u00e1vn\u00fd v\u00fdb\u011br p\u00edsma a mezery mezi \u0159\u00e1dky, je to tak\u00e9 um\u011bn\u00ed spr\u00e1vn\u00e9ho nastaven\u00ed p\u00edsma, kter\u00e9 se star\u00e1 tak\u00e9 o \u010ditelnost textu. A nezapom\u00ednejme na funk\u010dnost a estetick\u00e9 kvality, kter\u00e9 spole\u010dn\u011b tvo\u0159\u00ed z\u00e1klad efektivn\u00ed vizu\u00e1ln\u00ed komunikace. Pochopen\u00ed t\u011bchto vztah\u016f n\u00e1m umo\u017en\u00ed jejich efektivn\u00ed vyu\u017eit\u00ed v praxi.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Existuje myln\u00e1 p\u0159edstava, \u017ee typografie se omezuje na v\u00fdb\u011br p\u00edsma, kter\u00e9 se hod\u00ed k na\u0161emu designu. Ve skute\u010dnosti n\u00e1s typografie prov\u00e1z\u00ed na ka\u017ed\u00e9m kroku a jej\u00ed prvky p\u0159\u00edmo ovliv\u0148uj\u00ed \u010ditelnost&hellip;<\/p>\n","protected":false},"author":1,"featured_media":5418,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/posts\/5399"}],"collection":[{"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/comments?post=5399"}],"version-history":[{"count":15,"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/posts\/5399\/revisions"}],"predecessor-version":[{"id":5419,"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/posts\/5399\/revisions\/5419"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/media\/5418"}],"wp:attachment":[{"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/media?parent=5399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/categories?post=5399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/justprint.cz\/blog\/wp-json\/wp\/v2\/tags?post=5399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}