"Canva" - grafinis dizainas kiekvienam?

Skaitymo laikas 10 minutės

Atnaujinta - birželio 1, 2025

Internetinė priemonė "Canva" 2012 m. Sidnėjuje (Australija) buvo pradėta įgyvendinti misija "Įgalinti pasaulį kurti dizainą", kad grafinis dizainas taptų prieinamas kiekvienam.

Melanie Perkins, Cliffas Obrechtas ir Kameronas Adamsas pirmiausia siekia tikslo "daryti teigiamą poveikį pasauliui darant kuo daugiau gero".
Jie taip pat dalyvauja "Antrasis lygis", kuris apima keturis ramsčius: "Ne pelno siekiančių organizacijų stiprinimas", "Pagrindinių žmogaus poreikių užtikrinimas", "Aukštos kokybės švietimo užtikrinimas" ir "Parama vietos bendruomenėms".

Kainodara

Pagrindinės įrankio funkcijos yra nemokamos. Tačiau jei iš tikrųjų norite atlikti daugiau nei elementarų grafinį dizainą, jų taikymo sritis yra labai ribota.

Mokamoje "Pro" versijoje siūlomas visas ir labai platus funkcijų spektras. "Teams" versija leidžia naudotis mažiausiai trims naudotojams. Ją galima įsigyti už 100 JAV dolerių metinę prenumeratą vienam naudotojui. Už maždaug 8 eurus per mėnesį tai labai sąžiningas pasiūlymas, atitinkantis bendrovės filosofiją.

Paslaugų apimtis - tikslinė grupė

Paslaugų apimtis daugiau nei įspūdinga. Nėra beveik nieko, ko nebūtų galima įgyvendinti. Šriftai, šriftų tipai, šriftų dydžiai, šriftų spalvos, grafiniai elementai, nuotraukos, vaizdo įrašai, dirbtinis intelektas, fono dizainas, net nuotraukų fono pašalinimas tvarkingai išsprendžiamas vienu spustelėjimu, dažniausiai bet kokiu atveju, žinoma, priklausomai nuo sudėtingumo.

Visų galimybių sąrašas tikriausiai užpildytų kelis puslapius. Neabejotinai atėjo laikas jas išbandyti - žinoma, nemokamai.

Jei esate grafikos dizaineris, rinksitės profesionalias programas, nes jos siūlo ne tik tas pačias, bet ir daug individualesnes paslaugas. Tačiau naudojimosi tokiomis programomis patirtis yra būtina, o mokymosi kreivė yra atitinkamai stati, jei nesimokėte grafinio dizaino ir todėl negalėjote įgyti praktinės patirties.

Todėl tikslinė grupė daugiausia yra neprofesionalai, kurie turėtų sugebėti naudotis siūlomomis priemonėmis ir kurti grafiką, kurios pakaktų atsitiktiniam ir asmeniniam naudojimui. Tačiau tikslinė grupė yra ir mažesnės įmonės, kurios negali sau leisti turėti grafikos dizainerio ir nenori užsakyti darbo.

Paraiška

Norėčiau palyginti siūlomų įrankių naudojimą su didele elektriko ar automobilių mechaniko įrankių dėže.

Todėl nespecialistas turi visas priemones, kurių jam reikia konkrečiam darbui atlikti. Tačiau ką daryti su visais atsuktuvais, replėmis, laidų nuėmikliais, matavimo prietaisais, veržlių rinkiniais, reketukais, veržliarakčiais ir žiediniais veržliarakčiais ir t. t.?
Ar tikrai galime išspręsti sudėtingesnę techninę problemą naudodamiesi vien šiuo įrankiu, neturėdami jokių specialių žinių?

Šiuo tikslu "Canva" siūlo vaizdo pamokas įvairiomis temomis. Jos tinka norint susidaryti pirmą įspūdį, kaip naudotis įrankiais ir kurti savo dizainą.

Pagrindai

