Canva - grafikai tervezés mindenkinek?

Olvasási idő 10 percek

Frissítve - június 1, 2025

Az online eszköz Canva 2012-ben indult az ausztráliai Sydneyben, azzal a küldetéssel, hogy "A világot képessé tegye a tervezésre", és mindenki számára lehetővé tegye a grafikai tervezést.

Melanie Perkins, Cliff Obrecht és Cameron Adams elsősorban azt a célt követik, hogy "a lehető legtöbb jót cselekedve pozitív hatást gyakoroljanak a világra".
Ők is részt vesznek a "Második szint", amely négy pillért képvisel, nevezetesen "A nonprofit szervezetek megerősítése", "Az alapvető emberi szükségletek biztosítása", "A magas színvonalú oktatás lehetővé tétele" és "A helyi közösségek támogatása".

Árképzés

Az eszköz alapfunkciói ingyenesek. Ha azonban tényleg többet szeretne végezni a kezdetleges grafikai tervezésnél, ezek nagyon korlátozottak.

A fizetős Pro verzió a funkciók teljes - és nagyon széleskörű - skáláját kínálja. A Teams verzió legalább három felhasználó számára teszi lehetővé a licenc használatát. Ez felhasználónként 100 USD éves előfizetésért érhető el. Havi 8 euró körüli összegért ez egy nagyon méltányos ajánlat, összhangban a cég filozófiájával.

Szolgáltatások köre - célcsoport

A szolgáltatások köre több mint lenyűgöző. Szinte nincs olyan, amit ne lehetne megvalósítani. Betűtípusok, betűtípusok, betűméretek, betűszínek, grafikai elemek, fotók, videók, AI, háttértervek, még a fotóháttér eltávolítása is ügyesen megoldható egy kattintással, többnyire mindenképpen, persze a bonyolultságtól függően.

Az összes lehetőség felsorolása valószínűleg több oldalt töltene meg. Mindenképpen ideje kipróbálni őket - természetesen ingyenesen.

Ha grafikus vagy, akkor ragaszkodj a professzionális programokhoz, hiszen ezek nem csak ugyanazt, hanem sokkal egyedibb szolgáltatási kört kínálnak. Az ilyen programok használatában azonban elengedhetetlen a tapasztalat, és ennek megfelelően meredek a tanulási görbe, ha nem tanultál grafikusnak, és ezért nem tudtál gyakorlati tapasztalatot szerezni.

A célcsoport tehát túlnyomórészt nem hivatásos felhasználók, akiknek képesnek kell lenniük arra, hogy a kínált eszközökkel olyan grafikákat készítsenek, amelyek elegendőek az alkalmi és magánhasználatra. Célcsoportot jelentenek azonban a kisebb cégek is, amelyek nem engedhetnek meg maguknak grafikust, és nem akarják kiszervezni a munkát.

Alkalmazás

Szeretném összehasonlítani a kínált szerszámok használatát egy villanyszerelő vagy autószerelő nagy szerszámosládájával.

A laikusnak tehát minden szükséges eszköz a rendelkezésére áll a konkrét munka elvégzéséhez. De mit kezdjünk a csavarhúzókkal, fogókkal, drótcsavarozókkal, mérőeszközökkel, anyakészletekkel, racsnikkal, csavarkulcsokkal, gyűrűskulcsokkal stb.
Valóban meg tudunk-e oldani egy - valamivel összetettebb - műszaki problémát pusztán az eszközzel, mindenféle szaktudás nélkül?

A Canva ehhez különböző témaköröket lefedő videós oktatóanyagokat kínál. Ezek alkalmasak arra, hogy első benyomást szerezzünk az eszközök használatáról és a saját design elkészítéséről.

Alapok

A térkihasználás, az elemek egyensúlya, a strukturálás, a textúra, a formák, a vonalak, a színek, a tipográfia, a textúra és a márkaépítés alapjai sajnos a felhasználó szabad képzeletére vannak bízva.

Azonban éppen ezek a szempontok a döntőek a vonzó, kiegyensúlyozott és értelmes design szempontjából, amely célzottan és hatékonyan képes közvetíteni a hatását.

Ez a cikk ezt a hiányt kívánja pótolni.

Minden kezdet ...

... nehéz. A motiváció, a szükségszerűség és az elkötelezettség határozza meg a sikert vagy a kudarcot. A régi mondás: "nincs fájdalom, nincs nyereség" itt is érvényes. Tehát, ha akarod, akkor megteheted!

