{"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-design-canva-pro-kazdeho","status":"publish","type":"post","link":"https:\/\/csiag.eu\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/","title":{"rendered":"Canva - grafick\u00fd design pro ka\u017ed\u00e9ho?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Preisgestaltung\" >Stanoven\u00ed cen<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Leistungsumfang_%E2%80%93_Zielgruppe\" >Rozsah slu\u017eeb - c\u00edlov\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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Anwendung\" >Aplikace<\/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\/cs\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Aller_Anfang_%E2%80%A6\" >V\u0161echny za\u010d\u00e1tky...<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Schritt_fur_Schritt\" >Krok za krokem<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Raumnutzung\" >Vyu\u017eit\u00ed m\u00edstnosti<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Balance\" >Bilance<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Strukturierung\" >Strukturov\u00e1n\u00ed<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Farblehre\" >Teorie barev<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Farbassoziationen\" >Barevn\u00e9 asociace<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Typographie\" >Typografie<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Textausrichtung\" >Zarovn\u00e1n\u00ed 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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Faux_pas_%E2%80%93_Hurenkinder_und_Schusterjungen\" >Faux pas - D\u011bvky a \u0161evci<\/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\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Hintergrund-Design\" >Design pozad\u00ed<\/a><\/li><\/ul><\/nav><\/div>\n<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Doba \u010dten\u00ed<\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">minuty<\/span><\/span>\n<p class=\"wp-block-paragraph\">Online n\u00e1stroj <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a> byla zalo\u017eena v australsk\u00e9m Sydney v roce 2012 s posl\u00e1n\u00edm \"Empowering the world to design\", aby umo\u017enila grafick\u00fd design ka\u017ed\u00e9mu. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Melanie Perkins<\/em>, <em>Cliff Obrecht<\/em> a <em>Cameron Adams<\/em> prim\u00e1rn\u011b sleduj\u00ed c\u00edl \"pozitivn\u011b ovlivnit sv\u011bt t\u00edm, \u017ee ud\u011blaj\u00ed co nejv\u00edce dobr\u00e9ho\".<br>Pod\u00edlej\u00ed se tak\u00e9 na \"<a href=\"https:\/\/www.canva.com\/de_de\/step-two\/\" target=\"_blank\" rel=\"noreferrer noopener\">Druh\u00e1 \u00farove\u0148<\/a>\", kter\u00fd p\u0159edstavuje \u010dty\u0159i pil\u00ed\u0159e, a to \"Pos\u00edlen\u00ed neziskov\u00fdch organizac\u00ed\", \"Zaji\u0161t\u011bn\u00ed z\u00e1kladn\u00edch lidsk\u00fdch pot\u0159eb\", \"Umo\u017en\u011bn\u00ed kvalitn\u00edho vzd\u011bl\u00e1v\u00e1n\u00ed\" a \"Podpora m\u00edstn\u00edch komunit\".<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Preisgestaltung\"><\/span>Stanoven\u00ed cen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Z\u00e1kladn\u00ed funkce n\u00e1stroje jsou zdarma. Pokud v\u0161ak chcete d\u011blat n\u011bco v\u00edc ne\u017e jen z\u00e1kladn\u00ed grafick\u00e9 n\u00e1vrhy, jejich rozsah je velmi omezen\u00fd.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Placen\u00e1 verze Pro nab\u00edz\u00ed plnou - a velmi rozs\u00e1hlou - \u0161k\u00e1lu funkc\u00ed. Verze Teams umo\u017e\u0148uje pou\u017e\u00edvat licenci nejm\u00e9n\u011b t\u0159em u\u017eivatel\u016fm. Ta je k dispozici za ro\u010dn\u00ed p\u0159edplatn\u00e9 100 USD na u\u017eivatele. Za cenu p\u0159ibli\u017en\u011b 8 eur m\u011bs\u00ed\u010dn\u011b se jedn\u00e1 o velmi f\u00e9rovou nab\u00eddku, kter\u00e1 je v souladu s filozofi\u00ed spole\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\u017eeb - c\u00edlov\u00e1 skupina<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Rozsah slu\u017eeb je v\u00edce ne\u017e p\u016fsobiv\u00fd. Neexistuje t\u00e9m\u011b\u0159 nic, co by nebylo mo\u017en\u00e9 realizovat. Fonty, typy p\u00edsma, velikosti p\u00edsma, barvy p\u00edsma, grafick\u00e9 prvky, fotografie, videa, um\u011bl\u00e1 inteligence, n\u00e1vrhy pozad\u00ed, dokonce i odstran\u011bn\u00ed pozad\u00ed fotografi\u00ed je elegantn\u011b vy\u0159e\u0161eno jedn\u00edm kliknut\u00edm, v\u011bt\u0161inou stejn\u011b, samoz\u0159ejm\u011b v z\u00e1vislosti na slo\u017eitosti t\u00e9ho\u017e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seznam v\u0161ech mo\u017enost\u00ed by pravd\u011bpodobn\u011b zaplnil n\u011bkolik str\u00e1nek. Rozhodn\u011b je na \u010dase je vyzkou\u0161et - samoz\u0159ejm\u011b zdarma. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pokud jste grafik, budete se dr\u017eet profesion\u00e1ln\u00edch program\u016f, proto\u017ee nab\u00edzej\u00ed nejen stejn\u00fd, ale i mnohem individu\u00e1ln\u011bj\u0161\u00ed rozsah slu\u017eeb. Zku\u0161enosti s pou\u017e\u00edv\u00e1n\u00edm takov\u00fdch program\u016f jsou v\u0161ak nezbytn\u00e9 a k\u0159ivka u\u010den\u00ed je odpov\u00eddaj\u00edc\u00edm zp\u016fsobem strm\u00e1, pokud jste grafick\u00fd design nestudovali a nemohli jste tedy z\u00edskat praktick\u00e9 zku\u0161enosti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C\u00edlovou skupinou jsou tedy p\u0159ev\u00e1\u017en\u011b neprofesion\u00e1lov\u00e9, kte\u0159\u00ed by m\u011bli b\u00fdt schopni pomoc\u00ed nab\u00edzen\u00fdch n\u00e1stroj\u016f vytv\u00e1\u0159et grafiku, kter\u00e1 posta\u010d\u00ed pro p\u0159\u00edle\u017eitostn\u00e9 a soukrom\u00e9 pou\u017eit\u00ed. C\u00edlovou skupinou jsou v\u0161ak i men\u0161\u00ed firmy, kter\u00e9 si nemohou dovolit grafika a necht\u011bj\u00ed zad\u00e1vat pr\u00e1ci extern\u00edm firm\u00e1m.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Anwendung\"><\/span>Aplikace<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">R\u00e1d bych porovnal pou\u017eit\u00ed nab\u00edzen\u00e9ho n\u00e1\u0159ad\u00ed s velkou sadou n\u00e1\u0159ad\u00ed elektrik\u00e1\u0159e nebo automechanika.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Laik m\u00e1 tedy k dispozici v\u0161echny n\u00e1stroje, kter\u00e9 pot\u0159ebuje k proveden\u00ed konkr\u00e9tn\u00ed pr\u00e1ce. Ale co si po\u010d\u00edt se v\u0161emi t\u011bmi \u0161roubov\u00e1ky, kle\u0161t\u011bmi, odizolovac\u00edmi kle\u0161t\u011bmi, m\u011b\u0159ic\u00edmi p\u0159\u00edstroji, sadami matic, r\u00e1\u010dnami, kl\u00ed\u010di a o\u010dkov\u00fdmi kl\u00ed\u010di atd.? <br>M\u016f\u017eeme skute\u010dn\u011b vy\u0159e\u0161it - pon\u011bkud slo\u017eit\u011bj\u0161\u00ed - technick\u00fd probl\u00e9m pouze pomoc\u00ed n\u00e1stroje bez odborn\u00fdch znalost\u00ed?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Canva k tomuto \u00fa\u010delu nab\u00edz\u00ed videon\u00e1vody na r\u016fzn\u00e1 t\u00e9mata. Jsou vhodn\u00e9 pro z\u00edsk\u00e1n\u00ed prvn\u00ed p\u0159edstavy o tom, jak pou\u017e\u00edvat n\u00e1stroje a vytv\u00e1\u0159et vlastn\u00ed design.<\/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 class=\"wp-block-paragraph\">Z\u00e1klady vyu\u017eit\u00ed prostoru, vyv\u00e1\u017eenosti prvk\u016f, strukturov\u00e1n\u00ed, textury, tvar\u016f, lini\u00ed, barev, typografie, textury a zna\u010dky jsou bohu\u017eel ponech\u00e1ny voln\u00e9 fantazii u\u017eivatele.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00e1v\u011b tyto aspekty jsou v\u0161ak rozhoduj\u00edc\u00ed pro atraktivn\u00ed, vyv\u00e1\u017een\u00fd a smyslupln\u00fd design, kter\u00fd dok\u00e1\u017ee c\u00edlen\u011b a efektivn\u011b p\u0159edat sv\u016fj dopad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tento \u010dl\u00e1nek se sna\u017e\u00ed tuto mezeru zaplnit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Aller_Anfang_%E2%80%A6\"><\/span>V\u0161echny za\u010d\u00e1tky...<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">... je obt\u00ed\u017en\u00e9. O \u00fasp\u011bchu \u010di ne\u00fasp\u011bchu rozhoduje motivace, nutnost a odhodl\u00e1n\u00ed. I zde plat\u00ed star\u00e9 p\u0159\u00edslov\u00ed \"bez bolesti nen\u00ed zisku\". Pokud tedy chcete, m\u016f\u017eete!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pokra\u010dujme tedy krok za krokem a prozkoumejme ka\u017ed\u00e9 z v\u00fd\u0161e uveden\u00fdch t\u00e9mat, nau\u010dme se pozad\u00ed, abychom dos\u00e1hli k\u00fd\u017een\u00e9ho \u00fasp\u011bchu s po\u017eadovan\u00fdm designem!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Schritt_fur_Schritt\"><\/span>Krok za krokem<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\u017eit\u00ed m\u00edstnosti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">P\u0159edstavme si, \u017ee m\u00e1me kr\u00e1sn\u00fd, velk\u00fd, sv\u011btl\u00fd pokoj, kter\u00fd m\u016f\u017eeme vybavit a navrhnout pomoc\u00ed st\u00e1vaj\u00edc\u00edch p\u0159edm\u011bt\u016f. St\u00e1vaj\u00edc\u00ed objekty m\u016f\u017eeme porovnat s p\u0159eddefinovan\u00fdmi prvky n\u00e1vrhu v aplikaci Canva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Stejn\u011b jako nebudeme skl\u00e1dat v\u0161echen n\u00e1bytek, koberce, obrazy atd. do jednoho rohu m\u00edstnosti, nebudeme ani grafick\u00e9 prvky vr\u0161it na sebe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prostor bude proto rozd\u011blen na \u010d\u00e1sti, kter\u00e9 l\u00e1kaj\u00ed k n\u00e1v\u0161t\u011bv\u011b, kter\u00e9 vyb\u00edzej\u00ed k setrv\u00e1n\u00ed, a na \u010d\u00e1sti, kter\u00e9 maj\u00ed \u010dist\u011b informa\u010dn\u00ed charakter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lze si tak\u00e9 p\u0159edstavit m\u0159\u00ed\u017eku, kter\u00e1 pokr\u00fdv\u00e1 m\u00edstnost a umo\u017e\u0148uje strukturovat uspo\u0159\u00e1d\u00e1n\u00ed r\u016fzn\u00fdch p\u0159edm\u011bt\u016f. Pom\u00e1h\u00e1 vytv\u00e1\u0159et \u0159\u00e1d, vodit div\u00e1ka za ruku a prov\u00e1zet ho obsahem. Nejprve rozpoznat d\u016fle\u017eit\u00e9 v\u011bci, pot\u00e9 si p\u0159e\u010d\u00edst vysv\u011btlen\u00ed a pochopit kvintesenci, a\u0165 u\u017e jde o datum, m\u00edsto a \u010das ud\u00e1losti, sch\u016fzku Zoomu nebo cokoli jin\u00e9ho. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I zb\u011b\u017en\u00fd pohled na n\u00e1vrh by m\u011bl div\u00e1kovi umo\u017enit zapamatovat si zb\u011b\u017en\u011b t\u0159i z\u00e1kladn\u00ed obsahy: o \u010dem se jedn\u00e1 (kl\u00ed\u010dov\u00e9 slovo a stru\u010dn\u00fd popis), kde a kdy se odehr\u00e1v\u00e1.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Balance\"><\/span>Bilance<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Konferen\u010dn\u00ed stolek um\u00edst\u00edme doprost\u0159ed m\u00edstnosti, pohovku a dv\u011b k\u0159esla p\u0159\u00edmo p\u0159ed n\u011bj a stojac\u00ed lampu doprost\u0159ed stolu. Pokud se chcete posadit na pohovku, mus\u00edte ji nejprve odsunout od stolu, abyste vytvo\u0159ili pot\u0159ebn\u00fd prostor. Tot\u00e9\u017e plat\u00ed pro v\u0161echny ostatn\u00ed, kte\u0159\u00ed si cht\u011bj\u00ed ud\u011blat pohodl\u00ed. A stojac\u00ed lampa okam\u017eit\u011b osln\u00ed ty, kte\u0159\u00ed sed\u00ed naproti, proto by m\u011bla b\u00fdt um\u00edst\u011bna d\u00e1le od stolu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tot\u00e9\u017e plat\u00ed i pro design: v\u017edy dbejte na to, abyste jednotliv\u00e9 textov\u00e9 a grafick\u00e9 prvky uspo\u0159\u00e1dali tak, aby si navz\u00e1jem neub\u00edraly prostor, ale naopak vytv\u00e1\u0159ely p\u0159ita\u017eliv\u00fd a snadno \u010diteln\u00fd vzhled ve vyv\u00e1\u017een\u00e9m odstupu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Toho lze dos\u00e1hnout bez jak\u00fdchkoli grafick\u00fdch prvk\u016f, jako jsou \u010d\u00e1ry, proto\u017ee textov\u00e9 \u010d\u00e1sti, kter\u00e9 maj\u00ed v\u0161echny stejn\u00e9 odsazen\u00ed, jsou tak\u00e9 zarovn\u00e1ny s touto pomyslnou \u010darou. Rozd\u011bluje n\u00e1vrh tak\u0159\u00edkaj\u00edc na dv\u011b poloviny. Druh\u00e1, pr\u00e1zdn\u00e1 polovina m\u016f\u017ee b\u00fdt opat\u0159ena grafick\u00fdm prvkem nebo dokonce v\u011bt\u0161\u00edm textem a p\u0159evz\u00edt vizu\u00e1ln\u00ed veden\u00ed pohledu div\u00e1ka.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pokud se rozhodnete pro grafick\u00fd prvek jako odd\u011blova\u010d mezi dv\u011bma textov\u00fdmi obsahy, stejn\u00e1 vzd\u00e1lenost mezi ob\u011bma textov\u00fdmi \u010d\u00e1stmi vlevo a vpravo od tohoto prvku zajist\u00ed dostate\u010dn\u00fd prostor pro d\u00fdch\u00e1n\u00ed, pot\u0159ebnou rovnov\u00e1hu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V p\u0159\u00edpad\u011b pochybnost\u00ed slou\u017e\u00ed pravidlo t\u0159etin k vyv\u00e1\u017eenosti ka\u017ed\u00e9ho n\u00e1vrhu: jedle um\u00edst\u011bn\u00e1 p\u0159esn\u011b uprost\u0159ed obrazu p\u0159ed horsk\u00fdm masivem pravd\u011bpodobn\u011b zp\u016fsob\u00ed div\u00e1kovi \"jaksi\" nep\u0159\u00edjemn\u00fd div\u00e1ck\u00fd z\u00e1\u017eitek. Pokud bude jedle um\u00edst\u011bna v prav\u00fdch dvou spodn\u00edch t\u0159etin\u00e1ch, horizont bude prob\u00edhat pod\u00e9l okraje do posledn\u00ed vodorovn\u00e9 t\u0159etiny, poho\u0159\u00ed v doln\u00ed t\u0159etin\u011b, zat\u00edmco horn\u00ed t\u0159etiny vypln\u00ed obloha, bude oko div\u00e1ka vn\u00edmat rozlehlost obrazu (poho\u0159\u00ed a obloha) a jako kontrapunkt jedli vpravo v pop\u0159ed\u00ed.<br>U pohybuj\u00edc\u00edch se objekt\u016f, jako je nap\u0159\u00edklad plachetnice, ur\u010duje polohu sm\u011br j\u00edzdy: Lo\u010f pluj\u00edc\u00ed zleva doprava proto nebude zobrazena uprost\u0159ed, ale pokud chcete zd\u016fraznit jej\u00ed p\u0159\u00edjezd, bude se pohybovat do obrazu zleva nebo z obrazu doprava.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">P\u0159i n\u00e1vrhu loga pom\u00e1h\u00e1 skute\u010dnost, \u017ee lich\u00fd po\u010det prvk\u016f p\u016fsob\u00ed p\u0159i pohledu vyv\u00e1\u017een\u00fdm dojmem. Obvykle jsou to t\u0159i, vz\u00e1cn\u011bji p\u011bt. Logo, kter\u00e9 p\u0159ipom\u00edn\u00e1 kulatou pe\u010de\u0165, m\u00e1 uprost\u0159ed samotn\u00e9 logo nebo jedno \u010di dv\u011b p\u00edsmena, p\u0159\u00edpadn\u011b propleten\u00e1, zat\u00edmco text je uspo\u0159\u00e1d\u00e1n v kruhu nad a pod n\u00edm.<br>Vyv\u00e1\u017een\u00fd n\u00e1pis m\u016f\u017ee b\u00fdt um\u00edst\u011bn tak\u00e9 vpravo a vlevo od loga, aby vytvo\u0159il vizu\u00e1ln\u00ed rovnov\u00e1hu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tak\u00e9 tzv. <em>Negativn\u00ed prostor<\/em> (b\u00edl\u00fd pr\u00e1zdn\u00fd prostor) slou\u017e\u00ed ke strukturov\u00e1n\u00ed, odstran\u011bn\u00ed \"nepo\u0159\u00e1dku\", tj. balastu, kter\u00fd znemo\u017e\u0148uje \u0159\u00edzen\u00e9 zobrazen\u00ed n\u00e1vrhu. M\u00e9n\u011b je \u010dasto v\u00edce!<br>B\u00edl\u00e9 m\u00edsto je jedin\u00fdm prvkem, kter\u00fd nen\u00ed explicitn\u011b p\u0159id\u00e1n. Je tam prost\u011b a nic ned\u011bl\u00e1. Nebo snad ano? Odd\u011bluje prvky od sebe, nazna\u010duje, \u017ee maj\u00ed b\u00fdt vn\u00edm\u00e1ny odd\u011blen\u011b jeden od druh\u00e9ho.<\/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 plak\u00e1tu<\/a><em>&nbsp;pro pmoretti<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">P\u0159i interaktivn\u00edm n\u00e1vrhu, nap\u0159. p\u0159i n\u00e1vrhu formul\u00e1\u0159\u016f, by m\u011bla b\u00fdt okam\u017eit\u011b rozpozn\u00e1na bl\u00edzkost n\u00e1zv\u016f pol\u00ed (nap\u0159. jm\u00e9no, telefon) k p\u0159\u00edslu\u0161n\u00e9mu poli. Pokud by byly n\u00e1zvy pol\u00ed nastaveny ve stejn\u00e9 vzd\u00e1lenosti od n\u00e1sleduj\u00edc\u00edho pole, jako je vzd\u00e1lenost od spodn\u00edho okraje pole k n\u00e1sleduj\u00edc\u00edmu n\u00e1zvu pole, doba zobrazen\u00ed by byla mnohem del\u0161\u00ed, ne\u017e kdy\u017e by n\u00e1zev pole n\u00e1sledoval bezprost\u0159edn\u011b za polem a n\u00e1sleduj\u00edc\u00ed n\u00e1zev pole (s p\u0159idru\u017een\u00fdm polem) by byl nastaven v jasn\u00e9 vzd\u00e1lenosti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">U rozs\u00e1hlej\u0161\u00edch formul\u00e1\u0159\u016f je u\u017eite\u010dn\u00e9 rozd\u011blen\u00ed do skupin. Pokud mus\u00edte vyplnit n\u011bkolik metr\u016f dlouh\u00fd formul\u00e1\u0159, obvykle se zastav\u00edte d\u0159\u00edve, ne\u017e \"vypln\u00edte\" jeho polovinu.<br>Seskupen\u00ed nazna\u010duje rychlej\u0161\u00ed postup a n\u00e1sledn\u011b vede k \u00fasp\u011b\u0161n\u00e9mu vypln\u011bn\u00ed a odesl\u00e1n\u00ed formul\u00e1\u0159e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ke zjednodu\u0161en\u00ed procesu slou\u017e\u00ed tak\u00e9 rozbalovac\u00ed nab\u00eddky, kter\u00e9 nab\u00edzej\u00ed logicky p\u0159eddefinovan\u00fd obsah pro rychl\u00fd v\u00fdb\u011br.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Strukturierung\"><\/span>Strukturov\u00e1n\u00ed<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">P\u0159il\u00e1kat pozornost je mo\u017en\u00e9 d\u00edky dobr\u00e9mu strukturov\u00e1n\u00ed. Dobr\u00fdm p\u0159\u00edkladem je domovsk\u00e1 str\u00e1nka spole\u010dnosti Google. Co m\u00e1 u\u017eivatel, kter\u00fd <em>Google<\/em> vol\u00e1n\u00ed? Co k tomu pot\u0159ebuje? Vyhled\u00e1vac\u00ed pole. Co najde? Jeho vyhled\u00e1vac\u00ed pole pod n\u00e1pisem <em><a href=\"https:\/\/google.de\" target=\"_blank\" rel=\"noreferrer noopener\">Google<\/a><\/em>kter\u00fd je neust\u00e1le p\u0159epracov\u00e1v\u00e1n, aby se zv\u00fd\u0161ila jeho atraktivita.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Protip\u0159\u00edkladem je vstupn\u00ed str\u00e1nka aplikace <em><a href=\"https:\/\/yahoo.de\" target=\"_blank\" rel=\"noreferrer noopener\">Yahoo<\/a><\/em>kter\u00fd sice zobrazuje vyhled\u00e1vac\u00ed pole na prvn\u00ed pozici na str\u00e1nce, ale na zb\u00fdvaj\u00edc\u00edch p\u0159ibli\u017en\u011b 95% zahlcuje div\u00e1ka dal\u0161\u00edm obsahem nebo alespo\u0148 odv\u00e1d\u00ed pozornost od skute\u010dn\u00e9ho \u00fa\u010delu n\u00e1v\u0161t\u011bvy.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lidsk\u00e1 pam\u011b\u0165 blokuje ned\u016fle\u017eit\u00e9 v\u011bci, aby se vyhnula p\u0159et\u00ed\u017een\u00ed a mohla se soust\u0159edit na d\u016fle\u017eit\u00e9 v\u011bci. Nicm\u00e9n\u011b toto vymaz\u00e1v\u00e1n\u00ed je tak\u00e9 funkc\u00ed mozku, a proto sni\u017euje zb\u00fdvaj\u00edc\u00ed schopnost soust\u0159edit se na podstatn\u00e9 v\u011bci.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kr\u00e1tkodob\u00e1 pam\u011b\u0165 je schopna ulo\u017eit v pr\u016fm\u011bru a\u017e sedm prvk\u016f. Pokud tedy chcete, aby nap\u0159\u00edklad obsah prezentace z\u016fstal dostupn\u00fd v kr\u00e1tkodob\u00e9 pam\u011bti, nesm\u00edte na jedn\u00e9 str\u00e1nce prezentovat v\u00edce ne\u017e t\u011bchto sedm prvk\u016f.<br>Ty mohou b\u00fdt tak\u00e9 vhodn\u011b strukturov\u00e1ny, nap\u0159. 3 + 4, 2 + 5 nebo naopak, aby se zd\u016fraznily body, kter\u00e9 k sob\u011b pat\u0159\u00ed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pro vytvo\u0159en\u00ed struktury je vhodn\u00e9 si nejprve vytvo\u0159it ment\u00e1ln\u00ed n\u00e1\u010drt, kter\u00fd zohledn\u00ed n\u00e1sleduj\u00edc\u00ed body:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Co je nejd\u016fle\u017eit\u011bj\u0161\u00ed informace (nejv\u011bt\u0161\u00ed prvek nebo vycentrovan\u00e9, tu\u010dn\u00e9 p\u00edsmo - selektivn\u00ed, proto\u017ee pokud je v\u0161e vyti\u0161t\u011bno tu\u010dn\u00fdm p\u00edsmem, ztr\u00e1c\u00ed zv\u00fdrazn\u011bn\u00e9 tu\u010dn\u00e9 p\u00edsmo sv\u016fj v\u00fdznam).<\/li>\n\n\n\n<li>Symetrick\u00e9 nebo asymetrick\u00e9 uspo\u0159\u00e1d\u00e1n\u00ed (ka\u017ed\u00fd prvek m\u00e1 svou v\u00e1hu)<\/li>\n\n\n\n<li>V\u00fdb\u011br barvy (90% v\u0161ech rozhodnut\u00ed, zda je v\u00fdrobek hodnocen kladn\u011b nebo z\u00e1porn\u011b, je u\u010din\u011bno b\u011bhem m\u00e9n\u011b ne\u017e 90 sekund pouze na z\u00e1klad\u011b barvy; barva zvy\u0161uje nap\u0159\u00edklad hodnotu rozpoznatelnosti zna\u010dky a\u017e o 80%).<\/li>\n\n\n\n<li>Kontrast (vytv\u00e1\u0159\u00ed prostor, hloubku)<\/li>\n\n\n\n<li>B\u00edl\u00e9 m\u00edsto (odd\u011blen\u00ed prvk\u016f)<\/li>\n\n\n\n<li>Proporce (pom\u011br vizu\u00e1ln\u00ed velikosti a hmotnosti prvk\u016f navz\u00e1jem)<\/li>\n\n\n\n<li>Pohyb (vizu\u00e1ln\u00ed, konzistentn\u00ed veden\u00ed obsahem; pokud p\u0159i prohl\u00ed\u017een\u00ed n\u011bkde naraz\u00edte, je t\u0159eba design opravit).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">V praxi je dal\u0161\u00edm krokem p\u0159enesen\u00ed textov\u00e9ho obsahu na pap\u00edr. Pot\u00e9 n\u00e1sleduj\u00ed obr\u00e1zky produkt\u016f. Nyn\u00ed je mo\u017en\u00e9 um\u00edstit jednotliv\u00e9 prvky. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Farblehre\"><\/span>Teorie barev<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Pro\u010d byste se m\u011bli zab\u00fdvat teori\u00ed barev? Jednak barvy hraj\u00ed kl\u00ed\u010dovou roli p\u0159i hodnocen\u00ed obsahu designu, jednak se mohou skv\u011ble maskovat. Maskovat v tom smyslu, \u017ee v tisku mohou vypadat \u00fapln\u011b jinak ne\u017e na monitoru nebo na soci\u00e1ln\u00edch s\u00edt\u00edch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je to proto, \u017ee v tisku p\u0159evl\u00e1d\u00e1 barevn\u00fd syst\u00e9m CMYK (subtraktivn\u00ed; p\u0159id\u00e1n\u00edm dal\u0161\u00ed barvy ub\u00edr\u00e1te pap\u00edru \"sv\u011btlo\"), ale ve sv\u011bt\u011b digit\u00e1ln\u00ed reprodukce p\u0159evl\u00e1d\u00e1 syst\u00e9m RGB (aditivn\u00ed; v\u0161echny barvy dohromady d\u00e1vaj\u00ed b\u00edlou). <br>D\u0159\u00edve syt\u00e1 \u010derven\u00e1 CMYK v tisku se v soci\u00e1ln\u00edch m\u00e9di\u00edch zobrazuje pouze jako bled\u011b \u010derven\u00e1. Pokud je p\u0159evedena do RGB a pot\u00e9 sd\u00edlena na soci\u00e1ln\u00edch s\u00edt\u00edch, je op\u011bt vid\u011bt zam\u00fd\u0161len\u00e1 \u010derven\u00e1,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V podstat\u011b je zde 12 barev, stejn\u011b jako pastelky, kter\u00e9 jsme obdivovali v hodin\u00e1ch v\u00fdtvarn\u00e9 v\u00fdchovy a vytv\u00e1\u0159eli s nimi ta nejlep\u0161\u00ed um\u011bleck\u00e1 d\u00edla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Sir Isaac Newton <\/em>v roce 1704 navrhl prvn\u00ed barevn\u00fd kruh, kter\u00fd se skl\u00e1dal ze t\u0159\u00ed z\u00e1kladn\u00edch barev (\u010derven\u00e1, \u017elut\u00e1, modr\u00e1), t\u0159\u00ed sekund\u00e1rn\u00edch barev (sm\u00ed\u0161en\u00e9 barvy vznikl\u00e9 ze z\u00e1kladn\u00edch barev) a \u0161esti terci\u00e1rn\u00edch barev (vznikl\u00fdch sm\u00edch\u00e1n\u00edm z\u00e1kladn\u00edch a sekund\u00e1rn\u00edch barev).<\/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 class=\"wp-block-paragraph\">Barvy vn\u00edman\u00e9 jako tepl\u00e9 tvo\u0159\u00ed levou polovinu barevn\u00e9ho kruhu, barvy ozna\u010dovan\u00e9 jako studen\u00e9 tvo\u0159\u00ed pravou polovinu. Vn\u00edm\u00e1n\u00ed \"teploty\" se odr\u00e1\u017e\u00ed tak\u00e9 ve fyzik\u00e1ln\u00ed teplot\u011b barev (<em>K = Kelvin<\/em>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Odst\u00edny p\u0159id\u00e1vaj\u00ed do barevn\u00e9ho t\u00f3nu \u010dernou barvu s r\u016fznou intenzitou, zat\u00edmco t\u00f3ny p\u0159id\u00e1vaj\u00ed b\u00edlou. Jeden t\u00f3n naopak dopl\u0148uje \u010dernou a b\u00edlou, tedy \u0161edou.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dopl\u0148kov\u00e9 barvy jsou barvy, kter\u00e9 le\u017e\u00ed v kruhu Fab naproti sob\u011b.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Analogick\u00e9 barvy le\u017e\u00ed na barevn\u00e9m kruhu vedle sebe (\u010derven\u00e1, oran\u017eov\u00e1, \u017elut\u00e1). Jedna barva dominuje (vede), druh\u00e1 ji podporuje a t\u0159et\u00ed vytv\u00e1\u0159\u00ed akcenty.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Farbassoziationen\"><\/span>Barevn\u00e9 asociace<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Modr\u00e1<br>- Pozitivn\u00ed: d\u016fslednost, kompetence, s\u00edla, kvalita, produktivita, klid, jistota, d\u016fv\u011bra, moudrost, spolehlivost.<br>- Negativn\u00ed: omezuje chu\u0165 k j\u00eddlu (nevhodn\u00e9 pro j\u00eddlo)<\/li>\n\n\n\n<li>Hn\u011bd\u00e1<br>- Pozitivn\u00ed: mu\u017enost, p\u0159irozenost, odolnost, spolehlivost<br>- Negativn\u00ed: nevhodn\u00e9 pro v\u00fdzvy k akci<\/li>\n\n\n\n<li>\u017dlut\u00fd<br>- Pozitivn\u00ed: radost, p\u0159\u00e1telskost, \u0161t\u011bst\u00ed, ml\u00e1d\u00ed, kompetence<br>- Negativn\u00ed: Podvod, zbab\u011blost, \u0161patn\u00e1 kvalita<\/li>\n\n\n\n<li>Grey<br>- Pozitiva: s\u00edla charakteru, form\u00e1lnost, prakti\u010dnost, profesionalita, nad\u010dasovost.<br>- Negativa: Vzd\u00e1lenost, chlad, nuda<\/li>\n\n\n\n<li>Zelen\u00e1<br>- Pozitivn\u00ed: osv\u011b\u017een\u00ed, zotaven\u00ed, zdrav\u00ed, nad\u011bje, p\u0159\u00edroda, r\u016fst, prosperita<br>- Negativn\u00ed: Z\u00e1vist<\/li>\n\n\n\n<li>Orange<br>- Pozitivn\u00ed: energie, \u0161t\u011bst\u00ed, optimismus<br>- Negativn\u00ed: nab\u00e1d\u00e1 k opatrnosti<\/li>\n\n\n\n<li>R\u016f\u017eov\u00e1<br>- Pozitivn\u00ed: Laskavost, jemnost, \u017eenskost<br>- Negativn\u00ed: -<\/li>\n\n\n\n<li>\u010cerven\u00e1<br>- Pozitivn\u00ed: v\u00e1\u0161e\u0148, l\u00e1ska, s\u00edla<br>- Negativn\u00ed: ohe\u0148, nebezpe\u010d\u00ed, n\u00e1sil\u00ed, v\u00e1lka, hn\u011bv<\/li>\n\n\n\n<li>\u010cern\u00e1 - <br>- Pozitivn\u00ed: autorita, zlo, elegance, extravagance, moc<br>- Negativn\u00ed: Hrozba, tajemstv\u00ed, vzpoura, smrt, smutek<\/li>\n\n\n\n<li>Violet - <br>- Pozitivn\u00ed: autorita, moc, kreativita, kultivovanost, respekt, duchovno, moudrost, prosperita.<br>- Negativn\u00ed: smutek, odm\u011b\u0159enost (tmav\u00e9 t\u00f3ny)<\/li>\n\n\n\n<li>B\u00edl\u00e1 - <br>- Pozitivn\u00ed: m\u00edr, \u010distota, nevinnost<br>- Negativn\u00ed: <br><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Nyn\u00ed m\u016f\u017eete za\u010d\u00edt s odpov\u00eddaj\u00edc\u00edm barevn\u00fdm designem. Pokud m\u00e1 b\u00fdt text pou\u017eit na barevn\u00e9m pozad\u00ed, mus\u00ed b\u00fdt kontrast mezi pozad\u00edm a textem dostate\u010dn\u00fd, aby bylo zaji\u0161t\u011bno plynul\u00e9 a bezprobl\u00e9mov\u00e9 \u010dten\u00ed.<br>\u0160patnou volbou je \u010dern\u00fd text na tmav\u011b modr\u00e9m pozad\u00ed nebo \u017elut\u00fd text na oran\u017eov\u00e9m pozad\u00ed.<br>V p\u0159\u00edpad\u011b text\u016f um\u00edst\u011bn\u00fdch p\u0159es fotografie m\u016f\u017ee b\u00fdt nutn\u00e9 um\u00edstit b\u00edl\u00fd text na tmavou \u010d\u00e1st a \u010dern\u00fd text na sv\u011btlej\u0161\u00ed \u010d\u00e1st obr\u00e1zku.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Typographie\"><\/span>Typografie<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kdy\u017e u\u017e si mysl\u00edte, \u017ee jste dos\u00e1hli c\u00edle \u00fasp\u011b\u0161n\u00e9ho designu, naraz\u00edte na dal\u0161\u00ed p\u0159ek\u00e1\u017eku. co je to typografie?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Typografie ovliv\u0148uje v\u0161e, od v\u00fdb\u011bru a\u017e po rozvr\u017een\u00ed p\u00edsma. P\u00edsmo slou\u017e\u00ed nejen k p\u0159ed\u00e1n\u00ed hlavn\u00edho sd\u011blen\u00ed, ale tak\u00e9 k vyj\u00e1d\u0159en\u00ed va\u0161eho sebeobrazu a \u00fa\u010delu. Aby se to poda\u0159ilo, je d\u016fle\u017eit\u00e9 typografii rozum\u011bt, abyste ji dok\u00e1zali spr\u00e1vn\u011b pou\u017e\u00edvat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Stejn\u011b jako je p\u0159i u\u010den\u00ed se ciz\u00edmu jazyku z\u00e1sadn\u00ed slovn\u00ed z\u00e1soba, pot\u0159ebuje i typografie slovn\u00ed z\u00e1sobu:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Rodina p\u00edsma<\/em><br>Rodina p\u00edsem obsahuje p\u0159\u00edbuzn\u00e1 p\u00edsma r\u016fzn\u00fdch \u0161\u00ed\u0159ek, vah a gram\u00e1\u017e\u00ed se spole\u010dn\u00fdmi form\u00e1ln\u00edmi vlastnostmi.<\/li>\n\n\n\n<li><em>P\u00edsmo<\/em><br>P\u00edsmo je soubor glyf\u016f (p\u00edsmen, \u010d\u00edslic, interpunk\u010dn\u00edch znam\u00e9nek a symbol\u016f), kter\u00e9 jsou navr\u017eeny zp\u016fsobem typick\u00fdm pro p\u0159\u00edslu\u0161n\u00e9 p\u00edsmo, nap\u0159. <em>Helvetica<\/em>, <em>Times New Roman<\/em>. <br>V digit\u00e1ln\u00edm sv\u011bt\u011b se p\u00edsmo ozna\u010duje jako <em>P\u00edsmo<\/em> ozna\u010den\u00e9.<\/li>\n\n\n\n<li>Velikost p\u00edsma<br>Hmotnost p\u00edsma popisuje tlou\u0161\u0165ku tah\u016f, kter\u00e9 tvo\u0159\u00ed znaky, a vyjad\u0159uje se jako <em>sv\u011btlo<\/em>, <em>norm\u00e1ln\u00ed<\/em>, <em>tu\u010dn\u011b<\/em> nebo <em>extra tuk<\/em> ozna\u010den\u00e9.<\/li>\n\n\n\n<li>Velikost p\u00edsma<br>Velikost p\u00edsma je <em>Bod<\/em> (<em>Pt.<\/em>odpov\u00edd\u00e1 1\/72 palce; velikost p\u00edsma 6 pt je 2,1 mm vysok\u00e1, co\u017e je typick\u00e9 \"mal\u00e9 p\u00edsmo\").<\/li>\n\n\n\n<li>Styl p\u00edsma<br>Styly p\u00edsma poskytuj\u00ed informace o vzhledu, nap\u0159\u00edklad Sans Serif (nap\u0159. Helvetica), Serif (<font face=\"Times New Roman\">Times New Roman<\/font>) nebo skript (nap\u0159. <font face=\"Lucida Handwriting\">Rukopis Lucida<\/font>) nebo ozdobn\u00fdmi n\u00e1pisy (nap\u0159.&nbsp;&nbsp;&nbsp;&nbsp;<font face=\"Amsterdam\">Amsterdam<\/font>).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Vzhledem k rozmanitosti \"kr\u00e1sn\u00fdch\" p\u00edsem budete rychle v poku\u0161en\u00ed zahrnout je do sv\u00e9ho n\u00e1vrhu, ale - p\u0159esta\u0148te!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Div\u00e1ci maj\u00ed tak\u00e9 preference pro p\u00edsma. N\u011bkter\u00e1 jsou neobl\u00edben\u00e1 nebo nadu\u017e\u00edvan\u00e1, jin\u00e1 jsou ne\u010diteln\u00e1. V\u00fdb\u011br p\u00edsma by m\u011bl b\u00fdt pe\u010dliv\u00fd. Jedno pro nadpis, jin\u00e9 pro hlavn\u00ed text. Maxim\u00e1ln\u011b t\u0159et\u00ed do skupiny, t\u0159eba jako podtitul - nic v\u00edc!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jasn\u00e1 hierarchie vede \u010dten\u00e1\u0159e po po\u017eadovan\u00e9 cest\u011b \u010dten\u00ed a poskytne mu v\u0161echny zam\u00fd\u0161len\u00e9 informace, snadno, zapamatovateln\u011b.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pokud m\u00e1te m\u00e1lo m\u00edsta, jednodu\u0161e zvol\u00edte men\u0161\u00ed p\u00edsmo a\u017e po \"drobn\u00e9 p\u00edsmo\", aby se do n\u011bj ve\u0161el cel\u00fd obsah. \u0160patn\u011b! Alespo\u0148 pokud m\u00e1 \u010dten\u00e1\u0159 obsah pln\u011b vn\u00edmat a pochopit. Nikdo p\u0159ece nebude text pe\u010dliv\u011b zkoumat lupou.<br>To znamen\u00e1: zkr\u00e1tit text, omezit ho na to nejnutn\u011bj\u0161\u00ed a v p\u0159\u00edpad\u011b pot\u0159eby zm\u011bnit p\u00edsmo, aby bylo sd\u011blen\u00ed na jedn\u00e9 stran\u011b pln\u011b p\u0159ed\u00e1no a na druh\u00e9 stran\u011b se zachoval po\u017eitek ze \u010dten\u00ed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Textausrichtung\"><\/span>Zarovn\u00e1n\u00ed textu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">T\u011bla textu lze uspo\u0159\u00e1dat \u010dty\u0159mi zp\u016fsoby: Na st\u0159ed, zarovnan\u00fd vlevo nebo zarovnan\u00fd vpravo s od\u016fvodn\u011bn\u00edm nebo zarovnan\u00fd.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tyto texty jsou zde naps\u00e1ny v sazb\u011b zarovnan\u00e9 vlevo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Justifikace je nucen\u00e9 zarovn\u00e1n\u00ed slov ka\u017ed\u00e9ho \u0159\u00e1dku doleva a doprava. To m\u016f\u017ee vytv\u00e1\u0159et nep\u0159irozen\u00e9 rozestupy mezi slovy, co\u017e zt\u011b\u017euje \u010dten\u00ed. Oko je zvykl\u00e9 o\u010dek\u00e1vat pravideln\u00e9 rozestupy mezi slovy a c\u00edt\u00ed se podr\u00e1\u017ed\u011bn\u00e9, pokud nejsou podle o\u010dek\u00e1v\u00e1n\u00ed.<\/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 - D\u011bvky a \u0161evci<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Co \u017ee to je? Ne, to jsou jen typografick\u00e9 v\u00fdrazy, kter\u00e9 ozna\u010duj\u00ed chyby v sazb\u011b.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0160evc\u016fv chlapec je samostatn\u00fd \u0159\u00e1dek odstavce na konci str\u00e1nky, d\u011bv\u010dino d\u00edt\u011b je stejn\u011b odd\u011blen\u00e9 pokra\u010dov\u00e1n\u00ed v\u011bty odstavce na n\u00e1sleduj\u00edc\u00edm za\u010d\u00e1tku str\u00e1nky.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Takov\u00e9 konstelace naru\u0161uj\u00ed plynulost \u010dten\u00ed, jsou neestetick\u00e9, a proto je t\u0159eba se jim vyhnout.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hintergrund-Design\"><\/span>Design pozad\u00ed<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pozad\u00ed nese v\u0161echny prvky designu, obr\u00e1zky, nadpisy a textov\u00fd obsah. M\u011blo by b\u00fdt proto nen\u00e1padn\u00e9, aby nezt\u011b\u017eovalo \u010dten\u00ed text\u016f nebo se netla\u010dilo do pop\u0159ed\u00ed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">P\u0159i vhodn\u00e9m uspo\u0159\u00e1d\u00e1n\u00ed, nap\u0159. opakuj\u00edc\u00edch se, i kdy\u017e r\u016fzn\u00fdch rubrik, m\u016f\u017ee pozad\u00ed p\u0159evz\u00edt i organiza\u010dn\u00ed \u00fakoly.<br>P\u0159edpokl\u00e1dejme, \u017ee na ka\u017ed\u00e9 str\u00e1nce jsou pops\u00e1ny stejn\u00e9 produkty, ale ozna\u010den\u00e9 r\u016fzn\u00fdmi barvami. P\u0159\u00edslu\u0161n\u00e1 barva produktu pak m\u016f\u017ee slou\u017eit jako pozad\u00ed pro titulek. To znamen\u00e1, \u017ee odkaz na popisovan\u00fd v\u00fdrobek je d\u00e1n ji\u017e samotnou barvou.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pozad\u00ed tedy nen\u00ed n\u011bco, co je zneu\u017e\u00edv\u00e1no k potla\u010den\u00ed b\u00edl\u00e9 pr\u00e1zdnoty, ale prvek, kter\u00fd m\u016f\u017ee poskytnout hierarchii, \u0159\u00e1d a informace.<\/p>","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Doba \u010dten\u00ed<\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">minuty<\/span><\/span>Online n\u00e1stroj Canva byl spu\u0161t\u011bn v australsk\u00e9m Sydney v roce 2012 s posl\u00e1n\u00edm \"Empowering the world to design\" (Umo\u017enit sv\u011btu navrhovat) a umo\u017enit grafick\u00fd design ka\u017ed\u00e9mu. Melanie Perkinsov\u00e1, Cliff Obrecht a Cameron Adams sleduj\u00ed p\u0159edev\u0161\u00edm c\u00edl \"pozitivn\u011b ovlivnit sv\u011bt t\u00edm, \u017ee ud\u011blaj\u00ed co nejv\u00edce dobr\u00e9ho\". Pod\u00edlej\u00ed se tak\u00e9 na \"druh\u00e9 \u00farovni\", kter\u00e1 p\u0159edstavuje \u010dty\u0159i pil\u00ed\u0159e, a to \"neziskov\u00e9 organizace...&nbsp;<a href=\"https:\/\/csiag.eu\/cs\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/\" rel=\"bookmark\">\u010c\u00edst d\u00e1le \"<span class=\"screen-reader-text\">Canva - grafick\u00fd design pro 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\/cs\/wp-json\/wp\/v2\/posts\/9982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csiag.eu\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csiag.eu\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csiag.eu\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csiag.eu\/cs\/wp-json\/wp\/v2\/comments?post=9982"}],"version-history":[{"count":0,"href":"https:\/\/csiag.eu\/cs\/wp-json\/wp\/v2\/posts\/9982\/revisions"}],"wp:attachment":[{"href":"https:\/\/csiag.eu\/cs\/wp-json\/wp\/v2\/media?parent=9982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csiag.eu\/cs\/wp-json\/wp\/v2\/categories?post=9982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csiag.eu\/cs\/wp-json\/wp\/v2\/tags?post=9982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}