Deja, erdvės panaudojimo, elementų pusiausvyros, struktūros, tekstūros, formų, linijų, spalvų, tipografijos, tekstūros ir prekės ženklo kūrimo pagrindai paliekami laisvai naudotojo vaizduotei.

Tačiau būtent šie aspektai lemia patrauklų, subalansuotą ir prasmingą dizainą, galintį tikslingai ir veiksmingai perteikti savo poveikį.

Šiuo straipsniu siekiama užpildyti šią spragą.

Visos pradžios ...

... sunku. Sėkmę arba nesėkmę lemia motyvacija, būtinybė ir įsipareigojimas. Čia taip pat galioja senas posakis "nėra skausmo, nėra naudos". Taigi, jei norite, galite!

Taigi žingsnis po žingsnio išnagrinėkime kiekvieną iš minėtų temų, sužinokime pagrindines aplinkybes, kad pasiektume norimą sėkmę su norimu dizainu!

Žingsnis po žingsnio

Kambarių panaudojimas

Įsivaizduokime, kad turime gražų, didelį, šviesų kambarį, kurį galime įrengti ir apipavidalinti turimais daiktais. Esamus objektus galima palyginti su iš anksto nustatytais "Canva" dizaino elementais.

Taip pat, kaip nesudėliosime visų baldų, kilimų, paveikslų ir t. t. viename kambario kampe, nesudėliosime grafinių elementų vieno ant kito.

Todėl erdvė bus suskirstyta į kviečiančias, skatinančias užtrukti ir tik informatyvias zonas.

Taip pat galima įsivaizduoti kambarį dengiantį tinklelį, kuris leidžia struktūrizuoti įvairių objektų išdėstymą. Tai padeda sukurti tvarką, paimti žiūrovą už rankos ir vesti jį per turinį. Pirmiausia atpažinti svarbius dalykus, paskui perskaityti paaiškinimą ir suvokti kvintesenciją, nesvarbu, ar tai būtų įvykio data, vieta ir laikas, ar susitikimas "Zoom", ar kas nors kita.

Net paviršutiniškai pažvelgęs į dizainą, žiūrovas turėtų įsiminti tris esminius dalykus: apie ką kalbama (raktažodis ir trumpas aprašymas), kur ir kada tai vyksta.

Balansas

Kavos staliuką pastatome kambario centre, priešais jį - sofa ir du foteliai, o viduryje stalo - grindų lempa. Jei norite atsisėsti ant sofos, pirmiausia turite atitraukti sofą nuo stalo, kad atsirastų reikiama erdvė. Tas pats galioja ir visiems kitiems, norintiems įsitaisyti patogiai. O grindų lempa iš karto akina priešais sėdinčiuosius, todėl ją reikėtų statyti toliau nuo stalo.

Tas pats pasakytina ir apie dizainą: visada stenkitės išdėstyti atskirus teksto ir grafinius elementus taip, kad jie neatimtų vienas iš kito erdvės, o sukurtų patrauklų ir lengvai skaitomą vaizdą, išlaikydami proporcingą atstumą vienas nuo kito.

Tai galima pasiekti be jokių grafinių elementų, pavyzdžiui, linijų, nes teksto skyriai, kurie visi turi tą pačią įtrauką, taip pat lygiuojami pagal šią įsivaizduojamą liniją. Taip dizainas padalijamas į dvi dalis. Kitoje, tuščioje pusėje galima pateikti grafinį elementą ar net didesnį tekstą ir perimti vizualinį žiūrovo žvilgsnio vedimą.

Jei nuspręsite naudoti grafinį elementą kaip atskiriamąjį elementą tarp dviejų teksto dalių, vienodas atstumas tarp dviejų teksto dalių, esančių į kairę ir į dešinę nuo šio elemento, užtikrins pakankamą erdvę kvėpuoti, būtiną pusiausvyrą.

