Canva - grafický dizajn pre každého?

Čas čítania 10 zápisnice

Aktualizované - jún 1, 2025

Online nástroj Canva vznikla v austrálskom Sydney v roku 2012 s poslaním "Umožniť svetu navrhovať" a umožniť grafický dizajn každému.

Melanie Perkins, Cliff Obrecht a Cameron Adams v prvom rade sledujú cieľ "pozitívne ovplyvniť svet tým, že urobia čo najviac dobra".
Podieľajú sa tiež na "Druhá úroveň", ktorý predstavuje štyri piliere, a to "Posilnenie neziskových organizácií", "Zabezpečenie základných ľudských potrieb", "Umožnenie kvalitného vzdelávania" a "Podpora miestnych komunít".

Cenotvorba

Základné funkcie nástroja sú bezplatné. Ak však chcete naozaj robiť viac ako len základný grafický dizajn, ich rozsah je veľmi obmedzený.

Platená verzia Pro ponúka úplný - a veľmi rozsiahly - rozsah funkcií. Verzia Teams umožňuje používať licenciu minimálne trom používateľom. Je k dispozícii za ročné predplatné 100 USD na používateľa. Za približne 8 eur mesačne je to veľmi férová ponuka, ktorá je v súlade s filozofiou spoločnosti.

Rozsah služieb - cieľová skupina

Rozsah služieb je viac než pôsobivý. Neexistuje takmer nič, čo by sa nedalo zrealizovať. Fonty, typy písma, veľkosti písma, farby písma, grafické prvky, fotografie, videá, umelá inteligencia, návrhy pozadia, dokonca aj odstránenie pozadia fotografií je elegantne vyriešené jedným kliknutím, samozrejme, väčšinou v závislosti od zložitosti.

Zoznam všetkých možností by pravdepodobne zaplnil niekoľko strán. Určite je čas ich vyskúšať - samozrejme, bezplatne.

Ak ste grafický dizajnér, budete sa držať profesionálnych programov, pretože ponúkajú nielen rovnaký, ale aj oveľa individuálnejší rozsah služieb. Skúsenosti s používaním takýchto programov sú však nevyhnutné, rovnako ako aj proces učenia, pokiaľ ste grafický dizajn neštudovali, a teda ste mohli získať praktické skúsenosti.

Cieľovou skupinou sú preto predovšetkým neprofesionáli, ktorí by mali byť schopní používať ponúkané nástroje na tvorbu grafiky, ktorá postačuje na príležitostné a súkromné použitie. Cieľovou skupinou sú však aj menšie spoločnosti, ktoré si nemôžu dovoliť grafika a nechcú zadávať prácu externým firmám.

Aplikácia

Chcel by som porovnať používanie ponúkaného náradia s veľkou súpravou náradia elektrikára alebo automechanika.

Laik má teda k dispozícii všetky nástroje, ktoré potrebuje na vykonanie konkrétnej práce. Čo však urobíme so všetkými skrutkovačmi, kliešťami, odizolovačmi drôtov, meracími prístrojmi, súpravami matíc, račňami, kľúčmi a krúžkovými kľúčmi atď.
Môžeme skutočne vyriešiť - trochu zložitejší - technický problém len pomocou nástroja bez akýchkoľvek odborných znalostí?

Canva na tento účel ponúka videonávody na rôzne témy. Sú vhodné na získanie prvých dojmov o tom, ako používať nástroje a vytvoriť vlastný dizajn.

Základy

Základy využitia priestoru, rovnováhy prvkov, štruktúrovania, textúry, tvarov, línií, farieb, typografie, textúry a značky sú bohužiaľ ponechané na voľnú predstavivosť používateľa.

Práve tieto aspekty sú však rozhodujúce pre príťažlivý, vyvážený a zmysluplný dizajn, ktorý dokáže cielene a účinne sprostredkovať svoj vplyv.

Cieľom tohto článku je vyplniť túto medzeru.

Všetky začiatky...

... je ťažké. O úspechu alebo neúspechu rozhoduje motivácia, nevyhnutnosť a odhodlanie. Aj tu platí staré príslovie "bez bolesti niet zisku". Takže ak chcete, môžete!

Pokračujme teda krok za krokom a preskúmajme každú z vyššie uvedených tém, naučme sa pozadie, aby sme dosiahli požadovaný úspech s požadovaným dizajnom!

Krok za krokom

Využitie miestnosti

