Canva - grafický design pro každého?

Doba čtení 10 minuty

Aktualizováno - Červen 1, 2025

Online nástroj Canva byla založena v australském Sydney v roce 2012 s posláním "Empowering the world to design", aby umožnila grafický design každému.

Melanie Perkins, Cliff Obrecht a Cameron Adams primárně sledují cíl "pozitivně ovlivnit svět tím, že udělají co nejvíce dobrého".
Podílejí se také na "Druhá úroveň", který představuje čtyři pilíře, a to "Posílení neziskových organizací", "Zajištění základních lidských potřeb", "Umožnění kvalitního vzdělávání" a "Podpora místních komunit".

Stanovení cen

Základní funkce nástroje jsou zdarma. Pokud však chcete dělat něco víc než jen základní grafické návrhy, jejich rozsah je velmi omezený.

Placená verze Pro nabízí plnou - a velmi rozsáhlou - škálu funkcí. Verze Teams umožňuje používat licenci nejméně třem uživatelům. Ta je k dispozici za roční předplatné 100 USD na uživatele. Za cenu přibližně 8 eur měsíčně se jedná o velmi férovou nabídku, která je v souladu s filozofií společnosti.

Rozsah služeb - cílová skupina

Rozsah služeb je více než působivý. Neexistuje téměř nic, co by nebylo možné realizovat. Fonty, typy písma, velikosti písma, barvy písma, grafické prvky, fotografie, videa, umělá inteligence, návrhy pozadí, dokonce i odstranění pozadí fotografií je elegantně vyřešeno jedním kliknutím, většinou stejně, samozřejmě v závislosti na složitosti téhož.

Seznam všech možností by pravděpodobně zaplnil několik stránek. Rozhodně je na čase je vyzkoušet - samozřejmě zdarma.

Pokud jste grafik, budete se držet profesionálních programů, protože nabízejí nejen stejný, ale i mnohem individuálnější rozsah služeb. Zkušenosti s používáním takových programů jsou však nezbytné a křivka učení je odpovídajícím způsobem strmá, pokud jste grafický design nestudovali a nemohli jste tedy získat praktické zkušenosti.

Cílovou skupinou jsou tedy převážně neprofesionálové, kteří by měli být schopni pomocí nabízených nástrojů vytvářet grafiku, která postačí pro příležitostné a soukromé použití. Cílovou skupinou jsou však i menší firmy, které si nemohou dovolit grafika a nechtějí zadávat práci externím firmám.

Aplikace

Rád bych porovnal použití nabízeného nářadí s velkou sadou nářadí elektrikáře nebo automechanika.

Laik má tedy k dispozici všechny nástroje, které potřebuje k provedení konkrétní práce. Ale co si počít se všemi těmi šroubováky, kleštěmi, odizolovacími kleštěmi, měřicími přístroji, sadami matic, ráčnami, klíči a očkovými klíči atd.?
Můžeme skutečně vyřešit - poněkud složitější - technický problém pouze pomocí nástroje bez odborných znalostí?

Canva k tomuto účelu nabízí videonávody na různá témata. Jsou vhodné pro získání první představy o tom, jak používat nástroje a vytvářet vlastní design.

Základy

Základy využití prostoru, vyváženosti prvků, strukturování, textury, tvarů, linií, barev, typografie, textury a značky jsou bohužel ponechány volné fantazii uživatele.

Právě tyto aspekty jsou však rozhodující pro atraktivní, vyvážený a smysluplný design, který dokáže cíleně a efektivně předat svůj dopad.

Tento článek se snaží tuto mezeru zaplnit.

Všechny začátky...

... je obtížné. O úspěchu či neúspěchu rozhoduje motivace, nutnost a odhodlání. I zde platí staré přísloví "bez bolesti není zisku". Pokud tedy chcete, můžete!

Pokračujme tedy krok za krokem a prozkoumejme každé z výše uvedených témat, naučme se pozadí, abychom dosáhli kýženého úspěchu s požadovaným designem!

Krok za krokem

Využití místnosti