Jei abejojate, trečdalių taisyklė pasitarnauja kiekvieno dizaino pusiausvyrai: eglė, esanti tiksliai paveikslo centre priešais kalnų masyvą, žiūrovui gali sukelti "kažkokią" nemalonią žiūrėjimo patirtį. Jei eglė bus padėta dviejuose apatiniuose dešiniojo plano trečdaliuose, horizontas eis palei ribą iki paskutinio horizontalaus trečdalio, kalnų masyvas - apatiniame trečdalyje, o dangus užpildys viršutinius trečdalius, žiūrovo akis suvoks paveikslo platybę (kalnų masyvą ir dangų), o kaip kontrapunktą - eglę dešinėje, pirmame plane.
Judančių objektų, pvz., burlaivio, padėties nustatymas parodo judėjimo kryptį: Todėl laivas, keliaujantis iš kairės į dešinę, nebus vaizduojamas centre, o jei norite pabrėžti jo atvykimą, jis įplauks į paveikslą iš kairės arba išplauks iš paveikslo iš dešinės.

Logotipo dizaine padeda tai, kad nelyginis elementų skaičius sukuria subalansuotą įspūdį. Paprastai tai būna trys, rečiau - penki elementai. Apvalų antspaudą primenančiame logotipe centre yra pats logotipas arba viena ar dvi raidės, galbūt susipynusios, o tekstas išdėstytas ratu viršuje ir apačioje.
Subalansuotos raidės taip pat gali būti išdėstytos logotipo dešinėje ir kairėje, kad būtų sukurta vizualinė pusiausvyra.

Taip pat vadinamasis. Neigiama erdvė (balta tuščia erdvė) naudojama struktūrizacijai, pašalinant "netvarką", t. y. balastą, dėl kurio neįmanoma orientuotai žiūrėti į dizainą. Mažiau dažnai yra daugiau!
Baltoji erdvė yra vienintelis aiškiai nepridėtas elementas. Jis tiesiog yra ir nieko nedaro. O gal taip ir yra? Ji atskiria elementus vieną nuo kito, nurodo, kad jie turi būti suvokiami atskirai vienas nuo kito.

Interaktyviame dizaine, pvz., kuriant formas, laukų pavadinimų (pvz., vardas, telefonas) artumas atitinkamam laukui turėtų būti atpažįstamas iš karto. Jei laukų pavadinimai būtų nustatyti tokiu pat atstumu nuo sekančio lauko, kaip ir atstumas nuo apatinio lauko krašto iki kito lauko pavadinimo, peržiūros laikas būtų daug ilgesnis nei tuo atveju, jei lauko pavadinimas būtų iš karto po lauko, o kitas lauko pavadinimas (su susijusiu lauku) būtų nustatytas aiškiu atstumu.

Jei reikia užpildyti kelių metrų ilgio formą, paprastai sustojate dar neužpildę pusės formos.
Grupavimas rodo greitesnę pažangą, todėl forma sėkmingai užpildoma ir pateikiama.

Išskleidžiamieji meniu, kuriuose siūlomas logiškai iš anksto apibrėžtas turinys, kurį galima greitai pasirinkti, taip pat padeda supaprastinti procesą.

Struktūrizavimas

Atkreipti dėmesį galima gerai struktūrizuojant. Geras pavyzdys - "Google" pagrindinis puslapis. Ką vartotojas, kuris "Google" skambučiai? Paieška. ko tam reikia? Paieškos lauko. Ką jis randa? Jo paieškos lauką, po užrašu "Google"kuris nuolat pertvarkomas, kad būtų patrauklesnis.

Priešingas pavyzdys yra, pvz., įvadinis puslapis "Yahoo"kuris, galų gale, pirmoje puslapio vietoje rodo paieškos lauką, tačiau likusioje maždaug 95% dalyje užgožia žiūrovą kitu turiniu arba bent jau atitraukia dėmesį nuo tikrojo apsilankymo tikslo.

Žmogaus atmintis blokuoja nesvarbius dalykus, kad išvengtų perkrovos ir galėtų sutelkti dėmesį į svarbius dalykus. Vis dėlto šis išblukimas taip pat yra smegenų funkcija, todėl sumažina likusį gebėjimą susikaupti ties svarbiausiais dalykais.

