{"id":4710,"date":"2024-02-29T07:30:00","date_gmt":"2024-02-29T06:30:00","guid":{"rendered":"https:\/\/justprint.sk\/blog\/?p=4710"},"modified":"2024-02-29T07:22:56","modified_gmt":"2024-02-29T06:22:56","slug":"typografia-nielen-vyber-typu-fontu","status":"publish","type":"post","link":"https:\/\/justprint.sk\/blog\/2024\/02\/typografia-nielen-vyber-typu-fontu\/","title":{"rendered":"Typografia &#8211; nielen v\u00fdber typu fontu!"},"content":{"rendered":"\n<p>Existuje myln\u00e1 predstava, \u017ee z\u00e1le\u017eitosti typografie sa obmedzuj\u00fa na v\u00fdber p\u00edsma, ktor\u00e9 sa hod\u00ed k n\u00e1\u0161mu dizajnu. V skuto\u010dnosti n\u00e1s typografia sprev\u00e1dza na ka\u017edom kroku a jej prvky priamo ovplyv\u0148uj\u00fa \u010ditate\u013enos\u0165 textu a jeho vn\u00edmanie pou\u017e\u00edvate\u013eom. O ve\u013ekom v\u00fdzname p\u00edsma, ve\u013ekosti znakov, ale aj o spr\u00e1vnom fonte p\u00ed\u0161eme v tomto \u010dl\u00e1nku.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Defin\u00edcia a funkcie typografie<\/strong><\/strong><\/h2>\n\n\n\n<p>Ka\u017ed\u00fd de\u0148 sme takmer zavalen\u00ed najr\u00f4znej\u0161\u00edm obsahom. Preto sa oplat\u00ed dba\u0165 na formu spr\u00e1vy, aby bola jasn\u00e1 a \u013eahko \u010ditate\u013en\u00e1. Ako sme u\u017e spomenuli, typografia je takpovediac s\u00fabor pravidiel t\u00fdkaj\u00facich sa tvorby textov, ktor\u00e9 priamo s\u00favisia s p\u00edsmom. P\u00edsmo, jeho stupe\u0148, ve\u013ekos\u0165 p\u00edsmen, medzery, odsadenie, tvar znakov, \u010dlenenie odsekov alebo kerning a mnoh\u00e9 \u010fal\u0161ie prvky tvoria pojem typografia. V s\u00fa\u010dasnosti sa tento pojem \u010dasto roz\u0161iruje aj na rozlo\u017eenie webov\u00fdch str\u00e1nok. V mnoh\u00fdch pr\u00edpadoch dosahuje status umenia, ale \u010dastej\u0161ie je takmer nepostrehnute\u013en\u00fd. Spr\u00e1vne \u017eonglovanie s typografick\u00fdmi prvkami \u00fa\u010dinne ovplyv\u0148uje text a vn\u00edmanie obsahu a ud\u00e1va vybran\u00fd t\u00f3n. Z\u00e1sady typografie s\u00fa k\u013e\u00fa\u010dov\u00e9 pre projekty pou\u017e\u00edvan\u00e9 online, ako aj na tie, ktor\u00e9 sa pou\u017e\u00edvaj\u00fa v tla\u010di.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Typ p\u00edsma a mnoho \u010fal\u0161ieho &#8211; \u010do je dobr\u00e1 typografia?<\/strong><\/strong><\/h2>\n\n\n\n<p>V tomto pr\u00edpade tu m\u00e1me dva t\u00e1bory: dizajn\u00e9rov, ktor\u00ed sa zameriavaj\u00fa na honosn\u00e9, vysoko umeleck\u00e9 n\u00e1vrhy, v ktor\u00fdch je typografia pevne v popred\u00ed. Na druhej strane m\u00e1me stanovisko, \u017ee typografia, najm\u00e4 v tla\u010di, by mala by\u0165 nevidite\u013en\u00e1, aby dok\u00e1zala neru\u0161ene vyjadri\u0165 podstatu obsahu. Nie je to samozrejm\u00e1 z\u00e1le\u017eitos\u0165, ale silne z\u00e1vis\u00ed od dizajnu a my\u0161lienky, ktor\u00fa chceme vyjadri\u0165. Nech u\u017e si vyberieme ak\u00fako\u013evek mo\u017enos\u0165, nezab\u00fadajme na to, aby bol text pr\u00edjemn\u00fd na \u010d\u00edtanie, inak sa stratia z\u00e1kladn\u00e9 funkcie textu alebo komunik\u00e1tu.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" 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 class=\"wp-element-caption\">Fot. DATE BY DATE<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" 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 class=\"wp-element-caption\">Fot. DATE BY DATE<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>P\u00edsmo, font alebo typ p\u00edsma &#8211; rozli\u0161ovanie medzi t\u00fdmito pojmami<\/strong><\/strong><\/h3>\n\n\n\n<p>V\u0161etky tieto defin\u00edcie sa \u010dasto pou\u017e\u00edvaj\u00fa zamenite\u013ene, ale ka\u017ed\u00e1 m\u00e1 svoj vlastn\u00fd v\u00fdznam.<\/p>\n\n\n\n<p><strong><strong>Typ p\u00edsma<\/strong> \u2013 <\/strong>znamen\u00e1 kolekciu\/rodinu p\u00edsiem, ktor\u00e9 maj\u00fa podobn\u00e9 vlastnosti, napr\u00edklad tvar p\u00edsmen alebo hr\u00fabku \u010diar v ur\u010dit\u00fdch znakoch.<\/p>\n\n\n\n<p><strong>P\u00edsmo<\/strong> \u2013 je term\u00edn prevzat\u00fd od Gutenberga, tvorcu tla\u010diarensk\u00e9ho stroja a jeho pohybliv\u00e9ho p\u00edsma. V\u00fdznam sa vz\u0165ahuje na konkr\u00e9tne p\u00edsmo, ale zoh\u013ead\u0148uje aj ve\u013ekos\u0165, \u0161t\u00fdl a hr\u00fabku.<\/p>\n\n\n\n<p><strong><strong>Font <\/strong>\u2013<\/strong> s\u00fa digit\u00e1lne ekvivalenty p\u00edsma, t. j. elektronick\u00fd z\u00e1znam inform\u00e1ci\u00ed o dan\u00fdch znakoch, napr. vzdialenosti medzi p\u00edsmenami alebo ich tvar, ktor\u00e9 v kombin\u00e1cii vytv\u00e1raj\u00fa ucelen\u00fd obraz dan\u00e9ho p\u00edsma.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Form\u00e1t a ve\u013ekos\u0165 fontu<\/strong><\/strong><\/h3>\n\n\n\n<p>Ve\u013ekos\u0165 p\u00edsma z\u00e1vis\u00ed predov\u0161etk\u00fdm od priestoru, v ktorom m\u00e1 by\u0165 umiestnen\u00e9 &#8211; in\u00e1 ve\u013ekos\u0165 bude umiestnen\u00e1 na plag\u00e1te a in\u00e1 na webovej str\u00e1nke prisp\u00f4sobenej mobilnej verzii. Z\u00e1kladom umiestnenia je aj proporcia &#8211; ve\u013ekos\u0165 mus\u00ed tie\u017e ladi\u0165 s ostatn\u00fdmi prvkami v dizajne. Preto je form\u00e1t v\u00fdchodiskov\u00fdm bodom pred za\u010dat\u00edm n\u00e1vrhu, aby sa umiestnenie prvkov nemuselo nesk\u00f4r upravova\u0165.<\/p>\n\n\n\n<p>Na tomto mieste je vhodn\u00e9 dotkn\u00fa\u0165 sa aj ot\u00e1zky kerningu, t. j. medzier medzi jednotliv\u00fdmi p\u00edsmenami. Je to jeden zo sp\u00f4sobov, ako zlep\u0161i\u0165 \u010ditate\u013enos\u0165, najm\u00e4 pri vysoko dekorat\u00edvnych fontoch. Kerning n\u00e1m tie\u017e d\u00e1va mo\u017enos\u0165 zasiahnu\u0165 do estetickej kompoz\u00edcie textu, ke\u010f \u0161tandardn\u00e9 zarovnanie alebo zarovnanie z\u013eava doprava nevyzer\u00e1 priaznivo.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" 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 class=\"wp-element-caption\">Fot. ZINEZO II<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" 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 class=\"wp-element-caption\">Fot. ZINEZO II<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>\u010c\u00edm by sa mal riadi\u0165 v\u00fdber typu p\u00edsma?<\/strong><\/strong><\/h3>\n\n\n\n<p>T\u00e1to ot\u00e1zka m\u00f4\u017ee najm\u00e4 mlad\u00fdm dizajn\u00e9rom ned\u00e1va\u0165 spa\u0165. Ve\u013ea z\u00e1vis\u00ed od toho, \u010do chcete obsahom vyjadri\u0165, ako zna\u010dku umiestnite, \u010di m\u00e1 by\u0165 dizajn viac umeleck\u00fd alebo informa\u010dn\u00fd. Je d\u00f4le\u017eit\u00e9, aby p\u00edsmo bolo v s\u00falade s osobitos\u0165ou va\u0161ej zna\u010dky. Venujte pozornos\u0165 tomu, \u010di m\u00e1 p\u00edsmo s\u00fabory, ktor\u00e9 obsahuj\u00fa aj \u0161peci\u00e1lne znaky a slovensk\u00e9 znaky &#8211; skontrolujte, \u010di ich dizajn vy\u017eaduje. Okrem toho sa oplat\u00ed in\u0161pirova\u0165 najnov\u0161\u00edmi trendmi (napr. na blogu Justprint!), ale vo vizu\u00e1lnom rozmere by sme v\u017edy mali da\u0165 prednos\u0165 \u010ditate\u013enosti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Ako kombinova\u0165 typy p\u00edsma?<\/strong><\/strong><\/h3>\n\n\n\n<p>Problematick\u00e9 m\u00f4\u017ee by\u0165 aj mie\u0161anie viacer\u00fdch p\u00edsiem v jednom dizajne. Ich pou\u017eitie by sa malo d\u00f4kladne zv\u00e1\u017ei\u0165, aby dan\u00e9 p\u00edsmo ladilo s ostatn\u00fdmi a aby bol celok ucelen\u00fd. Preto by sme sa mali napr\u00edklad na webov\u00e9 str\u00e1nky pozera\u0165 v \u0161ir\u0161om kontexte, a nie ma\u0165 na mysli len konkr\u00e9tny prvok. Pri v\u00fdbere sa nepon\u00e1h\u013eajte! V\u00fdber p\u00edsma je jednou z k\u013e\u00fa\u010dov\u00fdch volieb pri rie\u0161en\u00ed probl\u00e9mov s typografiou, preto sa oplat\u00ed rozhodova\u0165 informovane.<\/p>\n\n\n\n<p><strong>H\u013ead\u00e1te p\u00edsma so slovensk\u00fdmi znakmi? Pozrite si ich tu!<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-justprint-sk-blog wp-block-embed-justprint-sk-blog\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"4gadYMv0js\"><a href=\"https:\/\/justprint.sk\/blog\/2023\/02\/bezplatne-patkove-pisma-od-google-fonts\/\">Bezplatn\u00e9 p\u00e4tkov\u00e9 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\u00e9 p\u00e4tkov\u00e9 p\u00edsma od Google Fonts&#8221; &#8212; Justprint.sk Blog\" src=\"https:\/\/justprint.sk\/blog\/2023\/02\/bezplatne-patkove-pisma-od-google-fonts\/embed\/#?secret=PQEAuyDhQU#?secret=4gadYMv0js\" data-secret=\"4gadYMv0js\" 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\u00e9, serifov\u00e9 a in\u00e9<\/strong><\/strong><\/h3>\n\n\n\n<p>P\u00edsma m\u00f4\u017eeme rozdeli\u0165 na viacero typov, ale najz\u00e1kladnej\u0161ou typol\u00f3giou tu bude rozli\u0161ovanie medzi ozdobn\u00fdmi a menej v\u00fdrazn\u00fdmi typmi p\u00edsma. Ka\u017ed\u00e9 p\u00edsmo m\u00e1 svoje \u0161pecifick\u00e9 dizajnov\u00e9 vyu\u017eitie a bude dobre fungova\u0165 v r\u00f4znych \u00faprav\u00e1ch.<\/p>\n\n\n\n<p><strong><strong>Typ bezserifov\u00e9 p\u00edsmo <\/strong>\u2013 <\/strong>s\u00fa p\u00edsma bez v\u00e4\u010d\u0161\u00edch ozd\u00f4b, a to aj na koncoch p\u00edsmen. Vyzna\u010duj\u00fa sa \u010dist\u00fdmi, rovn\u00fdmi \u010diarami, v\u010faka \u010domu s\u00fa ide\u00e1lne na p\u00edsanie dlh\u0161\u00edch textov. Pr\u00edklady bezserifov\u00fdch p\u00edsiem: Verdana, Arial.<\/p>\n\n\n\n<p><strong>P\u00edsma typu Serif<\/strong> \u2013 ozdobnej\u0161ie p\u00edsma, ktor\u00e9 obsahuj\u00fa ozdoby na koncoch p\u00edsmen. Pr\u00edklady: Times New Roman, Georgia.<\/p>\n\n\n\n<p><strong><strong>Ozdobn\u00e9 typy p\u00edsma<\/strong> \u2013 <\/strong>s\u00fa fonty s jedine\u010dn\u00fdmi, umeleck\u00fdmi tvarmi p\u00edsmen a znakov. Napr\u00edklad: Allura, Lobster.<\/p>\n\n\n\n<p><strong>Monospace typy<\/strong> \u2013 vyzna\u010duj\u00fa sa pevnou \u0161\u00edrkou p\u00edsmen, tak\u017ee ka\u017ed\u00fd znak zaber\u00e1 rovnak\u00fd priestor. Pr\u00edklady: Monaco, Courier.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Interlining medzerovanie a zarovnanie<\/strong><\/strong><\/h2>\n\n\n\n<p>Nezab\u00fadajme ani na zdanlivo menej d\u00f4le\u017eit\u00e9 aspekty dizajnu, ako je napr\u00edklad zarovnanie textu. Medzerovanie je vzdialenos\u0165 medzi po sebe nasleduj\u00facimi riadkami textu &#8211; jeho ve\u013ekos\u0165 v\u00fdrazne ovplyv\u0148uje \u010ditate\u013enos\u0165 textu, ale aj p\u00f4\u017eitok z \u010d\u00edtania. Pr\u00edli\u0161 ve\u013ek\u00fd odstup riadkov bude \u010ditate\u013ea rozpty\u013eova\u0165, zatia\u013e \u010do pr\u00edli\u0161 mal\u00fd odstup riadkov s\u0165a\u017e\u00ed \u010d\u00edtanie obsahu. Stoj\u00ed za to navrhn\u00fa\u0165 automaticky nastaven\u00fd odstup &#8211; zvy\u010dajne ide o priemern\u00fa hodnotu.<\/p>\n\n\n\n<p>Sp\u00f4sob zarovnania textu, rovnako ako vodorovn\u00e9 l\u00ednie, m\u00e1 ve\u013ek\u00fd vplyv na celkov\u00e9 vn\u00edmanie obsahu. K dispoz\u00edcii je nieko\u013eko mo\u017enost\u00ed zarovnania: doprava, do\u013eava, vycentrovan\u00fd text a tie\u017e od\u00f4vodnenie textu. V tomto pr\u00edpade neexistuj\u00fa jednozna\u010dn\u00e9 pravidl\u00e1, ktor\u00e1 mo\u017enos\u0165 je najv\u00fdhodnej\u0161ia (sn\u00e1\u010f okrem najbe\u017enej\u0161ej mo\u017enosti, teda zarovnania do\u013eava), preto\u017ee ve\u013ea z\u00e1vis\u00ed od rozlo\u017eenia textu a grafick\u00e9ho n\u00e1vrhu. Preto je najlep\u0161ie rozhodn\u00fa\u0165 sa pod\u013ea usporiadania textu a objektov na str\u00e1nke.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" 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 class=\"wp-element-caption\">Onyxia &#8211; Elegant Logo Typeface by Pixel Surplus<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Svetlo alebo biely priestor whitespace<\/strong><\/h3>\n\n\n\n<p>Nie je to ni\u010d in\u00e9 ako nezaplnen\u00fd, \u010dist\u00fd priestor, ktor\u00fd tvor\u00ed okolie textu. Hoci teoreticky je to &#8222;ni\u010d&#8220;, spr\u00e1vne dimenzovan\u00fd biely priestor je jedn\u00fdm zo z\u00e1kladn\u00fdch princ\u00edpov dizajnu. \u0164a\u017eko si predstavi\u0165 text na webovej str\u00e1nke alebo v tla\u010denom m\u00e9diu, ktor\u00fd by bol rozlo\u017een\u00fd od okraja k okraju, bez \u010do i len minim\u00e1lneho odstupu. Svetl\u00fd priestor nielen\u017ee prispieva k premyslenej\u0161iemu usporiadaniu prvkov str\u00e1nky, ale tie\u017e zv\u00fdraz\u0148uje najd\u00f4le\u017eitej\u0161ie \u010dasti. Rovnomern\u00e9 rozmiestnenie textu a nie pr\u00edli\u0161 \u0161irok\u00e9 okraje s\u00fa rozhoduj\u00face, ak chceme, aby bol n\u00e1\u0161 text nielen intuit\u00edvny, ale aj pr\u00edjemn\u00fd na \u010d\u00edtanie.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Vizu\u00e1lna vrstva textu a \u010ditate\u013enos\u0165 textu<\/strong><\/strong><\/h2>\n\n\n\n<p>Pr\u00e1ca na projektoch grafick\u00e9ho dizajnu si \u010dasto vy\u017eaduje spojenie viacer\u00fdch odpor\u00fa\u010dan\u00ed a konceptov do jedn\u00e9ho. Nie je to inak ani pri typografick\u00fdch n\u00e1vrhoch a ich zos\u00faladen\u00ed v r\u00e1mci vizu\u00e1lnej tvorby alebo brandingu. Hlavn\u00e9 prvky typografie n\u00e1m pom\u00f4\u017eu formova\u0165 \u0161trukt\u00fary pr\u00edtomn\u00e9 na webovej str\u00e1nke alebo v tla\u010den\u00fdch materi\u00e1loch. N\u00e1js\u0165 zlat\u00fa stredn\u00fa cestu medzi vizu\u00e1lnym textom a \u010ditate\u013enos\u0165ou m\u00f4\u017ee by\u0165 n\u00e1ro\u010dn\u00e9, ale ur\u010dite sa oplat\u00ed vynalo\u017ei\u0165 \u00fasilie na dosiahnutie zauj\u00edmav\u00e9ho, ale \u013eahko \u010ditate\u013en\u00e9ho dizajnu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" 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 class=\"wp-element-caption\">Fot. STARTING POINT ZINE<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Typografia v tla\u010diarni<\/strong><\/strong><\/h2>\n\n\n\n<p>V tomto oh\u013eade by osoba navrhuj\u00faca text mala venova\u0165 osobitn\u00fa pozornos\u0165 hrub\u00e9mu a netto form\u00e1tu v\u00fdtla\u010dku, ktor\u00fd ur\u010duje umiestnenie riadkov, st\u013apcov a \u010fal\u0161\u00edch prvkov. Napokon, ve\u013ekos\u0165 vn\u00fatorn\u00fdch okrajov a sp\u00e1davok by sa mala skontrolova\u0165 priamo na webovej str\u00e1nke tla\u010diarne, preto\u017ee sa m\u00f4\u017eu l\u00ed\u0161i\u0165 v z\u00e1vislosti od typu tla\u010de a pou\u017eit\u00fdch strojov. Okrem \u00fapravy rozmerov sa mus\u00edme postara\u0165 aj o farby; pri tla\u010di sa naj\u010dastej\u0161ie pou\u017e\u00edva profil CMYK. Nemus\u00ed to v\u0161ak by\u0165 v\u017edy pravidlom &#8211; najlep\u0161ie je si to overi\u0165 pred objednan\u00edm projektu na tla\u010d.<\/p>\n\n\n\n<p>\u010co ak sa n\u00e1\u0161 farebn\u00fd profil l\u00ed\u0161i od profilu podporovan\u00e9ho tla\u010diar\u0148ou? V prvom rade m\u00f4\u017ee d\u00f4js\u0165 k rozdielom vo farb\u00e1ch a ich kvalite, \u010do je sp\u00f4soben\u00e9 t\u00fdm, \u017ee farby nemaj\u00fa v\u017edy reprodukciu 1:1 v inom profile. V Justprinte m\u00e1 ka\u017ed\u00fd v\u00fdrobok individu\u00e1lne pokyny pre spad\u00e1vky a zodpovedaj\u00face form\u00e1ty a my ich m\u00f4\u017eeme skontrolova\u0165 pred zadan\u00edm objedn\u00e1vky.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" 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 class=\"wp-element-caption\">Fot. Okta Rebranding<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" 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 class=\"wp-element-caption\">Fot. Okta Rebranding<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Vyu\u017e\u00edvajte typografiu vo v\u00e4\u010d\u0161ej miere &#8211; pri tvorbe internetov\u00fdch str\u00e1nok<\/strong><\/strong><\/h2>\n\n\n\n<p>Roz\u0161\u00edren\u00edm koncepcie typografie je uplatnenie jej princ\u00edpov pri tvorbe internetovej str\u00e1nky a snahe vytvori\u0165 \u010do najlep\u0161ie rozlo\u017eenie. V tomto pr\u00edpade sa v\u0161eobecn\u00e9 z\u00e1sady v dizajne zhoduj\u00fa s hlavn\u00fdmi princ\u00edpmi typografie &#8211; \u010ditate\u013enos\u0165, funk\u010dnos\u0165 a estetika prevedenia. Pri tvorbe internetovej str\u00e1nky sa oplat\u00ed vsadi\u0165 na \u013eahko \u010ditate\u013en\u00fd dizajn, aby sa pou\u017e\u00edvate\u013e \u013eah\u0161ie orientoval v texte. Okrem toho by sme mali zabezpe\u010di\u0165, aby v\u0161etky str\u00e1nky boli v s\u00falade s vizu\u00e1lnou identitou zna\u010dky.<\/p>\n\n\n\n<p>Pri pr\u00e1ci na str\u00e1nke by sme mali zv\u00e1\u017ei\u0165 aj v\u00fdber farieb a ich proporcie. Najlep\u0161ie je postupova\u0165 pod\u013ea pravidla 60\/30\/10, to znamen\u00e1 rozdeli\u0165 landing page na pozadie, podklad a akcenty. Pod\u013ea tohto pravidla by 60 % str\u00e1nky malo tvori\u0165 pozadie v tlmen\u00fdch farb\u00e1ch, 30 % by mal tvori\u0165 z\u00e1klad, teda v\u0161etky druhy tematick\u00fdch pol\u00ed alebo in\u00e9 zv\u00fdraznen\u00e9 fragmenty obsahu, a posledn\u00fdch 10 % by mali tvori\u0165 akcenty, teda zvy\u010dajne tla\u010didl\u00e1 CTA.<\/p>\n\n\n\n<p>V s\u00fa\u010dasnosti m\u00f4\u017eeme v dizajne internetov\u00fdch str\u00e1nok pozorova\u0165 trend minimalizmu. Mnoh\u00e9 z nich sa spoliehaj\u00fa na monochromatick\u00fa, \u00fasporn\u00fa \u010diernu a bielu farebn\u00fa sch\u00e9mu. Ve\u013ekou v\u00fdhodou je preh\u013eadnos\u0165 spr\u00e1v, preto\u017ee ni\u010d nerozpty\u013euje na\u0161u pozornos\u0165, ale n\u00e1\u0161 zrak sa m\u00f4\u017ee pri \u010d\u00edtan\u00ed v\u00e4\u010d\u0161\u00edch \u010dast\u00ed textu unavi\u0165.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Zhrnutie<\/strong><\/strong><\/h2>\n\n\n\n<p>Typografia je viac ne\u017e len dobr\u00fd v\u00fdber p\u00edsma a medzier medzi riadkami, je to aj umenie dobr\u00e9ho nastavenia p\u00edsma, ktor\u00e9 sa star\u00e1 aj o \u010ditate\u013enos\u0165 textu. A nezab\u00fadajme na funk\u010dnos\u0165 a estetick\u00e9 kvality, ktor\u00e9 spolu tvoria z\u00e1klad efekt\u00edvnej vizu\u00e1lnej komunik\u00e1cie. Pochopenie t\u00fdchto vz\u0165ahov n\u00e1m umo\u017e\u0148uje ich efekt\u00edvne vyu\u017e\u00edvanie v praxi.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Existuje myln\u00e1 predstava, \u017ee z\u00e1le\u017eitosti typografie sa obmedzuj\u00fa na v\u00fdber p\u00edsma, ktor\u00e9 sa hod\u00ed k n\u00e1\u0161mu dizajnu. V skuto\u010dnosti n\u00e1s typografia sprev\u00e1dza na ka\u017edom kroku a jej prvky priamo ovplyv\u0148uj\u00fa&hellip;<\/p>\n","protected":false},"author":1,"featured_media":4716,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/posts\/4710"}],"collection":[{"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/comments?post=4710"}],"version-history":[{"count":12,"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/posts\/4710\/revisions"}],"predecessor-version":[{"id":4729,"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/posts\/4710\/revisions\/4729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/media\/4716"}],"wp:attachment":[{"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/media?parent=4710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/categories?post=4710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/justprint.sk\/blog\/wp-json\/wp\/v2\/tags?post=4710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}