Predstavme si, že máme krásnu, veľkú, svetlú miestnosť, ktorú môžeme zariadiť a navrhnúť pomocou existujúcich predmetov. Existujúce objekty môžeme porovnať s preddefinovanými dizajnovými prvkami v aplikácii Canva.

Tak ako nebudeme všetky nábytky, koberce, obrazy atď. ukladať do jedného rohu miestnosti, nebudeme ani grafické prvky ukladať na seba.

Preto bude priestor rozdelený na časti, ktoré sú príťažlivé, ktoré nabádajú k zotrvaniu a ktoré majú čisto informačný charakter.

Možno si tiež predstaviť mriežku, ktorá pokrýva miestnosť a umožňuje štruktúrované usporiadanie rôznych predmetov. Pomáha vytvoriť poriadok, vziať diváka za ruku a viesť ho obsahom. Najprv rozpoznať dôležité veci, potom si prečítať vysvetlenie a pochopiť kvintesenciu, či už ide o dátum, miesto a čas udalosti, stretnutie Zoom alebo čokoľvek iné.

Už pri letmom pohľade na návrh by si mal divák zapamätať tri základné informácie: o čom je (kľúčové slovo a stručný opis), kde a kedy sa to odohráva.

Bilancia

Konferenčný stolík umiestnime do stredu miestnosti, pohovku a dve kreslá priamo pred ním a stojacu lampu doprostred stola. Ak si chcete sadnúť na pohovku, musíte ju najprv odsunúť od stola, aby ste vytvorili potrebný priestor. To isté platí pre všetkých ostatných, ktorí si chcú urobiť pohodlie. A stojaca lampa okamžite oslní tých, ktorí sedia oproti, preto by mala byť umiestnená ďalej od stola.

To isté platí aj pre dizajn: vždy dbajte na to, aby ste jednotlivé textové a grafické prvky usporiadali tak, aby si navzájom neuberali priestor, ale aby vytvárali príťažlivý a ľahko čitateľný vzhľad vo vyváženej vzdialenosti od seba.

To sa dá dosiahnuť bez akýchkoľvek grafických prvkov, ako sú napríklad čiary, pretože textové časti, ktoré majú všetky rovnaké odsadenie, sú tiež zarovnané s touto pomyselnou čiarou. Rozdeľuje návrh takpovediac na dve polovice. Druhá, prázdna polovica môže byť vybavená grafickým prvkom alebo dokonca väčším textom a prevziať vizuálne vedenie pohľadu diváka.

Ak sa rozhodnete pre grafický prvok ako oddeľovač medzi dvoma textovými obsahmi, rovnaká vzdialenosť medzi dvoma textovými časťami naľavo a napravo od tohto prvku zabezpečí dostatočný priestor na dýchanie, potrebnú rovnováhu.

V prípade pochybností pravidlo tretín slúži rovnováhe každého návrhu: jedľa umiestnená presne v strede obrazu pred horským masívom pravdepodobne spôsobí divákovi "akosi" nepríjemný divácky zážitok. Ak je jedľa umiestnená v dvoch pravých dolných tretinách, horizont prebieha po okraji do poslednej vodorovnej tretiny, pohorie v dolnej tretine, zatiaľ čo obloha vypĺňa horné tretiny, oko diváka bude vnímať rozľahlosť obrazu (pohorie a obloha) a ako protiklad jedľu vpravo v popredí.
Pri pohybujúcich sa objektoch, ako je napríklad plachetnica, určuje polohu smer pohybu: Loď, ktorá sa pohybuje zľava doprava, preto nebude zobrazená v strede, ale ak chcete zdôrazniť jej príchod, bude sa pohybovať do obrazu zľava alebo z obrazu sprava.

Pri návrhu loga pomáha skutočnosť, že nepárny počet prvkov pôsobí pri pohľade vyváženým dojmom. Zvyčajne sú to tri, zriedkavejšie päť. Logo, ktoré pripomína okrúhlu pečať, má v strede samotné logo alebo jedno či dve písmená, prípadne prepletené, zatiaľ čo text je usporiadaný v kruhu nad a pod ním.
Vyvážený nápis môže byť umiestnený aj vpravo a vľavo od loga, aby sa vytvorila vizuálna rovnováha.