Trumpalaikėje atmintyje vidutiniškai galima išsaugoti iki septynių elementų. Taigi, jei norite, kad, pavyzdžiui, pristatymo turinys išliktų trumpalaikėje atmintyje, viename puslapyje neturite pateikti daugiau nei šių septynių elementų.
Juos taip pat galima atitinkamai suskirstyti, pvz., 3 + 4, 2 + 5 arba atvirkščiai, kad paaiškėtų, kurie punktai priklauso vienas kitam.

Norint sukurti struktūrą, pirmiausia reikia sukurti mintinį eskizą, kuriame būtų atsižvelgta į šiuos dalykus:

• Kokia informacija yra svarbiausia (didžiausias elementas arba išcentruotas, paryškintas šriftas - pasirinktinai, nes jei viskas spausdinama paryškintu šriftu, paryškintas šriftas praranda prasmę).
• Simetriškas arba asimetriškas išdėstymas (kiekvienas elementas turi svorį)
• Spalvos pasirinkimas (90% visų sprendimų dėl teigiamo ar neigiamo produkto vertinimo priimama greičiau nei per 90 sekundžių vien pagal spalvą; spalva padidina prekės ženklo atpažįstamumą, pavyzdžiui, iki 80%).
• Kontrastas (sukuria erdvę, gylį)
• Baltoji erdvė (elementų atskyrimas)
• Proporcija (elementų dydžio ir svorio santykis)
• Judėjimas (vizualus, nuoseklus vedimas per turinį; jei žiūrėdami kur nors suklupsite, dizainas turi būti pataisytas).

Praktiškai kitas žingsnis - teksto turinį perkelti į popierių. Po to kuriami produktų vaizdai. Dabar galima dėti elementus.

Spalvų teorija

Kodėl turėtumėte mokytis spalvų teorijos? Viena vertus, spalvos atlieka svarbų vaidmenį vertinant dizaino turinį, kita vertus, jos gali puikiai paslėpti save. Paslėpti ta prasme, kad spausdinant jos gali atrodyti visiškai kitaip nei monitoriuje ar socialinėje žiniasklaidoje.

Taip yra todėl, kad spausdinant vyrauja CMYK spalvų sistema (subtrakcinė; iš popieriaus atimama "šviesa" pridedant daugiau spalvų), o skaitmeninio atkūrimo pasaulyje vyrauja RGB sistema (adityvinė; visos spalvos kartu sudaro baltą spalvą).
Anksčiau spaudoje buvusi sodri CMYK raudona spalva socialinėje žiniasklaidoje atrodo tik kaip blyški raudona. Jei ji konvertuojama į RGB ir tada bendrinama socialinėje žiniasklaidoje, vėl matoma numatyta raudona spalva,

Iš esmės yra 12 spalvų, visai kaip kreidelės, kuriomis žavėjomės dailės pamokose ir kuriomis kūrėme geriausius meno kūrinius.

Seras Izaokas Niutonas 1704 m. sukūrė pirmąjį spalvų ratą, kurį sudarė trys pagrindinės spalvos (raudona, geltona, mėlyna), trys antrinės spalvos (iš pagrindinių spalvų gautos mišrios spalvos) ir šešios tretinės spalvos (gautos sumaišius pagrindines ir antrines spalvas).

Spalvos, kurios suvokiamos kaip šiltos, sudaro kairiąją spalvų rato pusę, o tos, kurios apibūdinamos kaip šaltos, - dešiniąją pusę. "Temperatūros" suvokimas taip pat atsispindi fizikinėje spalvų temperatūroje (K = Kelvinas).

Atspalviais į spalvos toną įtraukiama įvairaus intensyvumo juoda spalva, o atspalviais - balta. Kita vertus, vienas tonas papildo juodą ir baltą, t. y. pilką.

Papildomos spalvos - tai spalvos, esančios viena priešais kitą Fabo apskritime.