Haladjunk tehát lépésről lépésre, és vizsgáljuk meg az egyes fent említett témákat, ismerjük meg a hátteret, hogy a tervezett dizájnnal megvalósíthassuk a kívánt sikert!

Lépésről lépésre

Szobakihasználtság

Képzeljük el, hogy van egy szép, nagy, világos szobánk, amelyet a meglévő tárgyakkal berendezhetünk és kialakíthatunk. A meglévő tárgyakat összevethetjük a Canva előre definiált design elemeivel.

Ahogyan nem fogjuk az összes bútort, szőnyeget, képet stb. a szoba egyik sarkába halmozni, úgy a grafikai elemeket sem fogjuk egymásra halmozni.

Ennek megfelelően a tér olyan területekre oszlik majd, amelyek hívogatóak, amelyek elidőzésre ösztönzik az embereket, és olyanokra, amelyek tisztán tájékoztató jellegűek.

Elképzelhető egy rács is, amely befedi a szobát, és lehetővé teszi a különböző tárgyak elrendezésének strukturálását. Segít rendet teremteni, kézen fogni a nézőt, és végigvezetni a tartalmon. Először a fontos dolgok felismerését, majd a magyarázat elolvasását és a kvintesszencia megragadását, legyen az egy esemény dátuma, helye és ideje, egy Zoom találkozó vagy bármi más.

Már egy felületes pillantás a tervezetre is lehetővé kell, hogy tegye a néző számára, hogy a három alapvető tartalmat futólag megjegyezze: miről szól (kulcsszó és rövid leírás), hol és mikor játszódik.

Egyensúly

A dohányzóasztalt a szoba közepére helyezzük, a kanapé és a két fotel közvetlenül előtte van, az állólámpa pedig az asztal közepén. Ha a kanapéra szeretnénk leülni, először hátrébb kell húznunk a kanapét az asztaltól, hogy megteremtsük a szükséges helyet. Ugyanez vonatkozik mindenki másra is, aki kényelembe akarja helyezni magát. Az állólámpa pedig azonnal elkápráztatja a szemben ülőket, ezért azt az asztaltól távolabb kell elhelyezni.

Ugyanez vonatkozik a dizájnra is: mindig ügyeljen arra, hogy az egyes szöveges és grafikai elemeket úgy rendezze el, hogy azok ne vegyék el egymás légterét, hanem egymástól kiegyensúlyozott távolságban, vonzó és jól olvasható megjelenést teremtsenek.

Ez grafikai elemek, például vonalak nélkül is megvalósítható, mivel a szövegrészek, amelyek mindegyike azonos behúzással rendelkezik, szintén ehhez a képzeletbeli vonalhoz igazodnak. Ez úgyszólván két részre osztja a dizájnt. A másik, üres felet grafikai elemmel vagy akár egy nagyobb szöveggel is elláthatjuk, és átvehetjük a néző tekintetének vizuális vezetését.

Ha a két szöveges tartalom közötti elválasztó elem mellett dönt, akkor a két szöveges rész között a két elemtől balra és jobbra lévő azonos távolság biztosítja a megfelelő levegőt, a szükséges egyensúlyt.

Kétség esetén a harmadok szabálya minden design egyensúlyát szolgálja: egy pontosan a kép közepén elhelyezett fenyőfa egy hegyvonulat előtt valószínűleg "valahogy" kellemetlen látványélményt nyújt a nézőnek. Ha a fenyőfa a jobb alsó két harmadban helyezkedik el, a horizont a kép szélén fut végig az utolsó vízszintes harmadig, a hegylánc az alsó harmadban, míg az égbolt kitölti a felső harmadokat, a néző szeme a kép tágasságát (hegylánc és égbolt) és ellenpontként a jobb oldali fenyőt az előtérben fogja érzékelni.
Mozgó tárgyak, például egy vitorlás hajó esetében a pozicionálás megadja a haladási irányt: Egy balról jobbra haladó hajót tehát nem középen fogunk ábrázolni, hanem, ha hangsúlyozni akarjuk az érkezését, akkor balról fogunk a képbe lépni, vagy jobbról fogunk a képből kilépni.

A logótervezésben segít, hogy a páratlan számú elem kiegyensúlyozott benyomást kelt a megjelenítéskor. Ez általában három, ritkábban öt. A kerek pecsétre emlékeztető logó közepén maga a logó áll, vagy egy vagy két betű, esetleg egymásba fonódva, míg a szöveg kör alakban helyezkedik el fölötte és alatta.
A kiegyensúlyozott betűsor a logó jobb és bal oldalán is elhelyezhető, hogy vizuális egyensúlyt teremtsen.