Taktiež tzv. Negatívny priestor (biely prázdny priestor) sa používa na štruktúrovanie, odstránenie "neporiadku", t. j. balastu, ktorý znemožňuje riadené zobrazenie návrhu. Menej je často viac!
Biely priestor je jediný prvok, ktorý nie je explicitne pridaný. Jednoducho tam nič nerobí. Alebo áno? Oddeľuje prvky od seba, naznačuje, že ich treba vnímať oddelene od seba.

V interaktívnom dizajne, napr. pri návrhu formulárov, by sa mala okamžite rozpoznať blízkosť názvov polí (napr. meno, telefón) k príslušnému poľu. Ak by boli názvy polí nastavené v rovnakej vzdialenosti od nasledujúceho poľa, ako je vzdialenosť od spodného okraja poľa k nasledujúcemu názvu poľa, čas zobrazenia by bol oveľa dlhší, ako keby názov poľa nasledoval hneď za poľom a nasledujúci názov poľa (s príslušným poľom) by bol nastavený v jasnej vzdialenosti.

Pri rozsiahlejších formulároch je užitočné rozdelenie do skupín. Ak musíte vyplniť niekoľko metrov dlhý formulár, zvyčajne sa zastavíte skôr, ako "vyplníte" polovicu.
Zoskupenie naznačuje rýchlejší postup a následne vedie k úspešnému vyplneniu a odoslaniu formulára.

Na zjednodušenie procesu slúžia aj rozbaľovacie ponuky, ktoré ponúkajú logicky preddefinovaný obsah na rýchly výber.

Štruktúrovanie

Prilákať pozornosť je možné pomocou dobrého štruktúrovania. Dobrým príkladom je domovská stránka spoločnosti Google. Čo má používateľ, ktorý Google volania? Vyhľadávanie. čo na to potrebuje? Vyhľadávacie pole. Čo nájde? Jeho vyhľadávacie pole pod nápisom Googlektorý sa neustále upravuje, aby sa zvýšila jeho príťažlivosť.

Protipríkladom je vstupná stránka Yahooktorá napokon zobrazuje vyhľadávacie pole na prvej pozícii na stránke, ale zahlcuje diváka ostatným obsahom na zvyšných približne 95%, alebo prinajmenšom odvádza pozornosť od skutočného účelu návštevy.

Ľudská pamäť blokuje nedôležité veci, aby sa vyhla preťaženiu a mohla sa sústrediť na dôležité veci. Napriek tomu je toto vymazávanie tiež funkciou mozgu, a preto znižuje zostávajúcu schopnosť sústrediť sa na podstatné veci.

Krátkodobá pamäť je schopná uložiť v priemere až sedem prvkov. Ak teda chcete, aby napríklad obsah prezentácie zostal dostupný v krátkodobej pamäti, nesmiete na jednej stránke prezentovať viac ako týchto sedem prvkov.
Tie môžu byť podľa potreby štruktúrované, napr. 3 + 4, 2 + 5 alebo naopak, aby sa zdôraznili body, ktoré patria k sebe.

Pri vytváraní štruktúry vám pomôže, ak si najprv vytvoríte mentálny náčrt, ktorý zohľadní nasledujúce body:

• Čo je najdôležitejšia informácia (najväčší prvok alebo vycentrované, tučné písmo - selektívne, pretože ak je všetko vytlačené tučným písmom, zvýraznené tučné písmo stráca svoj význam)
• Symetrické alebo asymetrické usporiadanie (každý prvok má svoju váhu)
• Výber farby (90% všetkých rozhodnutí o tom, či je výrobok hodnotený pozitívne alebo negatívne, sa urobí za menej ako 90 sekúnd len na základe farby; farba zvyšuje napríklad rozpoznateľnosť značky až o 80%)
• Kontrast (vytvára priestor, hĺbku)
• Biely priestor (oddelenie prvkov)
• Proporcia (pomer vizuálnej veľkosti a hmotnosti prvkov navzájom)
• Pohyb (vizuálne, konzistentné vedenie obsahom; ak počas prezerania niekde zakopnete, dizajn sa musí opraviť)

V praxi je ďalším krokom prenesenie obsahu textu na papier. Potom nasledujú obrázky produktov. Teraz je možné umiestniť prvky.

Teória farieb

Prečo by ste sa mali zaoberať teóriou farieb? No na jednej strane farby zohrávajú kľúčovú úlohu pri hodnotení obsahu dizajnu a na druhej strane sa dokážu výborne maskovať. Maskovať v tom zmysle, že v tlači môžu vyzerať úplne inak ako na monitore alebo na sociálnych sieťach.