Analogiškos spalvos yra viena šalia kitos spalvų rate (raudona, oranžinė, geltona). Viena spalva dominuoja (yra pagrindinė), kita ją palaiko, o trečia akcentuoja.

Spalvų asociacijos

• Mėlyna
  - Teigiami: nuoseklumas, kompetencija, stiprybė, kokybė, produktyvumas, ramybė, saugumas, pasitikėjimas, išmintis, patikimumas.
  - Neigiamas: mažina apetitą (netinka maistui)
• Ruda
  - Teigiami: vyriškumas, natūralumas, atsparumas, patikimumas
  - Neigiama: netinka raginimams imtis veiksmų
• Geltona
  - Teigiami: džiaugsmas, draugiškumas, laimė, jaunystė, kompetencija
  - Neigiama: sukčiavimas, bailumas, prasta kokybė
• Pilka
  - Teigiami: charakterio tvirtumas, oficialumas, praktiškumas, profesionalumas, nesenstantis.
  - Neigiama: atstumas, šaltis, nuobodulys
• Žalioji
  - Teigiami: gaiva, atsigavimas, sveikata, viltis, gamta, augimas, klestėjimas
  - Neigiamas: pavydas
• Oranžinė
  - Teigiami: energija, laimė, optimizmas
  - Neigiamas: ragina būti atsargiems
• Rožinis
  - Teigiami: gerumas, švelnumas, moteriškumas
  - Neigiamas: -
• Raudona
  - Teigiami: aistra, meilė, stiprybė
  - Neigiami: ugnis, pavojus, smurtas, karas, pyktis
• Juoda -
  - Teigiami: autoritetas, blogis, elegancija, ekstravagancija, galia
  - Neigiama: grėsmė, paslaptis, maištas, mirtis, sielvartas
• Violetinė -
  - Teigiami: autoritetas, galia, kūrybiškumas, rafinuotumas, pagarba, dvasingumas, išmintis, klestėjimas.
  - Neigiamas: liūdesys, uždarumas (tamsūs tonai)
• Balta -
  - Teigiami: taika, tyrumas, nekaltumas
  - Neigiamas:
  

Dabar galima atitinkamai pradėti kurti spalvų dizainą. Jei tekstas bus naudojamas spalvotame fone, fono ir teksto kontrastas turi būti pakankamas, kad tekstas būtų sklandžiai ir lengvai skaitomas.
Blogas pasirinkimas - juodas tekstas tamsiai mėlyname fone arba geltonas tekstas oranžiniame fone.
Jei tekstai dedami ant nuotraukų, gali tekti baltą tekstą dėti ant tamsios, o juodą - ant šviesesnės nuotraukos dalies.

Tipografija

Kai jau manote, kad pasiekėte sėkmingo dizaino tikslą, suklumpate ties kita kliūtimi. kas yra tipografija?

Tipografija turi įtakos viskam - nuo šrifto parinkimo iki išdėstymo. Šriftu ne tik perteikiama pagrindinė žinutė, bet ir jūsų įvaizdis bei tikslas. Kad tai pavyktų, svarbu suprasti tipografiją, kad galėtumėte ją tinkamai naudoti.

Kaip mokantis užsienio kalbos labai svarbus žodynas, taip ir tipografijai reikalingas žodynas:

• Šriftų šeima
  Šriftų šeimą sudaro susiję skirtingo pločio, svorio ir svorio šriftai, kuriems būdingos bendros formaliosios savybės.
• Šriftas
  Šriftas - tai glifų (raidžių, skaičių, skyrybos ženklų ir simbolių) rinkinys, sukurtas atitinkamam šriftui būdingu būdu, pvz. Helvetica, Times New Roman.
  Skaitmeniniame pasaulyje šriftas vadinamas Šriftas su etiketėmis.
• Šrifto dydis
  Šrifto svoris apibūdina rašmenis sudarančių brūkšnių storį ir išreiškiamas taip šviesa, normalus, paryškintas arba papildomi riebalai su etiketėmis.