Szintén úgynevezett. Negatív tér (fehér üres tér) a strukturálásra szolgál, a "rendetlenség", azaz az olyan ballaszt eltávolítására, amely lehetetlenné teszi a tervezet irányított szemlélését. A kevesebb gyakran több!
A fehér tér az egyetlen olyan elem, amelyet nem adunk hozzá kifejezetten. Egyszerűen csak ott van, és nem csinál semmit. Vagy mégis? Elválasztja az elemeket egymástól, jelzi, hogy azokat egymástól elkülönítve kell érzékelni.

Az interaktív tervezésben, pl. űrlapok tervezésénél a mezőnevek (pl. név, telefon) és az adott mező közelsége azonnal felismerhető kell, hogy legyen. Ha a mezőnevek a következő mezőtől ugyanolyan távolságra lennének beállítva, mint a mező alsó szélétől a következő mezőnévig mért távolság, a megtekintési idő sokkal hosszabb lenne, mintha a mezőnév közvetlenül a mező után következne, és a következő mezőnév (a hozzá tartozó mezővel) egyértelmű távolságban lenne beállítva.

Kiterjedtebb űrlapok esetében hasznos a csoportosítás. Ha egy több méter hosszú űrlapot kell kitöltenie, általában megáll, mielőtt annak a felét "befejezte" volna.
A csoportosítás gyorsabb haladást sugall, és következésképpen a nyomtatvány sikeres kitöltését és benyújtását eredményezi.

A folyamat egyszerűsítését szolgálják a legördülő menük is, amelyek logikusan előre meghatározott tartalmat kínálnak a gyors kiválasztáshoz.

A szerkesztése

A figyelemfelkeltés jó strukturálással lehetséges. Jó példa erre a Google honlapja. Mit keres egy felhasználó, aki Google hívások? Keresés. mire van ehhez szüksége? Egy keresőmező. Mit talál? A keresőmezője, a felirat alatt Googleamelyet folyamatosan újraterveznek, hogy növeljék vonzerejét.

Ellenpélda erre a belépési oldal a Yahooamely végül is a keresőmezőt jeleníti meg az oldal első helyén, de a fennmaradó 95% vagy úgy 95% egyéb tartalmával elárasztja a nézőt, vagy legalábbis elvonja a figyelmet a látogatás tényleges céljáról.

Az emberi memória blokkolja a lényegtelen dolgokat, hogy elkerülje a túlterhelést, és hogy a fontos dolgokra tudjon koncentrálni. Mindazonáltal ez a kitakarás is egy agyi funkció, és ezért csökkenti a megmaradt képességet, hogy a lényeges dolgokra koncentráljunk.

A rövid távú memória átlagosan hét elemet képes tárolni. Ha tehát azt szeretné, hogy például egy prezentáció tartalma elérhető maradjon a rövid távú memóriában, akkor egy oldalon nem szabad ennél a hét elemnél többet bemutatni.
Ezeket is lehet megfelelő módon strukturálni, pl. 3 + 4, 2 + 5 vagy fordítva, hogy hangsúlyozzák az összetartozó pontokat.

A struktúra létrehozásához először is segít egy mentális vázlatot készíteni, amely a következő pontokat veszi figyelembe:

• Mi a legfontosabb információ (legnagyobb elem vagy központosított, félkövér betűtípus - szelektív, mert ha minden félkövérrel van nyomtatva, a hangsúlyos félkövér betű elveszti értelmét).
• Szimmetrikus vagy aszimmetrikus elrendezés (minden elemnek súlya van)
• Színválasztás (a termék pozitív vagy negatív értékelésére vonatkozó döntések 90%-je kevesebb mint 90 másodperc alatt születik meg pusztán a szín alapján; a szín például akár 80%-vel növeli a márka felismerhetőségét).
• Kontraszt (teret, mélységet teremt)
• Fehér tér (az elemek elkülönítése)
• Arány (az elemek vizuális méretének és súlyának egymáshoz viszonyított aránya)
• Mozgás (vizuális, következetes vezetés a tartalmon keresztül; ha valahol megbotlik a folyamat során a megtekintés során, a designt ki kell javítani)

A gyakorlatban a következő lépés a szöveges tartalom papírra vetése. Ezt követik a termékképek. Most már lehet elhelyezni az elemeket.

Színelmélet

Miért kell színelmélettel foglalkoznia? Nos, egyrészt a színek kulcsszerepet játszanak a tervezési tartalom értékelésében, másrészt pedig kiválóan tudják álcázni magukat. Álcázzák magukat abban az értelemben, hogy nyomtatásban teljesen másképp jelenhetnek meg, mint a monitoron vagy a közösségi médiában.