Představme si, že máme krásný, velký, světlý pokoj, který můžeme vybavit a navrhnout pomocí stávajících předmětů. Stávající objekty můžeme porovnat s předdefinovanými prvky návrhu v aplikaci Canva.

Stejně jako nebudeme skládat všechen nábytek, koberce, obrazy atd. do jednoho rohu místnosti, nebudeme ani grafické prvky vršit na sebe.

Prostor bude proto rozdělen na části, které lákají k návštěvě, které vybízejí k setrvání, a na části, které mají čistě informační charakter.

Lze si také představit mřížku, která pokrývá místnost a umožňuje strukturovat uspořádání různých předmětů. Pomáhá vytvářet řád, vodit diváka za ruku a provázet ho obsahem. Nejprve rozpoznat důležité věci, poté si přečíst vysvětlení a pochopit kvintesenci, ať už jde o datum, místo a čas události, schůzku Zoomu nebo cokoli jiného.

I zběžný pohled na návrh by měl divákovi umožnit zapamatovat si zběžně tři základní obsahy: o čem se jedná (klíčové slovo a stručný popis), kde a kdy se odehrává.

Bilance

Konferenční stolek umístíme doprostřed místnosti, pohovku a dvě křesla přímo před něj a stojací lampu doprostřed stolu. Pokud se chcete posadit na pohovku, musíte ji nejprve odsunout od stolu, abyste vytvořili potřebný prostor. Totéž platí pro všechny ostatní, kteří si chtějí udělat pohodlí. A stojací lampa okamžitě oslní ty, kteří sedí naproti, proto by měla být umístěna dále od stolu.

Totéž platí i pro design: vždy dbejte na to, abyste jednotlivé textové a grafické prvky uspořádali tak, aby si navzájem neubíraly prostor, ale naopak vytvářely přitažlivý a snadno čitelný vzhled ve vyváženém odstupu.

Toho lze dosáhnout bez jakýchkoli grafických prvků, jako jsou čáry, protože textové části, které mají všechny stejné odsazení, jsou také zarovnány s touto pomyslnou čarou. Rozděluje návrh takříkajíc na dvě poloviny. Druhá, prázdná polovina může být opatřena grafickým prvkem nebo dokonce větším textem a převzít vizuální vedení pohledu diváka.

Pokud se rozhodnete pro grafický prvek jako oddělovač mezi dvěma textovými obsahy, stejná vzdálenost mezi oběma textovými částmi vlevo a vpravo od tohoto prvku zajistí dostatečný prostor pro dýchání, potřebnou rovnováhu.

V případě pochybností slouží pravidlo třetin k vyváženosti každého návrhu: jedle umístěná přesně uprostřed obrazu před horským masivem pravděpodobně způsobí divákovi "jaksi" nepříjemný divácký zážitek. Pokud bude jedle umístěna v pravých dvou spodních třetinách, horizont bude probíhat podél okraje do poslední vodorovné třetiny, pohoří v dolní třetině, zatímco horní třetiny vyplní obloha, bude oko diváka vnímat rozlehlost obrazu (pohoří a obloha) a jako kontrapunkt jedli vpravo v popředí.
U pohybujících se objektů, jako je například plachetnice, určuje polohu směr jízdy: Loď plující zleva doprava proto nebude zobrazena uprostřed, ale pokud chcete zdůraznit její příjezd, bude se pohybovat do obrazu zleva nebo z obrazu doprava.

Při návrhu loga pomáhá skutečnost, že lichý počet prvků působí při pohledu vyváženým dojmem. Obvykle jsou to tři, vzácněji pět. Logo, které připomíná kulatou pečeť, má uprostřed samotné logo nebo jedno či dvě písmena, případně propletená, zatímco text je uspořádán v kruhu nad a pod ním.
Vyvážený nápis může být umístěn také vpravo a vlevo od loga, aby vytvořil vizuální rovnováhu.