• Šrifto dydis
  Šrifto dydis yra Taškas (Pt.atitinka 1/72 colį; 6 pt dydžio šriftas yra 2,1 mm aukščio - tai tipiškas "smulkusis šriftas").
• Šrifto stilius
  Šrifto stiliuose pateikiama informacija apie išvaizdą, pavyzdžiui, Sans Serif (pvz., "Helvetica"), Serif (Times New Roman) arba scenarijus (pvz. "Lucida" rašymas ranka) arba dekoratyvinės raidės (pvz.    Amsterdamas).

Dėl "gražių" šriftų įvairovės greitai pajusite pagundą įtraukti juos į savo dizainą, bet - sustokite!

Žiūrovai taip pat renkasi šriftus. Vieni jų yra nepopuliarūs arba per daug naudojami, kiti - neįskaitomi. Šriftą reikėtų rinktis atidžiai. Vieną šriftą naudokite antraštėms, kitą - pagrindiniam tekstui. Ne daugiau kaip trečias grupėje, galbūt kaip paantraštė - nieko daugiau!

Aiški hierarchija veda skaitytoją norimu skaitymo keliu ir lengvai, įsimintinai pateikia visą numatytą informaciją.

Jei vietos nedaug, paprasčiausiai pasirinkite mažesnį šriftą, kad tilptų visas turinys. Klystate! Bent jau jei norima, kad skaitytojas visapusiškai suvoktų ir suprastų turinį. Niekas nesiruošia atidžiai nagrinėti teksto su didinamuoju stiklu.
Tai reiškia: sutrumpinti tekstą, apsiriboti svarbiausiais dalykais ir, jei reikia, pakeisti šriftą, kad, viena vertus, pranešimas būtų perduotas išsamiai, kita vertus, kad skaitymas būtų malonus.

Teksto lyginimas

Teksto kūnus galima tvarkyti keturiais būdais: Centruotas, lygiai kairėje arba lygiai dešinėje, su pagrindimu arba išlygintas.

Šie tekstai čia parašyti kairėje sulygiuotu lygiuoju šriftu.

Pagrindimas - tai priverstinis kiekvienos eilutės žodžių išlyginimas į kairę ir į dešinę. Dėl to gali susidaryti nenatūralus žodžių išdėstymas, todėl sunkiau skaityti. Akys yra įpratusios tikėtis taisyklingo tarpo tarp žodžių ir jaučiasi sudirgusios, jei jis nėra toks, kokio tikimasi.

Faux pas - Vargšės prostitutės ir batsiuviai

Kas tai yra? Ne, tai tik tipografiniai išsireiškimai, reiškiantys spausdinimo klaidas.

Batsiuvio berniukas - tai viena pastraipos eilutė puslapio pabaigoje, kurvos vaikas - lygiai taip pat atskirtas pastraipos sakinio tęsinys kitame puslapio viršuje.

Manoma, kad tokie žvaigždynai trikdo skaitymo eigą, yra neestetiški, todėl jų reikėtų vengti.

Fono dizainas

Fone yra visi dizaino elementai, paveikslėliai, antraštės ir teksto turinys. Todėl jis turėtų būti santūrus, kad neapsunkintų tekstų skaitymo ir neiškiltų į pirmą planą.

Tinkamai sutvarkius, pvz., naudojant pasikartojančias, nors ir skirtingas antraštes, fonas taip pat gali imtis organizacinių užduočių.
Tarkime, kad kiekviename puslapyje aprašomi tie patys produktai, tačiau pažymėti skirtingomis spalvomis. Tuomet atitinkama gaminio spalva gali būti antraštės fonas. Tai reiškia, kad nuorodą į aprašomą gaminį jau suteikia vien spalva.

Taigi fonas yra ne kažkas, kuo piktnaudžiaujama siekiant užgožti baltą tuštumą, bet elementas, kuris gali suteikti hierarchijos, tvarkos ir informacijos.