Ennek oka, hogy a nyomtatásban a CMYK színrendszer (szubtraktív; több szín hozzáadásával veszünk el "fényt" a papírból), a digitális reprodukció világában viszont az RGB rendszer (additív; az összes szín együttesen fehéret eredményez) az uralkodó.
A nyomtatásban korábban gazdag CMYK-vörös csak halvány vörösként jelenik meg a közösségi médiában. Ha a képet RGB-be konvertáljuk, majd megosztjuk a közösségi médiában, a tervezett vörös szín ismét láthatóvá válik,

Alapvetően 12 szín van, akárcsak azok a zsírkréták, amelyeket a rajzórákon csodáltunk, és amelyekkel a legjobb műalkotásokat készítettük.

Sir Isaac Newton 1704-ben megtervezte az első színkereket, amely a három alapszínből (vörös, sárga, kék), három másodlagos színből (az alapszínekből származó kevert színek) és hat harmadlagos színből (az alap- és másodlagos színek keveredéséből) állt.

A melegnek érzékelt színek a színkör bal felét, a hidegnek leírtak a jobb felét alkotják. A "hőmérséklet" érzékelése a fizikai színhőmérsékletben is tükröződik (K = Kelvin).

Az árnyalatok különböző intenzitással adnak feketét a színtónushoz, míg a tónusok fehéret. Az egyik tónus viszont kiegészíti a feketét és a fehéret, azaz a szürke.

Az egymást kiegészítő színek olyan színek, amelyek a Fab-körben egymással szemben helyezkednek el.

Az analóg színek egymás mellett helyezkednek el a színkörben (piros, narancs, sárga). Az egyik szín dominál (vezet), a másik támogatja, a harmadik pedig hangsúlyt ad.

Színes asszociációk

• Kék
  - Pozitív: következetesség, kompetencia, erő, minőség, termelékenység, nyugalom, biztonság, bizalom, bölcsesség, megbízhatóság.
  - Negatív: fékezi az étvágyat (nem alkalmas ételekhez)
• Barna
  - Pozitív: férfiasság, természetesség, rugalmasság, megbízhatóság
  - Negatív: nem alkalmas cselekvésre való felhívásokhoz
• Sárga
  - Pozitív: öröm, barátságosság, boldogság, fiatalság, kompetencia.
  - Negatív: Csalás, gyávaság, gyenge minőség
• Szürke
  - Pozitív: karaktererő, formaság, gyakorlatiasság, professzionalizmus, időtállóság.
  - Negatív: Távolság, hideg, unalom
• Zöld
  - Pozitív: felfrissülés, gyógyulás, egészség, remény, természet, növekedés, jólét.
  - Negatív: Irigység
• Narancs
  - Pozitív: energia, boldogság, optimizmus
  - Negatív: óvatosságra int
• Rózsaszín
  - Pozitív: kedvesség, szelídség, nőiesség
  - Negatív: -
• Red
  - Pozitív: szenvedély, szeretet, erő
  - Negatív: tűz, veszély, erőszak, háború, harag
• Fekete -
  - Pozitív: tekintély, gonoszság, elegancia, extravagancia, hatalom.
  - Negatív: Fenyegetés, titokzatosság, lázadás, halál, gyász
• Violet -
  - Pozitív: tekintély, hatalom, kreativitás, kifinomultság, tisztelet, spiritualitás, bölcsesség, jólét.
  - Negatív: szomorúság, távolságtartás (sötét tónusok)
• Fehér -
  - Pozitív: béke, tisztaság, ártatlanság.
  - Negatív:
  

A színtervezés most már ennek megfelelően kezdődhet. Ha a szöveget színes háttéren kell használni, a háttér és a szöveg közötti kontrasztnak elegendőnek kell lennie a zökkenőmentes, könnyed olvasás biztosításához.
Rossz választás a fekete szöveg sötétkék háttéren, vagy a sárga szöveg narancssárga háttéren.
A fényképek fölé helyezett szövegek esetében előfordulhat, hogy a sötét részre fehér szöveget, a kép világosabb részére pedig fekete szöveget kell helyeznie.

Tipográfia

Amikor már azt hiszed, hogy elérted a sikeres design célját, megbotlasz a következő akadályban. mi az a tipográfia?

A tipográfia mindent befolyásol, a kiválasztástól a betűtípus elrendezéséig. A betűtípus nemcsak a fő üzenet közvetítésére szolgál, hanem az Ön önképére és céljára is. Ahhoz, hogy ez sikerüljön, fontos, hogy megértsük a tipográfiát, hogy helyesen tudjuk használni.