Také tzv. Negativní prostor (bílý prázdný prostor) slouží ke strukturování, odstranění "nepořádku", tj. balastu, který znemožňuje řízené zobrazení návrhu. Méně je často více!
Bílé místo je jediným prvkem, který není explicitně přidán. Je tam prostě a nic nedělá. Nebo snad ano? Odděluje prvky od sebe, naznačuje, že mají být vnímány odděleně jeden od druhého.

Při interaktivním návrhu, např. při návrhu formulářů, by měla být okamžitě rozpoznána blízkost názvů polí (např. jméno, telefon) k příslušnému poli. Pokud by byly názvy polí nastaveny ve stejné vzdálenosti od následujícího pole, jako je vzdálenost od spodního okraje pole k následujícímu názvu pole, doba zobrazení by byla mnohem delší, než když by název pole následoval bezprostředně za polem a následující název pole (s přidruženým polem) by byl nastaven v jasné vzdálenosti.

U rozsáhlejších formulářů je užitečné rozdělení do skupin. Pokud musíte vyplnit několik metrů dlouhý formulář, obvykle se zastavíte dříve, než "vyplníte" jeho polovinu.
Seskupení naznačuje rychlejší postup a následně vede k úspěšnému vyplnění a odeslání formuláře.

Ke zjednodušení procesu slouží také rozbalovací nabídky, které nabízejí logicky předdefinovaný obsah pro rychlý výběr.

Strukturování

Přilákat pozornost je možné díky dobrému strukturování. Dobrým příkladem je domovská stránka společnosti Google. Co má uživatel, který Google volání? Co k tomu potřebuje? Vyhledávací pole. Co najde? Jeho vyhledávací pole pod nápisem Googlekterý je neustále přepracováván, aby se zvýšila jeho atraktivita.

Protipříkladem je vstupní stránka aplikace Yahookterý sice zobrazuje vyhledávací pole na první pozici na stránce, ale na zbývajících přibližně 95% zahlcuje diváka dalším obsahem nebo alespoň odvádí pozornost od skutečného účelu návštěvy.

Lidská paměť blokuje nedůležité věci, aby se vyhnula přetížení a mohla se soustředit na důležité věci. Nicméně toto vymazávání je také funkcí mozku, a proto snižuje zbývající schopnost soustředit se na podstatné věci.

Krátkodobá paměť je schopna uložit v průměru až sedm prvků. Pokud tedy chcete, aby například obsah prezentace zůstal dostupný v krátkodobé paměti, nesmíte na jedné stránce prezentovat více než těchto sedm prvků.
Ty mohou být také vhodně strukturovány, např. 3 + 4, 2 + 5 nebo naopak, aby se zdůraznily body, které k sobě patří.

Pro vytvoření struktury je vhodné si nejprve vytvořit mentální náčrt, který zohlední následující body:

• Co je nejdůležitější informace (největší prvek nebo vycentrované, tučné písmo - selektivní, protože pokud je vše vytištěno tučným písmem, ztrácí zvýrazněné tučné písmo svůj význam).
• Symetrické nebo asymetrické uspořádání (každý prvek má svou váhu)
• Výběr barvy (90% všech rozhodnutí, zda je výrobek hodnocen kladně nebo záporně, je učiněno během méně než 90 sekund pouze na základě barvy; barva zvyšuje například hodnotu rozpoznatelnosti značky až o 80%).
• Kontrast (vytváří prostor, hloubku)
• Bílé místo (oddělení prvků)
• Proporce (poměr vizuální velikosti a hmotnosti prvků navzájem)
• Pohyb (vizuální, konzistentní vedení obsahem; pokud při prohlížení někde narazíte, je třeba design opravit).

V praxi je dalším krokem přenesení textového obsahu na papír. Poté následují obrázky produktů. Nyní je možné umístit jednotlivé prvky.

Teorie barev

Proč byste se měli zabývat teorií barev? Jednak barvy hrají klíčovou roli při hodnocení obsahu designu, jednak se mohou skvěle maskovat. Maskovat v tom smyslu, že v tisku mohou vypadat úplně jinak než na monitoru nebo na sociálních sítích.