Je to preto, že v tlači prevláda farebný systém CMYK (subtraktívny; pridaním ďalšej farby z papiera odoberiete "svetlo"), ale vo svete digitálnej reprodukcie prevláda systém RGB (aditívny; výsledkom všetkých farieb spolu je biela).
Pôvodne sýta červená CMYK v tlači sa v sociálnych médiách zobrazuje len ako bledočervená. Ak sa prevedie do RGB a potom sa zdieľa v sociálnych médiách, je opäť vidieť zamýšľanú červenú farbu,

V podstate je tu 12 farieb, presne ako pastelky, ktoré sme obdivovali na hodinách výtvarnej výchovy a s ktorými sme vytvárali tie najlepšie umelecké diela.

Sir Isaac Newton v roku 1704 navrhol prvý farebný kruh, ktorý pozostával z troch základných farieb (červená, žltá, modrá), troch sekundárnych farieb (zmiešaných farieb, ktoré sú výsledkom základných farieb) a šiestich terciárnych farieb (ktoré sú výsledkom miešania základných a sekundárnych farieb).

Farby vnímané ako teplé tvoria ľavú polovicu farebného kruhu, farby označované ako studené tvoria pravú polovicu. Vnímanie "teploty" sa odráža aj vo fyzikálnej teplote farieb (K = Kelvin).

Odtiene pridávajú do farebného tónu čiernu farbu s rôznou intenzitou, zatiaľ čo tóny pridávajú bielu farbu. Na druhej strane jeden tón dopĺňa čiernu a bielu, t. j. sivú.

Doplnkové farby sú farby, ktoré ležia oproti sebe vo Fabovom kruhu.

Analogické farby ležia vo farebnom kruhu vedľa seba (červená, oranžová, žltá). Jedna farba dominuje (vedie), druhá ju podporuje a tretia kladie akcenty.

Farebné asociácie

• Modrá
  - Pozitívne: dôslednosť, kompetentnosť, sila, kvalita, produktivita, pokoj, bezpečnosť, dôvera, múdrosť, spoľahlivosť
  - Negatívne: obmedzuje chuť do jedla (nie je vhodné na jedlo)
• Hnedá
  - Pozitíva: mužnosť, prirodzenosť, odolnosť, spoľahlivosť
  - Negatívne: nevhodné pre výzvy k akcii
• Žltá
  - Pozitívne: radosť, priateľskosť, šťastie, mladosť, kompetentnosť
  - Negatívne: Podvod, zbabelosť, nízka kvalita
• Šedá
  - Pozitíva: sila charakteru, formálnosť, praktickosť, profesionalita, nadčasovosť
  - Negatívne: Vzdialenosť, chlad, nuda
• Zelená
  - Pozitívne: osvieženie, zotavenie, zdravie, nádej, príroda, rast, prosperita
  - Negatívne: Závisť
• Oranžová
  - Pozitívne: energia, šťastie, optimizmus
  - Negatívne: vyzýva k opatrnosti
• Ružová
  - Pozitíva: láskavosť, jemnosť, ženskosť
  - Negatívne: -
• Červená
  - Pozitívne: vášeň, láska, sila
  - Negatívne: oheň, nebezpečenstvo, násilie, vojna, hnev
• Čierna -
  - Pozitívne: autorita, zlo, elegancia, extravagancia, moc
  - Negatívne: hrozba, tajomstvo, vzbura, smrť, smútok
• Fialová -
  - Pozitívne: autorita, moc, kreativita, sofistikovanosť, rešpekt, duchovnosť, múdrosť, prosperita
  - Negatívne: smútok, odstup (tmavé tóny)
• Biela -
  - Pozitívne: mier, čistota, nevinnosť
  - Negatívne:
  

Podľa toho môžete začať navrhovať farby. Ak sa má text použiť na farebnom pozadí, kontrast medzi pozadím a textom musí byť dostatočný, aby sa zabezpečilo plynulé a bezproblémové čítanie.
Zlou voľbou je čierny text na tmavomodrom pozadí alebo žltý text na oranžovom pozadí.
V prípade textov, ktoré sa umiestňujú nad fotografie, môže byť potrebné umiestniť biely text na tmavú časť a čierny text na svetlejšiu časť obrázka.

Typografia

Keď si myslíte, že ste dosiahli cieľ úspešného dizajnu, narazíte na ďalšiu prekážku. čo je typografia?