Ahogyan a szókincs alapvető fontosságú egy idegen nyelv tanulásakor, a tipográfiának is szüksége van szókincsre:

• Betűcsalád
  Egy betűtípuscsalád különböző szélességű, súlyú és súlyú, rokon betűtípusokat tartalmaz, amelyek közös formai jellemzőkkel rendelkeznek.
• Betűtípus
  A betűtípus olyan betűjelek (betűk, számok, írásjelek és szimbólumok) halmaza, amelyek az adott betűtípusra jellemző módon vannak kialakítva, pl. Helvetica, Times New Roman.
  A digitális világban a betűtípust úgy nevezik, hogy Betűtípus felcímkézve.
• Betűméret
  A betűsúly a karaktereket alkotó vonások vastagságát írja le, és a következő módon fejezhető ki könnyű, normál, bold vagy extra zsír felcímkézve.
• Betűméret
  A betűtípus mérete Pont (Pt.ami 1/72 hüvelyknek felel meg; a 6 pt betűméret 2,1 mm magas, a tipikus "kisbetűs").
• Betűtípus stílus
  A betűtípusok a megjelenésre vonatkozó információkat adnak meg, mint például Sans Serif (pl. Helvetica), Serif (Times New Roman) vagy szkript (pl. Lucida kézírás), vagy díszítő betűk (pl.    Amszterdam).

A "gyönyörű" betűtípusok sokfélesége miatt hamar kísértésbe fog esni, hogy beépítse őket a tervezésébe, de - állj!

A nézőknek a betűtípusok tekintetében is vannak preferenciáik. Egyesek népszerűtlenek vagy túlhasználtak, mások olvashatatlanok. A betűtípus kiválasztását körültekintően kell elvégezni. Egyet a főcímhez, egy másikat a szövegtesthez. Legfeljebb egy harmadik a csoportban, esetleg feliratként - semmi több!

A világos hierarchia végigvezeti az olvasót a kívánt olvasási útvonalon, és minden kívánt információt könnyen, emlékezetesen közvetít.

Ha kevés a hely, egyszerűen válasszon kisebb betűtípust, egészen az "apró betűig", hogy a teljes tartalom elférjen. Tévedés! Legalábbis akkor, ha az olvasó teljes mértékben érzékelni és érteni akarja a tartalmat. Senki sem fogja nagyítóval vizsgálni a szöveget.
Ez azt jelenti: rövidítse a szöveget, korlátozza azt a lényegre, és ha szükséges, változtassa meg a betűtípust, hogy egyrészt teljes egészében átadhassa az üzenetet, másrészt megőrizze az olvasás élvezetét.

Szöveg igazítása

A szövegtestek négyféleképpen rendezhetők: Középre, balra vagy jobbra süllyesztve, igazítással vagy igazítással.

Ezek a szövegek itt balra igazított síkbetűs szedéssel vannak írva.

Az igazítás az egyes sorok szavainak balra és jobbra kényszerített igazítása. Ez természetellenes szóközöket eredményezhet, ami megnehezíti az olvasást. A szem megszokta, hogy szabályos szóközöket vár el, és irritálja, ha ez nem az elvártnak megfelelő.

Faux pas - Kurvák és suszterek

Mi is az? Nem, ezek csak tipográfiai kifejezések, amelyek a gépelési hibákat jelzik.

A suszterfiú egy bekezdés egyetlen sora a lap végén, a kurvagyerek egy bekezdés ugyancsak elválasztott mondatának folytatása a következő oldal tetején.

Az ilyen konstellációkat úgy tekintik, hogy zavarják az olvasás folyását, nem esztétikusak, és ezért kerülendőek.

Háttértervezés

A háttér hordozza a design minden elemét, a képeket, a címsorokat és a szöveges tartalmat. Ezért diszkrétnek kell lennie, hogy ne nehezítse a szövegek olvashatóságát, és ne tolja magát előtérbe.

Megfelelő elrendezéssel, pl. ismétlődő, bár különböző címszavakkal, a háttér szervezési feladatokat is átvehet.
Tegyük fel, hogy minden oldalon ugyanazok a termékek szerepelnek, de különböző színű címkékkel. Az adott termék színe ezután háttérként szolgálhat a főcímhez. Ez azt jelenti, hogy a leírt termékre való utalást már önmagában a szín adja meg.

A háttér tehát nem olyasmi, amit a fehér üresség elnyomására használnak, hanem egy olyan elem, amely hierarchiát, rendet és információt adhat.