Je to proto, že v tisku převládá barevný systém CMYK (subtraktivní; přidáním další barvy ubíráte papíru "světlo"), ale ve světě digitální reprodukce převládá systém RGB (aditivní; všechny barvy dohromady dávají bílou).
Dříve sytá červená CMYK v tisku se v sociálních médiích zobrazuje pouze jako bledě červená. Pokud je převedena do RGB a poté sdílena na sociálních sítích, je opět vidět zamýšlená červená,

V podstatě je zde 12 barev, stejně jako pastelky, které jsme obdivovali v hodinách výtvarné výchovy a vytvářeli s nimi ta nejlepší umělecká díla.

Sir Isaac Newton v roce 1704 navrhl první barevný kruh, který se skládal ze tří základních barev (červená, žlutá, modrá), tří sekundárních barev (smíšené barvy vzniklé ze základních barev) a šesti terciárních barev (vzniklých smícháním základních a sekundárních barev).

Barvy vnímané jako teplé tvoří levou polovinu barevného kruhu, barvy označované jako studené tvoří pravou polovinu. Vnímání "teploty" se odráží také ve fyzikální teplotě barev (K = Kelvin).

Odstíny přidávají do barevného tónu černou barvu s různou intenzitou, zatímco tóny přidávají bílou. Jeden tón naopak doplňuje černou a bílou, tedy šedou.

Doplňkové barvy jsou barvy, které leží v kruhu Fab naproti sobě.

Analogické barvy leží na barevném kruhu vedle sebe (červená, oranžová, žlutá). Jedna barva dominuje (vede), druhá ji podporuje a třetí vytváří akcenty.

Barevné asociace

• Modrá
  - Pozitivní: důslednost, kompetence, síla, kvalita, produktivita, klid, jistota, důvěra, moudrost, spolehlivost.
  - Negativní: omezuje chuť k jídlu (nevhodné pro jídlo)
• Hnědá
  - Pozitivní: mužnost, přirozenost, odolnost, spolehlivost
  - Negativní: nevhodné pro výzvy k akci
• Žlutý
  - Pozitivní: radost, přátelskost, štěstí, mládí, kompetence
  - Negativní: Podvod, zbabělost, špatná kvalita
• Grey
  - Pozitiva: síla charakteru, formálnost, praktičnost, profesionalita, nadčasovost.
  - Negativa: Vzdálenost, chlad, nuda
• Zelená
  - Pozitivní: osvěžení, zotavení, zdraví, naděje, příroda, růst, prosperita
  - Negativní: Závist
• Orange
  - Pozitivní: energie, štěstí, optimismus
  - Negativní: nabádá k opatrnosti
• Růžová
  - Pozitivní: Laskavost, jemnost, ženskost
  - Negativní: -
• Červená
  - Pozitivní: vášeň, láska, síla
  - Negativní: oheň, nebezpečí, násilí, válka, hněv
• Černá -
  - Pozitivní: autorita, zlo, elegance, extravagance, moc
  - Negativní: Hrozba, tajemství, vzpoura, smrt, smutek
• Violet -
  - Pozitivní: autorita, moc, kreativita, kultivovanost, respekt, duchovno, moudrost, prosperita.
  - Negativní: smutek, odměřenost (tmavé tóny)
• Bílá -
  - Pozitivní: mír, čistota, nevinnost
  - Negativní:
  

Nyní můžete začít s odpovídajícím barevným designem. Pokud má být text použit na barevném pozadí, musí být kontrast mezi pozadím a textem dostatečný, aby bylo zajištěno plynulé a bezproblémové čtení.
Špatnou volbou je černý text na tmavě modrém pozadí nebo žlutý text na oranžovém pozadí.
V případě textů umístěných přes fotografie může být nutné umístit bílý text na tmavou část a černý text na světlejší část obrázku.

Typografie

Když už si myslíte, že jste dosáhli cíle úspěšného designu, narazíte na další překážku. co je to typografie?

Typografie ovlivňuje vše, od výběru až po rozvržení písma. Písmo slouží nejen k předání hlavního sdělení, ale také k vyjádření vašeho sebeobrazu a účelu. Aby se to podařilo, je důležité typografii rozumět, abyste ji dokázali správně používat.

