{"id":9982,"date":"2025-05-28T20:37:22","date_gmt":"2025-05-28T20:37:22","guid":{"rendered":"https:\/\/csiag.eu\/?p=9982"},"modified":"2025-06-01T18:35:19","modified_gmt":"2025-06-01T18:35:19","slug":"graficky-dizajn-canva-pre-kazdeho","status":"publish","type":"post","link":"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/","title":{"rendered":"Canva - grafick\u00fd dizajn pre ka\u017ed\u00e9ho?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Obsah<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Preisgestaltung\" >Cenotvorba<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Leistungsumfang_%E2%80%93_Zielgruppe\" >Rozsah slu\u017eieb - cie\u013eov\u00e1 skupina<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Anwendung\" >Aplik\u00e1cia<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Grundlagen\" >Z\u00e1klady<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Aller_Anfang_%E2%80%A6\" >V\u0161etky za\u010diatky...<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Schritt_fur_Schritt\" >Krok za krokom<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Raumnutzung\" >Vyu\u017eitie miestnosti<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Balance\" >Bilancia<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Strukturierung\" >\u0160trukt\u00farovanie<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Farblehre\" >Te\u00f3ria farieb<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Farbassoziationen\" >Farebn\u00e9 asoci\u00e1cie<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Typographie\" >Typografia<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Textausrichtung\" >Zarovnanie textu<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Faux_pas_%E2%80%93_Hurenkinder_und_Schusterjungen\" >Faux pas - Kurvy a obuvn\u00edci<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Hintergrund-Design\" >Dizajn pozadia<\/a><\/li><\/ul><\/nav><\/div>\n<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">\u010cas \u010d\u00edtania<\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">z\u00e1pisnice<\/span><\/span>\n<p>Online n\u00e1stroj <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a> vznikla v austr\u00e1lskom Sydney v roku 2012 s poslan\u00edm \"Umo\u017eni\u0165 svetu navrhova\u0165\" a umo\u017eni\u0165 grafick\u00fd dizajn ka\u017ed\u00e9mu. <\/p>\n\n\n\n<p><em>Melanie Perkins<\/em>, <em>Cliff Obrecht<\/em> a <em>Cameron Adams<\/em> v prvom rade sleduj\u00fa cie\u013e \"pozit\u00edvne ovplyvni\u0165 svet t\u00fdm, \u017ee urobia \u010do najviac dobra\".<br>Podie\u013eaj\u00fa sa tie\u017e na \"<a href=\"https:\/\/www.canva.com\/de_de\/step-two\/\" target=\"_blank\" rel=\"noreferrer noopener\">Druh\u00e1 \u00farove\u0148<\/a>\", ktor\u00fd predstavuje \u0161tyri piliere, a to \"Posilnenie neziskov\u00fdch organiz\u00e1ci\u00ed\", \"Zabezpe\u010denie z\u00e1kladn\u00fdch \u013eudsk\u00fdch potrieb\", \"Umo\u017enenie kvalitn\u00e9ho vzdel\u00e1vania\" a \"Podpora miestnych komun\u00edt\".<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Preisgestaltung\"><\/span>Cenotvorba<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Z\u00e1kladn\u00e9 funkcie n\u00e1stroja s\u00fa bezplatn\u00e9. Ak v\u0161ak chcete naozaj robi\u0165 viac ako len z\u00e1kladn\u00fd grafick\u00fd dizajn, ich rozsah je ve\u013emi obmedzen\u00fd.<\/p>\n\n\n\n<p>Platen\u00e1 verzia Pro pon\u00faka \u00fapln\u00fd - a ve\u013emi rozsiahly - rozsah funkci\u00ed. Verzia Teams umo\u017e\u0148uje pou\u017e\u00edva\u0165 licenciu minim\u00e1lne trom pou\u017e\u00edvate\u013eom. Je k dispoz\u00edcii za ro\u010dn\u00e9 predplatn\u00e9 100 USD na pou\u017e\u00edvate\u013ea. Za pribli\u017ene 8 eur mesa\u010dne je to ve\u013emi f\u00e9rov\u00e1 ponuka, ktor\u00e1 je v s\u00falade s filozofiou spolo\u010dnosti.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Leistungsumfang_%E2%80%93_Zielgruppe\"><\/span>Rozsah slu\u017eieb - cie\u013eov\u00e1 skupina<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Rozsah slu\u017eieb je viac ne\u017e p\u00f4sobiv\u00fd. Neexistuje takmer ni\u010d, \u010do by sa nedalo zrealizova\u0165. Fonty, typy p\u00edsma, ve\u013ekosti p\u00edsma, farby p\u00edsma, grafick\u00e9 prvky, fotografie, vide\u00e1, umel\u00e1 inteligencia, n\u00e1vrhy pozadia, dokonca aj odstr\u00e1nenie pozadia fotografi\u00ed je elegantne vyrie\u0161en\u00e9 jedn\u00fdm kliknut\u00edm, samozrejme, v\u00e4\u010d\u0161inou v z\u00e1vislosti od zlo\u017eitosti.<\/p>\n\n\n\n<p>Zoznam v\u0161etk\u00fdch mo\u017enost\u00ed by pravdepodobne zaplnil nieko\u013eko str\u00e1n. Ur\u010dite je \u010das ich vysk\u00fa\u0161a\u0165 - samozrejme, bezplatne. <\/p>\n\n\n\n<p>Ak ste grafick\u00fd dizajn\u00e9r, budete sa dr\u017ea\u0165 profesion\u00e1lnych programov, preto\u017ee pon\u00fakaj\u00fa nielen rovnak\u00fd, ale aj ove\u013ea individu\u00e1lnej\u0161\u00ed rozsah slu\u017eieb. Sk\u00fasenosti s pou\u017e\u00edvan\u00edm tak\u00fdchto programov s\u00fa v\u0161ak nevyhnutn\u00e9, rovnako ako aj proces u\u010denia, pokia\u013e ste grafick\u00fd dizajn ne\u0161tudovali, a teda ste mohli z\u00edska\u0165 praktick\u00e9 sk\u00fasenosti.<\/p>\n\n\n\n<p>Cie\u013eovou skupinou s\u00fa preto predov\u0161etk\u00fdm neprofesion\u00e1li, ktor\u00ed by mali by\u0165 schopn\u00ed pou\u017e\u00edva\u0165 pon\u00fakan\u00e9 n\u00e1stroje na tvorbu grafiky, ktor\u00e1 posta\u010duje na pr\u00edle\u017eitostn\u00e9 a s\u00fakromn\u00e9 pou\u017eitie. Cie\u013eovou skupinou s\u00fa v\u0161ak aj men\u0161ie spolo\u010dnosti, ktor\u00e9 si nem\u00f4\u017eu dovoli\u0165 grafika a nechc\u00fa zad\u00e1va\u0165 pr\u00e1cu extern\u00fdm firm\u00e1m.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Anwendung\"><\/span>Aplik\u00e1cia<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Chcel by som porovna\u0165 pou\u017e\u00edvanie pon\u00fakan\u00e9ho n\u00e1radia s ve\u013ekou s\u00fapravou n\u00e1radia elektrik\u00e1ra alebo automechanika.<\/p>\n\n\n\n<p>Laik m\u00e1 teda k dispoz\u00edcii v\u0161etky n\u00e1stroje, ktor\u00e9 potrebuje na vykonanie konkr\u00e9tnej pr\u00e1ce. \u010co v\u0161ak urob\u00edme so v\u0161etk\u00fdmi skrutkova\u010dmi, klie\u0161\u0165ami, odizolova\u010dmi dr\u00f4tov, merac\u00edmi pr\u00edstrojmi, s\u00fapravami mat\u00edc, ra\u010d\u0148ami, k\u013e\u00fa\u010dmi a kr\u00fa\u017ekov\u00fdmi k\u013e\u00fa\u010dmi at\u010f. <br>M\u00f4\u017eeme skuto\u010dne vyrie\u0161i\u0165 - trochu zlo\u017eitej\u0161\u00ed - technick\u00fd probl\u00e9m len pomocou n\u00e1stroja bez ak\u00fdchko\u013evek odborn\u00fdch znalost\u00ed?<\/p>\n\n\n\n<p>Canva na tento \u00fa\u010del pon\u00faka videon\u00e1vody na r\u00f4zne t\u00e9my. S\u00fa vhodn\u00e9 na z\u00edskanie prv\u00fdch dojmov o tom, ako pou\u017e\u00edva\u0165 n\u00e1stroje a vytvori\u0165 vlastn\u00fd dizajn.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Grundlagen\"><\/span>Z\u00e1klady<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Z\u00e1klady vyu\u017eitia priestoru, rovnov\u00e1hy prvkov, \u0161trukt\u00farovania, text\u00fary, tvarov, l\u00edni\u00ed, farieb, typografie, text\u00fary a zna\u010dky s\u00fa bohu\u017eia\u013e ponechan\u00e9 na vo\u013en\u00fa predstavivos\u0165 pou\u017e\u00edvate\u013ea.<\/p>\n\n\n\n<p>Pr\u00e1ve tieto aspekty s\u00fa v\u0161ak rozhoduj\u00face pre pr\u00ed\u0165a\u017eliv\u00fd, vyv\u00e1\u017een\u00fd a zmyslupln\u00fd dizajn, ktor\u00fd dok\u00e1\u017ee cielene a \u00fa\u010dinne sprostredkova\u0165 svoj vplyv.<\/p>\n\n\n\n<p>Cie\u013eom tohto \u010dl\u00e1nku je vyplni\u0165 t\u00fato medzeru.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Aller_Anfang_%E2%80%A6\"><\/span>V\u0161etky za\u010diatky...<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>... je \u0165a\u017ek\u00e9. O \u00faspechu alebo ne\u00faspechu rozhoduje motiv\u00e1cia, nevyhnutnos\u0165 a odhodlanie. Aj tu plat\u00ed star\u00e9 pr\u00edslovie \"bez bolesti niet zisku\". Tak\u017ee ak chcete, m\u00f4\u017eete!<\/p>\n\n\n\n<p>Pokra\u010dujme teda krok za krokom a presk\u00famajme ka\u017ed\u00fa z vy\u0161\u0161ie uveden\u00fdch t\u00e9m, nau\u010dme sa pozadie, aby sme dosiahli po\u017eadovan\u00fd \u00faspech s po\u017eadovan\u00fdm dizajnom!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Schritt_fur_Schritt\"><\/span>Krok za krokom<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Raumnutzung\"><\/span>Vyu\u017eitie miestnosti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Predstavme si, \u017ee m\u00e1me kr\u00e1snu, ve\u013ek\u00fa, svetl\u00fa miestnos\u0165, ktor\u00fa m\u00f4\u017eeme zariadi\u0165 a navrhn\u00fa\u0165 pomocou existuj\u00facich predmetov. Existuj\u00face objekty m\u00f4\u017eeme porovna\u0165 s preddefinovan\u00fdmi dizajnov\u00fdmi prvkami v aplik\u00e1cii Canva.<\/p>\n\n\n\n<p>Tak ako nebudeme v\u0161etky n\u00e1bytky, koberce, obrazy at\u010f. uklada\u0165 do jedn\u00e9ho rohu miestnosti, nebudeme ani grafick\u00e9 prvky uklada\u0165 na seba.<\/p>\n\n\n\n<p>Preto bude priestor rozdelen\u00fd na \u010dasti, ktor\u00e9 s\u00fa pr\u00ed\u0165a\u017eliv\u00e9, ktor\u00e9 nab\u00e1daj\u00fa k zotrvaniu a ktor\u00e9 maj\u00fa \u010disto informa\u010dn\u00fd charakter.<\/p>\n\n\n\n<p>Mo\u017eno si tie\u017e predstavi\u0165 mrie\u017eku, ktor\u00e1 pokr\u00fdva miestnos\u0165 a umo\u017e\u0148uje \u0161trukt\u00farovan\u00e9 usporiadanie r\u00f4znych predmetov. Pom\u00e1ha vytvori\u0165 poriadok, vzia\u0165 div\u00e1ka za ruku a vies\u0165 ho obsahom. Najprv rozpozna\u0165 d\u00f4le\u017eit\u00e9 veci, potom si pre\u010d\u00edta\u0165 vysvetlenie a pochopi\u0165 kvintesenciu, \u010di u\u017e ide o d\u00e1tum, miesto a \u010das udalosti, stretnutie Zoom alebo \u010doko\u013evek in\u00e9. <\/p>\n\n\n\n<p>U\u017e pri letmom poh\u013eade na n\u00e1vrh by si mal div\u00e1k zapam\u00e4ta\u0165 tri z\u00e1kladn\u00e9 inform\u00e1cie: o \u010dom je (k\u013e\u00fa\u010dov\u00e9 slovo a stru\u010dn\u00fd opis), kde a kedy sa to odohr\u00e1va.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Balance\"><\/span>Bilancia<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Konferen\u010dn\u00fd stol\u00edk umiestnime do stredu miestnosti, pohovku a dve kresl\u00e1 priamo pred n\u00edm a stojacu lampu doprostred stola. Ak si chcete sadn\u00fa\u0165 na pohovku, mus\u00edte ju najprv odsun\u00fa\u0165 od stola, aby ste vytvorili potrebn\u00fd priestor. To ist\u00e9 plat\u00ed pre v\u0161etk\u00fdch ostatn\u00fdch, ktor\u00ed si chc\u00fa urobi\u0165 pohodlie. A stojaca lampa okam\u017eite osln\u00ed t\u00fdch, ktor\u00ed sedia oproti, preto by mala by\u0165 umiestnen\u00e1 \u010falej od stola.<\/p>\n\n\n\n<p>To ist\u00e9 plat\u00ed aj pre dizajn: v\u017edy dbajte na to, aby ste jednotliv\u00e9 textov\u00e9 a grafick\u00e9 prvky usporiadali tak, aby si navz\u00e1jom neuberali priestor, ale aby vytv\u00e1rali pr\u00ed\u0165a\u017eliv\u00fd a \u013eahko \u010ditate\u013en\u00fd vzh\u013ead vo vyv\u00e1\u017eenej vzdialenosti od seba.<\/p>\n\n\n\n<p>To sa d\u00e1 dosiahnu\u0165 bez ak\u00fdchko\u013evek grafick\u00fdch prvkov, ako s\u00fa napr\u00edklad \u010diary, preto\u017ee textov\u00e9 \u010dasti, ktor\u00e9 maj\u00fa v\u0161etky rovnak\u00e9 odsadenie, s\u00fa tie\u017e zarovnan\u00e9 s touto pomyselnou \u010diarou. Rozde\u013euje n\u00e1vrh takpovediac na dve polovice. Druh\u00e1, pr\u00e1zdna polovica m\u00f4\u017ee by\u0165 vybaven\u00e1 grafick\u00fdm prvkom alebo dokonca v\u00e4\u010d\u0161\u00edm textom a prevzia\u0165 vizu\u00e1lne vedenie poh\u013eadu div\u00e1ka.<\/p>\n\n\n\n<p>Ak sa rozhodnete pre grafick\u00fd prvok ako odde\u013eova\u010d medzi dvoma textov\u00fdmi obsahmi, rovnak\u00e1 vzdialenos\u0165 medzi dvoma textov\u00fdmi \u010das\u0165ami na\u013eavo a napravo od tohto prvku zabezpe\u010d\u00ed dostato\u010dn\u00fd priestor na d\u00fdchanie, potrebn\u00fa rovnov\u00e1hu.<\/p>\n\n\n\n<p>V pr\u00edpade pochybnost\u00ed pravidlo tret\u00edn sl\u00fa\u017ei rovnov\u00e1he ka\u017ed\u00e9ho n\u00e1vrhu: jed\u013ea umiestnen\u00e1 presne v strede obrazu pred horsk\u00fdm mas\u00edvom pravdepodobne sp\u00f4sob\u00ed div\u00e1kovi \"akosi\" nepr\u00edjemn\u00fd div\u00e1cky z\u00e1\u017eitok. Ak je jed\u013ea umiestnen\u00e1 v dvoch prav\u00fdch doln\u00fdch tretin\u00e1ch, horizont prebieha po okraji do poslednej vodorovnej tretiny, pohorie v dolnej tretine, zatia\u013e \u010do obloha vyp\u013a\u0148a horn\u00e9 tretiny, oko div\u00e1ka bude vn\u00edma\u0165 roz\u013eahlos\u0165 obrazu (pohorie a obloha) a ako protiklad jed\u013eu vpravo v popred\u00ed.<br>Pri pohybuj\u00facich sa objektoch, ako je napr\u00edklad plachetnica, ur\u010duje polohu smer pohybu: Lo\u010f, ktor\u00e1 sa pohybuje z\u013eava doprava, preto nebude zobrazen\u00e1 v strede, ale ak chcete zd\u00f4razni\u0165 jej pr\u00edchod, bude sa pohybova\u0165 do obrazu z\u013eava alebo z obrazu sprava.<\/p>\n\n\n\n<p>Pri n\u00e1vrhu loga pom\u00e1ha skuto\u010dnos\u0165, \u017ee nep\u00e1rny po\u010det prvkov p\u00f4sob\u00ed pri poh\u013eade vyv\u00e1\u017een\u00fdm dojmom. Zvy\u010dajne s\u00fa to tri, zriedkavej\u0161ie p\u00e4\u0165. Logo, ktor\u00e9 pripom\u00edna okr\u00fahlu pe\u010da\u0165, m\u00e1 v strede samotn\u00e9 logo alebo jedno \u010di dve p\u00edsmen\u00e1, pr\u00edpadne prepleten\u00e9, zatia\u013e \u010do text je usporiadan\u00fd v kruhu nad a pod n\u00edm.<br>Vyv\u00e1\u017een\u00fd n\u00e1pis m\u00f4\u017ee by\u0165 umiestnen\u00fd aj vpravo a v\u013eavo od loga, aby sa vytvorila vizu\u00e1lna rovnov\u00e1ha.<\/p>\n\n\n\n<p>Taktie\u017e tzv. <em>Negat\u00edvny priestor<\/em> (biely pr\u00e1zdny priestor) sa pou\u017e\u00edva na \u0161trukt\u00farovanie, odstr\u00e1nenie \"neporiadku\", t. j. balastu, ktor\u00fd znemo\u017e\u0148uje riaden\u00e9 zobrazenie n\u00e1vrhu. Menej je \u010dasto viac!<br>Biely priestor je jedin\u00fd prvok, ktor\u00fd nie je explicitne pridan\u00fd. Jednoducho tam ni\u010d nerob\u00ed. Alebo \u00e1no? Odde\u013euje prvky od seba, nazna\u010duje, \u017ee ich treba vn\u00edma\u0165 oddelene od seba.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"505\" height=\"796\" src=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5.png\" alt=\"\" class=\"wp-image-9997\" style=\"width:351px;height:auto\" srcset=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5.png 505w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5-190x300.png 190w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5-8x12.png 8w\" sizes=\"(max-width: 505px) 100vw, 505px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/99designs.de\/poster-design\/contests\/create-modern-poster-french-film-festival-cr%C3%A9ez-une-508160\/entries\" target=\"_blank\" rel=\"noreferrer noopener\">N\u00e1vrh plag\u00e1tu<\/a><em>&nbsp;pre pmoretti<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>V interakt\u00edvnom dizajne, napr. pri n\u00e1vrhu formul\u00e1rov, by sa mala okam\u017eite rozpozna\u0165 bl\u00edzkos\u0165 n\u00e1zvov pol\u00ed (napr. meno, telef\u00f3n) k pr\u00edslu\u0161n\u00e9mu po\u013eu. Ak by boli n\u00e1zvy pol\u00ed nastaven\u00e9 v rovnakej vzdialenosti od nasleduj\u00faceho po\u013ea, ako je vzdialenos\u0165 od spodn\u00e9ho okraja po\u013ea k nasleduj\u00facemu n\u00e1zvu po\u013ea, \u010das zobrazenia by bol ove\u013ea dlh\u0161\u00ed, ako keby n\u00e1zov po\u013ea nasledoval hne\u010f za po\u013eom a nasleduj\u00faci n\u00e1zov po\u013ea (s pr\u00edslu\u0161n\u00fdm po\u013eom) by bol nastaven\u00fd v jasnej vzdialenosti.<\/p>\n\n\n\n<p>Pri rozsiahlej\u0161\u00edch formul\u00e1roch je u\u017eito\u010dn\u00e9 rozdelenie do skup\u00edn. Ak mus\u00edte vyplni\u0165 nieko\u013eko metrov dlh\u00fd formul\u00e1r, zvy\u010dajne sa zastav\u00edte sk\u00f4r, ako \"vypln\u00edte\" polovicu.<br>Zoskupenie nazna\u010duje r\u00fdchlej\u0161\u00ed postup a n\u00e1sledne vedie k \u00faspe\u0161n\u00e9mu vyplneniu a odoslaniu formul\u00e1ra.<\/p>\n\n\n\n<p>Na zjednodu\u0161enie procesu sl\u00fa\u017eia aj rozba\u013eovacie ponuky, ktor\u00e9 pon\u00fakaj\u00fa logicky preddefinovan\u00fd obsah na r\u00fdchly v\u00fdber.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Strukturierung\"><\/span>\u0160trukt\u00farovanie<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pril\u00e1ka\u0165 pozornos\u0165 je mo\u017en\u00e9 pomocou dobr\u00e9ho \u0161trukt\u00farovania. Dobr\u00fdm pr\u00edkladom je domovsk\u00e1 str\u00e1nka spolo\u010dnosti Google. \u010co m\u00e1 pou\u017e\u00edvate\u013e, ktor\u00fd <em>Google<\/em> volania? Vyh\u013ead\u00e1vanie. \u010do na to potrebuje? Vyh\u013ead\u00e1vacie pole. \u010co n\u00e1jde? Jeho vyh\u013ead\u00e1vacie pole pod n\u00e1pisom <em><a href=\"https:\/\/google.de\" target=\"_blank\" rel=\"noreferrer noopener\">Google<\/a><\/em>ktor\u00fd sa neust\u00e1le upravuje, aby sa zv\u00fd\u0161ila jeho pr\u00ed\u0165a\u017elivos\u0165.<\/p>\n\n\n\n<p>Protipr\u00edkladom je vstupn\u00e1 str\u00e1nka <em><a href=\"https:\/\/yahoo.de\" target=\"_blank\" rel=\"noreferrer noopener\">Yahoo<\/a><\/em>ktor\u00e1 napokon zobrazuje vyh\u013ead\u00e1vacie pole na prvej poz\u00edcii na str\u00e1nke, ale zahlcuje div\u00e1ka ostatn\u00fdm obsahom na zvy\u0161n\u00fdch pribli\u017ene 95%, alebo prinajmen\u0161om odv\u00e1dza pozornos\u0165 od skuto\u010dn\u00e9ho \u00fa\u010delu n\u00e1v\u0161tevy.<\/p>\n\n\n\n<p>\u013dudsk\u00e1 pam\u00e4\u0165 blokuje ned\u00f4le\u017eit\u00e9 veci, aby sa vyhla pre\u0165a\u017eeniu a mohla sa s\u00fastredi\u0165 na d\u00f4le\u017eit\u00e9 veci. Napriek tomu je toto vymaz\u00e1vanie tie\u017e funkciou mozgu, a preto zni\u017euje zost\u00e1vaj\u00facu schopnos\u0165 s\u00fastredi\u0165 sa na podstatn\u00e9 veci.<\/p>\n\n\n\n<p>Kr\u00e1tkodob\u00e1 pam\u00e4\u0165 je schopn\u00e1 ulo\u017ei\u0165 v priemere a\u017e sedem prvkov. Ak teda chcete, aby napr\u00edklad obsah prezent\u00e1cie zostal dostupn\u00fd v kr\u00e1tkodobej pam\u00e4ti, nesmiete na jednej str\u00e1nke prezentova\u0165 viac ako t\u00fdchto sedem prvkov.<br>Tie m\u00f4\u017eu by\u0165 pod\u013ea potreby \u0161trukt\u00farovan\u00e9, napr. 3 + 4, 2 + 5 alebo naopak, aby sa zd\u00f4raznili body, ktor\u00e9 patria k sebe.<\/p>\n\n\n\n<p>Pri vytv\u00e1ran\u00ed \u0161trukt\u00fary v\u00e1m pom\u00f4\u017ee, ak si najprv vytvor\u00edte ment\u00e1lny n\u00e1\u010drt, ktor\u00fd zoh\u013eadn\u00ed nasleduj\u00face body:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u010co je najd\u00f4le\u017eitej\u0161ia inform\u00e1cia (najv\u00e4\u010d\u0161\u00ed prvok alebo vycentrovan\u00e9, tu\u010dn\u00e9 p\u00edsmo - selekt\u00edvne, preto\u017ee ak je v\u0161etko vytla\u010den\u00e9 tu\u010dn\u00fdm p\u00edsmom, zv\u00fdraznen\u00e9 tu\u010dn\u00e9 p\u00edsmo str\u00e1ca svoj v\u00fdznam)<\/li>\n\n\n\n<li>Symetrick\u00e9 alebo asymetrick\u00e9 usporiadanie (ka\u017ed\u00fd prvok m\u00e1 svoju v\u00e1hu)<\/li>\n\n\n\n<li>V\u00fdber farby (90% v\u0161etk\u00fdch rozhodnut\u00ed o tom, \u010di je v\u00fdrobok hodnoten\u00fd pozit\u00edvne alebo negat\u00edvne, sa urob\u00ed za menej ako 90 sek\u00fand len na z\u00e1klade farby; farba zvy\u0161uje napr\u00edklad rozpoznate\u013enos\u0165 zna\u010dky a\u017e o 80%)<\/li>\n\n\n\n<li>Kontrast (vytv\u00e1ra priestor, h\u013abku)<\/li>\n\n\n\n<li>Biely priestor (oddelenie prvkov)<\/li>\n\n\n\n<li>Proporcia (pomer vizu\u00e1lnej ve\u013ekosti a hmotnosti prvkov navz\u00e1jom)<\/li>\n\n\n\n<li>Pohyb (vizu\u00e1lne, konzistentn\u00e9 vedenie obsahom; ak po\u010das prezerania niekde zakopnete, dizajn sa mus\u00ed opravi\u0165)<\/li>\n<\/ul>\n\n\n\n<p>V praxi je \u010fal\u0161\u00edm krokom prenesenie obsahu textu na papier. Potom nasleduj\u00fa obr\u00e1zky produktov. Teraz je mo\u017en\u00e9 umiestni\u0165 prvky. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Farblehre\"><\/span>Te\u00f3ria farieb<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Pre\u010do by ste sa mali zaobera\u0165 te\u00f3riou farieb? No na jednej strane farby zohr\u00e1vaj\u00fa k\u013e\u00fa\u010dov\u00fa \u00falohu pri hodnoten\u00ed obsahu dizajnu a na druhej strane sa dok\u00e1\u017eu v\u00fdborne maskova\u0165. Maskova\u0165 v tom zmysle, \u017ee v tla\u010di m\u00f4\u017eu vyzera\u0165 \u00faplne inak ako na monitore alebo na soci\u00e1lnych sie\u0165ach.<\/p>\n\n\n\n<p>Je to preto, \u017ee v tla\u010di prevl\u00e1da farebn\u00fd syst\u00e9m CMYK (subtrakt\u00edvny; pridan\u00edm \u010fal\u0161ej farby z papiera odoberiete \"svetlo\"), ale vo svete digit\u00e1lnej reprodukcie prevl\u00e1da syst\u00e9m RGB (adit\u00edvny; v\u00fdsledkom v\u0161etk\u00fdch farieb spolu je biela). <br>P\u00f4vodne s\u00fdta \u010derven\u00e1 CMYK v tla\u010di sa v soci\u00e1lnych m\u00e9di\u00e1ch zobrazuje len ako bledo\u010derven\u00e1. Ak sa prevedie do RGB a potom sa zdie\u013ea v soci\u00e1lnych m\u00e9di\u00e1ch, je op\u00e4\u0165 vidie\u0165 zam\u00fd\u0161\u013ean\u00fa \u010derven\u00fa farbu,<\/p>\n\n\n\n<p>V podstate je tu 12 farieb, presne ako pastelky, ktor\u00e9 sme obdivovali na hodin\u00e1ch v\u00fdtvarnej v\u00fdchovy a s ktor\u00fdmi sme vytv\u00e1rali tie najlep\u0161ie umeleck\u00e9 diela.<\/p>\n\n\n\n<p><em>Sir Isaac Newton <\/em>v roku 1704 navrhol prv\u00fd farebn\u00fd kruh, ktor\u00fd pozost\u00e1val z troch z\u00e1kladn\u00fdch farieb (\u010derven\u00e1, \u017elt\u00e1, modr\u00e1), troch sekund\u00e1rnych farieb (zmie\u0161an\u00fdch farieb, ktor\u00e9 s\u00fa v\u00fdsledkom z\u00e1kladn\u00fdch farieb) a \u0161iestich terci\u00e1rnych farieb (ktor\u00e9 s\u00fa v\u00fdsledkom mie\u0161ania z\u00e1kladn\u00fdch a sekund\u00e1rnych farieb).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"930\" height=\"930\" src=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1.png\" alt=\"\" class=\"wp-image-9984\" style=\"width:369px;height:auto\" srcset=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1.png 930w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-300x300.png 300w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-150x150.png 150w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-768x768.png 768w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-12x12.png 12w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><\/figure>\n<\/div>\n\n\n<p>Farby vn\u00edman\u00e9 ako tepl\u00e9 tvoria \u013eav\u00fa polovicu farebn\u00e9ho kruhu, farby ozna\u010dovan\u00e9 ako studen\u00e9 tvoria prav\u00fa polovicu. Vn\u00edmanie \"teploty\" sa odr\u00e1\u017ea aj vo fyzik\u00e1lnej teplote farieb (<em>K = Kelvin<\/em>).<\/p>\n\n\n\n<p>Odtiene prid\u00e1vaj\u00fa do farebn\u00e9ho t\u00f3nu \u010diernu farbu s r\u00f4znou intenzitou, zatia\u013e \u010do t\u00f3ny prid\u00e1vaj\u00fa bielu farbu. Na druhej strane jeden t\u00f3n dop\u013a\u0148a \u010diernu a bielu, t. j. siv\u00fa.<\/p>\n\n\n\n<p>Doplnkov\u00e9 farby s\u00fa farby, ktor\u00e9 le\u017eia oproti sebe vo Fabovom kruhu.<\/p>\n\n\n\n<p>Analogick\u00e9 farby le\u017eia vo farebnom kruhu ved\u013ea seba (\u010derven\u00e1, oran\u017eov\u00e1, \u017elt\u00e1). Jedna farba dominuje (vedie), druh\u00e1 ju podporuje a tretia kladie akcenty.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Farbassoziationen\"><\/span>Farebn\u00e9 asoci\u00e1cie<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Modr\u00e1<br>- Pozit\u00edvne: d\u00f4slednos\u0165, kompetentnos\u0165, sila, kvalita, produktivita, pokoj, bezpe\u010dnos\u0165, d\u00f4vera, m\u00fadros\u0165, spo\u013eahlivos\u0165<br>- Negat\u00edvne: obmedzuje chu\u0165 do jedla (nie je vhodn\u00e9 na jedlo)<\/li>\n\n\n\n<li>Hned\u00e1<br>- Pozit\u00edva: mu\u017enos\u0165, prirodzenos\u0165, odolnos\u0165, spo\u013eahlivos\u0165<br>- Negat\u00edvne: nevhodn\u00e9 pre v\u00fdzvy k akcii<\/li>\n\n\n\n<li>\u017dlt\u00e1<br>- Pozit\u00edvne: rados\u0165, priate\u013eskos\u0165, \u0161\u0165astie, mlados\u0165, kompetentnos\u0165<br>- Negat\u00edvne: Podvod, zbabelos\u0165, n\u00edzka kvalita<\/li>\n\n\n\n<li>\u0160ed\u00e1<br>- Pozit\u00edva: sila charakteru, form\u00e1lnos\u0165, praktickos\u0165, profesionalita, nad\u010dasovos\u0165<br>- Negat\u00edvne: Vzdialenos\u0165, chlad, nuda<\/li>\n\n\n\n<li>Zelen\u00e1<br>- Pozit\u00edvne: osvie\u017eenie, zotavenie, zdravie, n\u00e1dej, pr\u00edroda, rast, prosperita<br>- Negat\u00edvne: Z\u00e1vis\u0165<\/li>\n\n\n\n<li>Oran\u017eov\u00e1<br>- Pozit\u00edvne: energia, \u0161\u0165astie, optimizmus<br>- Negat\u00edvne: vyz\u00fdva k opatrnosti<\/li>\n\n\n\n<li>Ru\u017eov\u00e1<br>- Pozit\u00edva: l\u00e1skavos\u0165, jemnos\u0165, \u017eenskos\u0165<br>- Negat\u00edvne: -<\/li>\n\n\n\n<li>\u010cerven\u00e1<br>- Pozit\u00edvne: v\u00e1\u0161e\u0148, l\u00e1ska, sila<br>- Negat\u00edvne: ohe\u0148, nebezpe\u010denstvo, n\u00e1silie, vojna, hnev<\/li>\n\n\n\n<li>\u010cierna - <br>- Pozit\u00edvne: autorita, zlo, elegancia, extravagancia, moc<br>- Negat\u00edvne: hrozba, tajomstvo, vzbura, smr\u0165, sm\u00fatok<\/li>\n\n\n\n<li>Fialov\u00e1 - <br>- Pozit\u00edvne: autorita, moc, kreativita, sofistikovanos\u0165, re\u0161pekt, duchovnos\u0165, m\u00fadros\u0165, prosperita<br>- Negat\u00edvne: sm\u00fatok, odstup (tmav\u00e9 t\u00f3ny)<\/li>\n\n\n\n<li>Biela - <br>- Pozit\u00edvne: mier, \u010distota, nevinnos\u0165<br>- Negat\u00edvne: <br><\/li>\n<\/ul>\n\n\n\n<p>Pod\u013ea toho m\u00f4\u017eete za\u010da\u0165 navrhova\u0165 farby. Ak sa m\u00e1 text pou\u017ei\u0165 na farebnom pozad\u00ed, kontrast medzi pozad\u00edm a textom mus\u00ed by\u0165 dostato\u010dn\u00fd, aby sa zabezpe\u010dilo plynul\u00e9 a bezprobl\u00e9mov\u00e9 \u010d\u00edtanie.<br>Zlou vo\u013ebou je \u010dierny text na tmavomodrom pozad\u00ed alebo \u017elt\u00fd text na oran\u017eovom pozad\u00ed.<br>V pr\u00edpade textov, ktor\u00e9 sa umiest\u0148uj\u00fa nad fotografie, m\u00f4\u017ee by\u0165 potrebn\u00e9 umiestni\u0165 biely text na tmav\u00fa \u010das\u0165 a \u010dierny text na svetlej\u0161iu \u010das\u0165 obr\u00e1zka.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Typographie\"><\/span>Typografia<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ke\u010f si mysl\u00edte, \u017ee ste dosiahli cie\u013e \u00faspe\u0161n\u00e9ho dizajnu, naraz\u00edte na \u010fal\u0161iu prek\u00e1\u017eku. \u010do je typografia?<\/p>\n\n\n\n<p>Typografia ovplyv\u0148uje v\u0161etko, od v\u00fdberu a\u017e po rozlo\u017eenie p\u00edsma. P\u00edsmo nesl\u00fa\u017ei len na odovzdanie hlavn\u00e9ho posolstva, ale aj na vyjadrenie v\u00e1\u0161ho sebavedomia a \u00fa\u010delu. Aby sa to podarilo, je d\u00f4le\u017eit\u00e9 porozumie\u0165 typografii, aby ste ju dok\u00e1zali spr\u00e1vne pou\u017e\u00edva\u0165.<\/p>\n\n\n\n<p>Tak ako je pri u\u010den\u00ed sa cudzieho jazyka z\u00e1sadne d\u00f4le\u017eit\u00e1 slovn\u00e1 z\u00e1soba, aj typografia potrebuje slovn\u00fa z\u00e1sobu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Rodina p\u00edsiem<\/em><br>Rodina p\u00edsiem obsahuje pr\u00edbuzn\u00e9 p\u00edsma r\u00f4znych \u0161\u00edrok, v\u00e1h a gram\u00e1\u017e\u00ed so spolo\u010dn\u00fdmi form\u00e1lnymi vlastnos\u0165ami.<\/li>\n\n\n\n<li><em>P\u00edsmo<\/em><br>P\u00edsmo je s\u00fabor glyfov (p\u00edsmen, \u010d\u00edslic, interpunk\u010dn\u00fdch znamienok a symbolov), ktor\u00e9 s\u00fa navrhnut\u00e9 sp\u00f4sobom typick\u00fdm pre pr\u00edslu\u0161n\u00e9 p\u00edsmo, napr. <em>Helvetica<\/em>, <em>Times New Roman<\/em>. <br>V digit\u00e1lnom svete sa p\u00edsmo ozna\u010duje ako <em>P\u00edsmo<\/em> ozna\u010den\u00e9.<\/li>\n\n\n\n<li>Ve\u013ekos\u0165 p\u00edsma<br>Hmotnos\u0165 p\u00edsma opisuje hr\u00fabku \u0165ahov, z ktor\u00fdch sa znaky skladaj\u00fa, a vyjadruje sa ako <em>svetlo<\/em>, <em>norm\u00e1lne<\/em>, <em>tu\u010dn\u00fd<\/em> alebo <em>extra tuk<\/em> ozna\u010den\u00e9.<\/li>\n\n\n\n<li>Ve\u013ekos\u0165 p\u00edsma<br>Ve\u013ekos\u0165 p\u00edsma je <em>Bod<\/em> (<em>Pt.<\/em>zodpoved\u00e1 1\/72 palca; ve\u013ekos\u0165 p\u00edsma 6 pt je 2,1 mm vysok\u00e1, typick\u00e9 \"mal\u00e9 p\u00edsmo\").<\/li>\n\n\n\n<li>\u0160t\u00fdl p\u00edsma<br>\u0160t\u00fdly p\u00edsma poskytuj\u00fa inform\u00e1cie o vzh\u013eade, napr\u00edklad Sans Serif (napr. Helvetica), Serif (<font face=\"Times New Roman\">Times New Roman<\/font>) alebo skript (napr. <font face=\"Lucida Handwriting\">Rukopis Lucida<\/font>), alebo dekorat\u00edvne n\u00e1pisy (napr.&nbsp;&nbsp;&nbsp;&nbsp;<font face=\"Amsterdam\">Amsterdam<\/font>).<\/li>\n<\/ul>\n\n\n\n<p>Vzh\u013eadom na mno\u017estvo \"kr\u00e1snych\" p\u00edsiem budete r\u00fdchlo v poku\u0161en\u00ed zahrn\u00fa\u0165 ich do svojho n\u00e1vrhu, ale - presta\u0148te!<\/p>\n\n\n\n<p>Div\u00e1ci maj\u00fa tie\u017e preferencie pre p\u00edsma. Niektor\u00e9 s\u00fa neob\u013e\u00faben\u00e9 alebo pr\u00edli\u0161 pou\u017e\u00edvan\u00e9, in\u00e9 s\u00fa ne\u010ditate\u013en\u00e9. V\u00fdber p\u00edsma by mal by\u0165 starostliv\u00fd. Jedno pre nadpis, in\u00e9 pre hlavn\u00fd text. Nanajv\u00fd\u0161 tretie v skupine, mo\u017eno ako podnadpis - ni\u010d viac!<\/p>\n\n\n\n<p>Jasn\u00e1 hierarchia vedie \u010ditate\u013ea po po\u017eadovanej ceste \u010d\u00edtania a poskytne mu v\u0161etky zam\u00fd\u0161\u013ean\u00e9 inform\u00e1cie, \u013eahko, zapam\u00e4tate\u013ene.<\/p>\n\n\n\n<p>Ak je priestor obmedzen\u00fd, jednoducho si vyberiete men\u0161ie p\u00edsmo a\u017e po \"drobn\u00e9 p\u00edsmo\", aby sa do\u0148 zmestil cel\u00fd obsah. Nespr\u00e1vne! Aspo\u0148 ak m\u00e1 \u010ditate\u013e obsah plne vn\u00edma\u0165 a pochopi\u0165. Nikto predsa nebude text sk\u00fama\u0165 lupou.<br>To znamen\u00e1: skr\u00e1\u0165te text, obmedzte ho na to najd\u00f4le\u017eitej\u0161ie a v pr\u00edpade potreby zme\u0148te p\u00edsmo, aby ste na jednej strane odovzdali cel\u00e9 posolstvo a na druhej strane zachovali pote\u0161enie z \u010d\u00edtania.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Textausrichtung\"><\/span>Zarovnanie textu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Existuj\u00fa \u0161tyri sp\u00f4soby usporiadania textov\u00fdch telies: V\u013eavo zarovno alebo vpravo zarovno s od\u00f4vodnen\u00edm alebo zarovno.<\/p>\n\n\n\n<p>Tieto texty s\u00fa tu nap\u00edsan\u00e9 zarovnan\u00fdmi p\u00edsmenami na\u013eavo.<\/p>\n\n\n\n<p>Justifik\u00e1cia je vyn\u00faten\u00e9 zarovnanie slov v ka\u017edom riadku do\u013eava a doprava. To m\u00f4\u017ee vytv\u00e1ra\u0165 neprirodzen\u00e9 rozostupy medzi slovami, \u010do s\u0165a\u017euje \u010d\u00edtanie. Oko je zvyknut\u00e9 o\u010dak\u00e1va\u0165 pravideln\u00e9 rozmiestnenie slov a c\u00edti sa podr\u00e1\u017eden\u00e9, ak nie je pod\u013ea o\u010dak\u00e1vania.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Faux_pas_%E2%80%93_Hurenkinder_und_Schusterjungen\"><\/span>Faux pas - Kurvy a obuvn\u00edci<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u010co to je? Nie, s\u00fa to len typografick\u00e9 v\u00fdrazy, ktor\u00e9 ozna\u010duj\u00fa chyby v p\u00edsan\u00ed.<\/p>\n\n\n\n<p>\u0160vec je samostatn\u00fd riadok odseku na konci strany, diev\u010da je rovnako oddelen\u00e9 pokra\u010dovanie vety odseku na nasleduj\u00facom za\u010diatku strany.<\/p>\n\n\n\n<p>Tak\u00e9to kon\u0161tel\u00e1cie sa pova\u017euj\u00fa za ru\u0161iv\u00e9, neestetick\u00e9, a preto by sa im malo vyhn\u00fa\u0165.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hintergrund-Design\"><\/span>Dizajn pozadia<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Pozadie nesie v\u0161etky prvky dizajnu, obr\u00e1zky, nadpisy a textov\u00fd obsah. Preto by malo by\u0165 diskr\u00e9tne, aby nes\u0165a\u017eovalo \u010d\u00edtanie textov a nevytl\u00e1\u010dalo sa do popredia.<\/p>\n\n\n\n<p>Vhodn\u00fdm usporiadan\u00edm, napr. opakuj\u00facimi sa, hoci r\u00f4znymi nadpismi, m\u00f4\u017ee pozadie prevzia\u0165 aj organiza\u010dn\u00e9 \u00falohy.<br>Predpokladajme, \u017ee na ka\u017edej str\u00e1nke s\u00fa pop\u00edsan\u00e9 rovnak\u00e9 produkty, ale ozna\u010den\u00e9 r\u00f4znymi farbami. Pr\u00edslu\u0161n\u00e1 farba produktu potom m\u00f4\u017ee sl\u00fa\u017ei\u0165 ako pozadie pre nadpis. To znamen\u00e1, \u017ee odkaz na opisovan\u00fd v\u00fdrobok je dan\u00fd u\u017e samotnou farbou.<\/p>\n\n\n\n<p>Pozadie teda nie je nie\u010do, \u010do sa zneu\u017e\u00edva na potla\u010denie bielej pr\u00e1zdnoty, ale prvok, ktor\u00fd m\u00f4\u017ee poskytn\u00fa\u0165 hierarchiu, poriadok a inform\u00e1cie.<\/p>","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">\u010cas \u010d\u00edtania<\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">z\u00e1pisnice<\/span><\/span>Online n\u00e1stroj Canva bol spusten\u00fd v austr\u00e1lskom Sydney v roku 2012 s poslan\u00edm \"Empowering the world to design\" (Umo\u017eni\u0165 svetu navrhova\u0165) a umo\u017eni\u0165 grafick\u00fd dizajn ka\u017ed\u00e9mu. Melanie Perkins, Cliff Obrecht a Cameron Adams sleduj\u00fa predov\u0161etk\u00fdm cie\u013e \"pozit\u00edvne ovplyvni\u0165 svet t\u00fdm, \u017ee urobia \u010do najviac dobra.\" Venuj\u00fa sa aj \"druhej \u00farovni\", ktor\u00e1 predstavuje \u0161tyri piliere, a to \"neziskov\u00e9 organiz\u00e1cie...&nbsp;<a href=\"https:\/\/csiag.eu\/sk\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/\" rel=\"bookmark\">\u010c\u00edta\u0165 viac \"<span class=\"screen-reader-text\">Canva - grafick\u00fd dizajn pre ka\u017ed\u00e9ho?<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[4906],"tags":[4989,1554,5002,4937,4969,4960,5035,4931,5004,4939,2314,4947,5055,4930,1312,4908,5019,2418,5051,4909,5024,4950,4959,4946,4949,2386,5003,5045,4976,4977,4974,5018,1112,4957,4967,5031,5054,4965,5020,4932,1110,4920,4915,5014,5015,5043,4973,4264,4942,4318,5032,1724,2463,4910,4907,4916,4927,4972,4958,5049,5052,4918,4919,5058,4940,4999,4956,5016,4987,4500,5005,5000,2415,5006,5036,5033,4944,4963,4924,5025,4955,5030,4926,5061,4933,5056,4952,4951,5011,4978,4980,477,5012,4602,4954,5026,4938,4601,5021,4922,4923,4984,4975,5007,5022,4971,1416,4941,5037,4935,4936,4934,5057,1435,5027,1794,5028,5060,5001,4943,4911,1175,5046,4914,4913,5047,5048,4912,4953,5059,4985,4948,1408,4979,5039,4966,4961,4968,4945,5053,4929,5050,5041,4928,4964,5042,4917,4986,5029,4988,5009,4970,4925,5013,5040,4962,5023,4921,5010],"class_list":["post-9982","post","type-post","status-publish","format-standard","hentry","category-grafikdesign","tag-grau","tag-abstand","tag-akzent","tag-arrangement","tag-asymmetrisch","tag-auswahl","tag-autoritaet","tag-balance","tag-bestaendigkeit","tag-betrachter","tag-bewegung","tag-blick","tag-blocksatz","tag-brandiung","tag-braun","tag-canva","tag-charakterstaerke","tag-cmyk","tag-dekorschrift","tag-design","tag-distaz","tag-drittel-regel","tag-drop-down-menue","tag-einrueckung","tag-element","tag-energie","tag-farbassoziation","tag-farbgestaltung","tag-farblehre","tag-farbsystem","tag-farbwahl","tag-feigheit","tag-feld","tag-feldname","tag-fettschrift","tag-feuer","tag-flattersatz","tag-fokussieren","tag-formalitaet","tag-formen","tag-formular","tag-fotohintergrund","tag-fotos","tag-freude","tag-freundlichkeit","tag-frieden","tag-fuehren","tag-fuehrung","tag-gedaechtnis","tag-gefahr","tag-gewalt","tag-gewicht","tag-google","tag-grafik","tag-grafikdesign","tag-grafikelemente","tag-grafiker","tag-groesse","tag-gruppierung","tag-helvetica","tag-hierarchie","tag-hintergrund","tag-hintergrundfarbe","tag-hurenkinder","tag-inhalt","tag-intensitaet","tag-interaktiv","tag-jugend","tag-kalt","tag-ki-2","tag-kompetenz","tag-komplementaerfarbe","tag-kontrast","tag-kraft","tag-krativitaet","tag-krieg","tag-kurzbeschreibung","tag-kurzzeitgedaechtnis","tag-laien","tag-langeweile","tag-leer-raum","tag-leidenschaft","tag-lernkurve","tag-lesefluss","tag-linien","tag-linksbuendig","tag-logo","tag-logo-design","tag-maennlichkeit","tag-medien","tag-mischfarben","tag-monitor","tag-natuerlichkeit","tag-negativ","tag-negativraum","tag-optimismus","tag-ordnung","tag-positiv","tag-praktikabilitaet","tag-praxis","tag-praxiserfahrung","tag-primaere-fabrben","tag-produktbild","tag-produktivitaet","tag-professionalitaet","tag-proportion","tag-qualitaet","tag-quintessenz","tag-rafinesse","tag-raster","tag-raum","tag-raumnutzung","tag-rechtsbuendig","tag-reinheit","tag-rosa","tag-ruhe","tag-sanftheit","tag-satzfehler","tag-schattierung","tag-schlagwort","tag-schrift","tag-schriftart","tag-schriftfamilie","tag-schriftfarbe","tag-schriftgroesse","tag-schriftstaerke","tag-schriftstil","tag-schrifttyp","tag-schriftzug","tag-schusterjungen","tag-sekundaere-farben","tag-separator","tag-sicherheit","tag-sir-isaac-newton","tag-spritualitaet","tag-struktur","tag-strukturierung","tag-symmetrisch","tag-textabschnitt","tag-textausrichtung","tag-textur","tag-times-new-roman","tag-trauer","tag-typographie","tag-ueberlastung","tag-unnahbarkeit","tag-videos","tag-warm","tag-weiblichkeit","tag-weiss","tag-weisheit","tag-weissraum","tag-werkzeuge","tag-widerstandsfaehigkeit","tag-wohlstand","tag-yahoo","tag-zeitlosigkeit","tag-zielgruppe","tag-zuverlaessigkeit"],"modified_by":"Achim Goerner","_links":{"self":[{"href":"https:\/\/csiag.eu\/sk\/wp-json\/wp\/v2\/posts\/9982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csiag.eu\/sk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csiag.eu\/sk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csiag.eu\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csiag.eu\/sk\/wp-json\/wp\/v2\/comments?post=9982"}],"version-history":[{"count":0,"href":"https:\/\/csiag.eu\/sk\/wp-json\/wp\/v2\/posts\/9982\/revisions"}],"wp:attachment":[{"href":"https:\/\/csiag.eu\/sk\/wp-json\/wp\/v2\/media?parent=9982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csiag.eu\/sk\/wp-json\/wp\/v2\/categories?post=9982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csiag.eu\/sk\/wp-json\/wp\/v2\/tags?post=9982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}