Typografia ovplyvňuje všetko, od výberu až po rozloženie písma. Písmo neslúži len na odovzdanie hlavného posolstva, ale aj na vyjadrenie vášho sebavedomia a účelu. Aby sa to podarilo, je dôležité porozumieť typografii, aby ste ju dokázali správne používať.

Tak ako je pri učení sa cudzieho jazyka zásadne dôležitá slovná zásoba, aj typografia potrebuje slovnú zásobu:

• Rodina písiem
  Rodina písiem obsahuje príbuzné písma rôznych šírok, váh a gramáží so spoločnými formálnymi vlastnosťami.
• Písmo
  Písmo je súbor glyfov (písmen, číslic, interpunkčných znamienok a symbolov), ktoré sú navrhnuté spôsobom typickým pre príslušné písmo, napr. Helvetica, Times New Roman.
  V digitálnom svete sa písmo označuje ako Písmo označené.
• Veľkosť písma
  Hmotnosť písma opisuje hrúbku ťahov, z ktorých sa znaky skladajú, a vyjadruje sa ako svetlo, normálne, tučný alebo extra tuk označené.
• Veľkosť písma
  Veľkosť písma je Bod (Pt.zodpovedá 1/72 palca; veľkosť písma 6 pt je 2,1 mm vysoká, typické "malé písmo").
• Štýl písma
  Štýly písma poskytujú informácie o vzhľade, napríklad Sans Serif (napr. Helvetica), Serif (Times New Roman) alebo skript (napr. Rukopis Lucida), alebo dekoratívne nápisy (napr.    Amsterdam).

Vzhľadom na množstvo "krásnych" písiem budete rýchlo v pokušení zahrnúť ich do svojho návrhu, ale - prestaňte!

Diváci majú tiež preferencie pre písma. Niektoré sú neobľúbené alebo príliš používané, iné sú nečitateľné. Výber písma by mal byť starostlivý. Jedno pre nadpis, iné pre hlavný text. Nanajvýš tretie v skupine, možno ako podnadpis - nič viac!

Jasná hierarchia vedie čitateľa po požadovanej ceste čítania a poskytne mu všetky zamýšľané informácie, ľahko, zapamätateľne.

Ak je priestor obmedzený, jednoducho si vyberiete menšie písmo až po "drobné písmo", aby sa doň zmestil celý obsah. Nesprávne! Aspoň ak má čitateľ obsah plne vnímať a pochopiť. Nikto predsa nebude text skúmať lupou.
To znamená: skráťte text, obmedzte ho na to najdôležitejšie a v prípade potreby zmeňte písmo, aby ste na jednej strane odovzdali celé posolstvo a na druhej strane zachovali potešenie z čítania.

Zarovnanie textu

Existujú štyri spôsoby usporiadania textových telies: Vľavo zarovno alebo vpravo zarovno s odôvodnením alebo zarovno.

Tieto texty sú tu napísané zarovnanými písmenami naľavo.

Justifikácia je vynútené zarovnanie slov v každom riadku doľava a doprava. To môže vytvárať neprirodzené rozostupy medzi slovami, čo sťažuje čítanie. Oko je zvyknuté očakávať pravidelné rozmiestnenie slov a cíti sa podráždené, ak nie je podľa očakávania.

Faux pas - Kurvy a obuvníci

Čo to je? Nie, sú to len typografické výrazy, ktoré označujú chyby v písaní.

Švec je samostatný riadok odseku na konci strany, dievča je rovnako oddelené pokračovanie vety odseku na nasledujúcom začiatku strany.

Takéto konštelácie sa považujú za rušivé, neestetické, a preto by sa im malo vyhnúť.

Dizajn pozadia

Pozadie nesie všetky prvky dizajnu, obrázky, nadpisy a textový obsah. Preto by malo byť diskrétne, aby nesťažovalo čítanie textov a nevytláčalo sa do popredia.

Vhodným usporiadaním, napr. opakujúcimi sa, hoci rôznymi nadpismi, môže pozadie prevziať aj organizačné úlohy.
Predpokladajme, že na každej stránke sú popísané rovnaké produkty, ale označené rôznymi farbami. Príslušná farba produktu potom môže slúžiť ako pozadie pre nadpis. To znamená, že odkaz na opisovaný výrobok je daný už samotnou farbou.

Pozadie teda nie je niečo, čo sa zneužíva na potlačenie bielej prázdnoty, ale prvok, ktorý môže poskytnúť hierarchiu, poriadok a informácie.