Stejně jako je při učení se cizímu jazyku zásadní slovní zásoba, potřebuje i typografie slovní zásobu:

• Rodina písma
  Rodina písem obsahuje příbuzná písma různých šířek, vah a gramáží se společnými formálními vlastnostmi.
• Písmo
  Písmo je soubor glyfů (písmen, číslic, interpunkčních znamének a symbolů), které jsou navrženy způsobem typickým pro příslušné písmo, např. Helvetica, Times New Roman.
  V digitálním světě se písmo označuje jako Písmo označené.
• Velikost písma
  Hmotnost písma popisuje tloušťku tahů, které tvoří znaky, a vyjadřuje se jako světlo, normální, tučně nebo extra tuk označené.
• Velikost písma
  Velikost písma je Bod (Pt.odpovídá 1/72 palce; velikost písma 6 pt je 2,1 mm vysoká, což je typické "malé písmo").
• Styl písma
  Styly písma poskytují informace o vzhledu, například Sans Serif (např. Helvetica), Serif (Times New Roman) nebo skript (např. Rukopis Lucida) nebo ozdobnými nápisy (např.    Amsterdam).

Vzhledem k rozmanitosti "krásných" písem budete rychle v pokušení zahrnout je do svého návrhu, ale - přestaňte!

Diváci mají také preference pro písma. Některá jsou neoblíbená nebo nadužívaná, jiná jsou nečitelná. Výběr písma by měl být pečlivý. Jedno pro nadpis, jiné pro hlavní text. Maximálně třetí do skupiny, třeba jako podtitul - nic víc!

Jasná hierarchie vede čtenáře po požadované cestě čtení a poskytne mu všechny zamýšlené informace, snadno, zapamatovatelně.

Pokud máte málo místa, jednoduše zvolíte menší písmo až po "drobné písmo", aby se do něj vešel celý obsah. Špatně! Alespoň pokud má čtenář obsah plně vnímat a pochopit. Nikdo přece nebude text pečlivě zkoumat lupou.
To znamená: zkrátit text, omezit ho na to nejnutnější a v případě potřeby změnit písmo, aby bylo sdělení na jedné straně plně předáno a na druhé straně se zachoval požitek ze čtení.

Zarovnání textu

Těla textu lze uspořádat čtyřmi způsoby: Na střed, zarovnaný vlevo nebo zarovnaný vpravo s odůvodněním nebo zarovnaný.

Tyto texty jsou zde napsány v sazbě zarovnané vlevo.

Justifikace je nucené zarovnání slov každého řádku doleva a doprava. To může vytvářet nepřirozené rozestupy mezi slovy, což ztěžuje čtení. Oko je zvyklé očekávat pravidelné rozestupy mezi slovy a cítí se podrážděné, pokud nejsou podle očekávání.

Faux pas - Děvky a ševci

Co že to je? Ne, to jsou jen typografické výrazy, které označují chyby v sazbě.

Ševcův chlapec je samostatný řádek odstavce na konci stránky, děvčino dítě je stejně oddělené pokračování věty odstavce na následujícím začátku stránky.

Takové konstelace narušují plynulost čtení, jsou neestetické, a proto je třeba se jim vyhnout.

Design pozadí

Pozadí nese všechny prvky designu, obrázky, nadpisy a textový obsah. Mělo by být proto nenápadné, aby neztěžovalo čtení textů nebo se netlačilo do popředí.

Při vhodném uspořádání, např. opakujících se, i když různých rubrik, může pozadí převzít i organizační úkoly.
Předpokládejme, že na každé stránce jsou popsány stejné produkty, ale označené různými barvami. Příslušná barva produktu pak může sloužit jako pozadí pro titulek. To znamená, že odkaz na popisovaný výrobek je dán již samotnou barvou.

Pozadí tedy není něco, co je zneužíváno k potlačení bílé prázdnoty, ale prvek, který může poskytnout hierarchii, řád a informace.