Canva - grafisk design för alla?

Lästid 10 minuter

Uppdaterad - 1 juni 2025

Online-verktyget Canva lanserades i Sydney, Australien, 2012 med uppdraget "Empowering the world to design", att göra grafisk design möjlig för alla.

Melanie Perkins, Cliff Obrecht och Cameron Adams har som främsta mål att "påverka världen positivt genom att göra så mycket gott som möjligt".
De är också involverade i "Nivå två", som består av fyra pelare, nämligen "Stärka ideella organisationer", "Säkerställa grundläggande mänskliga behov", "Möjliggöra utbildning av hög kvalitet" och "Stödja lokala samhällen".

Prissättning

Verktygets grundläggande funktioner är kostnadsfria. Men om du verkligen vill göra mer än bara rudimentär grafisk design är dessa mycket begränsade i sin omfattning.

En betald Pro-version erbjuder hela - och mycket omfattande - utbudet av funktioner. Teams-versionen tillåter minst tre användare att använda licensen. Detta är tillgängligt för en årlig prenumeration på 100 USD per användare. För cirka 8 euro per månad är detta ett mycket rimligt erbjudande, helt i linje med företagets filosofi.

Omfattning av tjänster - målgrupp

Omfattningen av tjänsterna är mer än imponerande. Det finns nästan ingenting som inte kan förverkligas. Typsnitt, typsnittstyper, typsnittsstorlekar, typsnittsfärger, grafiska element, foton, videor, AI, bakgrundsdesign, till och med borttagning av fotobakgrunder löses snyggt med ett klick, för det mesta i alla fall, beroende på komplexiteten hos densamma, naturligtvis.

En lista över alla möjligheter skulle förmodligen fylla flera sidor. Det är definitivt dags att prova dem - kostnadsfritt, förstås.

Om du är grafisk formgivare kommer du att hålla dig till professionella program, eftersom de inte bara erbjuder samma, utan ett mycket mer individuellt utbud av tjänster. Erfarenhet av att använda sådana program är dock avgörande, och inlärningskurvan är i motsvarande grad brant om du inte har studerat grafisk design och därför har kunnat få praktisk erfarenhet.

Målgruppen är därför främst icke-professionella som ska kunna använda de verktyg som erbjuds för att skapa grafik som är tillräcklig för tillfällig och privat användning. Men även mindre företag som inte har råd med en grafisk formgivare och inte vill lägga ut arbetet på entreprenad är målgrupper.

Ansökan

Jag skulle vilja jämföra användningen av de verktyg som erbjuds med den stora verktygslådan hos en elektriker eller bilmekaniker.

Lekmannen har alltså alla verktyg han behöver för att utföra det specifika arbetet. Men vad gör vi med alla skruvmejslar, tänger, avbitartänger, mätinstrument, muttersatser, spärrnycklar, skiftnycklar och ringnycklar etc.?
Kan vi verkligen lösa ett - något mer komplext - tekniskt problem enbart med hjälp av verktyget, utan någon specialistkunskap?

För detta ändamål erbjuder Canva videohandledningar som täcker olika ämnen. Dessa är lämpliga för att få ett första intryck av hur man använder verktygen och skapar din egen design.

Grunderna

Grunderna för hur man utnyttjar utrymmet, balansen mellan elementen, strukturering, textur, former, linjer, färger, typografi, textur och varumärkesprofilering lämnas tyvärr åt användarens fria fantasi.

Men det är just dessa aspekter som är avgörande för en tilltalande, balanserad och meningsfull design som kan förmedla sin effekt på ett målinriktat och effektivt sätt.

Denna artikel syftar till att fylla detta tomrum.

Alla begynnelser...

... är svårt. Motivation, nödvändighet och engagemang avgör framgång eller misslyckande. Det gamla ordspråket "ingen smärta, ingen vinst" gäller även här. Så om du vill, så kan du!

Så låt oss gå vidare steg för steg och undersöka vart och ett av de ovannämnda ämnena, lära oss bakgrunden för att förverkliga den önskade framgången med önskad design!

Steg för steg

Utnyttjande av rum

Låt oss föreställa oss att vi har ett vackert, stort och ljust rum som vi kan möblera och designa med befintliga föremål. De befintliga objekten kan jämföras med de fördefinierade designelementen i Canva.

Precis som vi inte staplar alla möbler, mattor, tavlor etc. i ett hörn av rummet, staplar vi inte grafiska element ovanpå varandra.

Utrymmet kommer därför att delas in i områden som är inbjudande, sådana som uppmuntrar människor att dröja sig kvar och sådana som är rent informativa.

Man skulle också kunna tänka sig ett rutnät som täcker rummet och gör det möjligt att strukturera placeringen av de olika objekten. Det hjälper till att skapa ordning, ta betraktaren i handen och guida honom eller henne genom innehållet. Först för att känna igen det viktiga, sedan för att läsa förklaringen och förstå kärnan, oavsett om det är datum, plats och tid för en händelse, ett Zoom-möte eller något annat.

Även en flyktig blick på designen bör göra det möjligt för tittaren att memorera de tre väsentliga innehållet i förbigående: vad det handlar om (nyckelord och kort beskrivning), var och när det äger rum.

Balans

Vi placerar soffbordet i mitten av rummet, med soffan och de två fåtöljerna direkt framför och golvlampan mitt på bordet. Om du vill sitta i soffan måste du först dra tillbaka soffan från bordet för att skapa det utrymme som behövs. Samma sak gäller för alla andra som vill göra det bekvämt för sig. Och golvlampan bländar omedelbart dem som sitter mittemot, varför den bör placeras längre bort från bordet.

Detsamma gäller för designen: du ska alltid vara noga med att arrangera de enskilda text- och grafikelementen på ett sådant sätt att de inte tar andrum från varandra, utan skapar ett tilltalande och lättläst utseende på ett balanserat avstånd från varandra.

Detta kan uppnås utan några grafiska element, t.ex. linjer, eftersom textavsnitt, som alla har samma indrag, också är inriktade på denna imaginära linje. Den delar så att säga upp designen i två halvor. Den andra, tomma halvan kan förses med ett grafiskt element eller till och med en större text och ta över den visuella vägledningen av betraktarens blick.

Om du väljer att använda ett grafiskt element som separator mellan de två textavsnitten, säkerställer ett identiskt avstånd mellan de två textavsnitten till vänster och höger om detta element tillräckligt med utrymme för att andas, den nödvändiga balansen.

I tveksamma fall är tredjedelsregeln till för att skapa balans i varje design: en gran som är placerad exakt i mitten av bilden framför en bergskedja kommer sannolikt att ge betraktaren en "på något sätt" obehaglig tittarupplevelse. Om granen placeras i de två nedre högra tredjedelarna, horisonten löper längs gränsen till den sista horisontella tredjedelen, bergskedjan i den nedre tredjedelen, medan himlen fyller de övre tredjedelarna, kommer betraktarens öga att uppfatta bildens vidsträckthet (bergskedjan och himlen) och, som en kontrapunkt, granen till höger i förgrunden.
När det gäller föremål i rörelse, t.ex. ett segelfartyg, ger placeringen en uppfattning om färdriktningen: Ett fartyg som färdas från vänster till höger kommer därför inte att avbildas i mitten, utan om du vill betona dess ankomst kommer det att röra sig in i bilden från vänster eller ut ur bilden till höger.

I logotypdesign hjälper det faktum att ett udda antal element skapar ett balanserat intryck när det ses. Vanligtvis är det tre, mer sällan fem. En logotyp som liknar ett runt sigill har själva logotypen i mitten, eller en eller två bokstäver, eventuellt sammanflätade, medan texten är ordnad i en cirkel ovanför och nedanför.
En balanserad bokstav kan också placeras till höger och vänster om logotypen för att skapa en visuell balans.

Även så kallad. Negativt utrymme (white empty space) används för att strukturera, ta bort "skräp", dvs. ballast som gör det omöjligt att se en design på ett guidat sätt. Mindre är ofta mer!
Det vita utrymmet är det enda element som inte uttryckligen läggs till. Det finns helt enkelt där och gör ingenting. Eller gör den det? Den separerar element från varandra, indikerar att de ska uppfattas separat från varandra.

Vid interaktiv design, t.ex. utformning av formulär, bör fältnamnens (t.ex. namn, telefon) närhet till respektive fält kännas igen omedelbart. Om fältnamnen placerades på samma avstånd från det följande fältet som avståndet från fältets nedre kant till nästa fältnamn, skulle visningstiden bli mycket längre än om fältnamnet omedelbart följdes av fältet och nästa fältnamn (med tillhörande fält) placerades på ett tydligt avstånd.

För mer omfattande formulär är indelningen i grupper till stor hjälp. Om du ska fylla i ett flera meter långt formulär stannar du oftast upp innan du har "fyllt i" hälften av det.
Grupperingen tyder på snabbare framsteg och resulterar följaktligen i ett framgångsrikt ifyllande och inlämnande av formuläret.

Rullgardinsmenyer, som erbjuder logiskt fördefinierat innehåll för snabbval, bidrar också till att förenkla processen.

Strukturering

Det går att få uppmärksamhet med hjälp av bra strukturering. Ett bra exempel är Googles hemsida. Vad gör en användare som Google samtal? Sök. vad behöver den för detta? Ett sökfält. Vad hittar den? Hans sökfält, under bokstäverna Googlesom ständigt omarbetas för att öka dess attraktionskraft.

Ett motexempel är ingångssidan för Yahoosom trots allt visar sökfältet i första positionen på sidan, men överväldigar betraktaren med det övriga innehållet på de återstående 95% eller så, eller åtminstone distraherar från det faktiska syftet med besöket.

Det mänskliga minnet blockerar oviktiga saker för att undvika överbelastning och för att kunna fokusera på det viktiga. Denna bortträngning är dock också en hjärnfunktion och minskar därför den återstående förmågan att koncentrera sig på det väsentliga.

Korttidsminnet kan i genomsnitt lagra upp till sju element. Så om du vill att t.ex. presentationsinnehållet ska finnas kvar i korttidsminnet får du inte presentera mer än dessa sju element på en sida.
Dessa kan också struktureras på lämpligt sätt, t.ex. 3 + 4, 2 + 5 eller vice versa, för att betona punkter som hör ihop.

För att skapa en struktur är det bra att först göra en mental skiss som tar hänsyn till följande punkter:

• Vad är den viktigaste informationen (största elementet eller centrerat, fetstil - selektivt, för om allt skrivs ut i fetstil förlorar den betonande fetstilen sin betydelse)
• Symmetriskt eller asymmetriskt arrangemang (varje element har en vikt)
• Färgval (90% av alla beslut om huruvida en produkt ska bedömas positivt eller negativt fattas inom mindre än 90 sekunder enbart på grundval av färg; färg ökar exempelvis igenkänningsvärdet för ett varumärke med upp till 80%)
• Kontrast (skapar rymd, djup)
• Vitt utrymme (separering av element)
• Proportion (förhållandet mellan elementens visuella storlek och vikt i förhållande till varandra)
• Rörelse (visuell, konsekvent vägledning genom innehållet; om du snubblar någonstans i processen medan du tittar måste designen korrigeras)

I praktiken är nästa steg att sätta textinnehållet på papper. Detta följs av produktbilder. Nu kan elementen placeras ut.

Färgteori

Varför ska du behöva ägna dig åt färglära? Jo, å ena sidan spelar färger en nyckelroll i utvärderingen av designinnehållet, och å andra sidan kan de dölja sig själva på ett utmärkt sätt. Förklädnad i den meningen att de kan se helt annorlunda ut i tryck än på bildskärmen eller i sociala medier.

Detta beror på att CMYK-färgsystemet (subtraktivt; man tar bort "ljus" från papperet genom att lägga till mer färg) är dominerande inom tryckning, medan RGB-systemet (additivt; alla färger tillsammans resulterar i vitt) är dominerande inom digital reproduktion.
Den tidigare rika CMYK-röda färgen i trycksaken framstår bara som en blekröd färg i sociala medier. Om den konverteras till RGB och sedan delas på sociala medier kan den avsedda röda färgen ses igen,

Det finns i princip 12 färger, precis som de kritor vi beundrade på bildlektionerna och skapade de bästa konstverken med.

Sir Isaac Newton ritade den första färgcirkeln 1704, som bestod av tre primärfärger (rött, gult, blått), tre sekundärfärger (de blandfärger som uppstår när man blandar primärfärgerna) och sex tertiärfärger (som uppstår när man blandar primär- och sekundärfärgerna).

De färger som uppfattas som varma bildar den vänstra halvan av färgcirkeln, de som beskrivs som kalla den högra halvan. Uppfattningen om "temperatur" återspeglas också i den fysiska färgtemperaturen (K = Kelvin).

Nyanser tillför svart till färgtonen med varierande intensitet, medan kulörer tillför vitt. En ton är däremot ett komplement till svart och vitt, dvs. grå.

Komplementfärger är färger som ligger mittemot varandra i Fab-cirkeln.

Analogifärgerna ligger bredvid varandra i färgcirkeln (rött, orange, gult). En färg dominerar (leder), en annan stödjer den och den tredje sätter accenter.

Färgassociationer

• Blå
  - Positivt: konsekvens, kompetens, styrka, kvalitet, produktivitet, lugn, trygghet, tillit, visdom, pålitlighet
  - Negativt: hämmar aptiten (inte lämplig för mat)
• Brun
  - Positivt: maskulinitet, naturlighet, motståndskraft, pålitlighet
  - Negativt: inte lämpligt för uppmaningar till handling
• Gul
  - Positivt: glädje, vänlighet, lycka, ungdom, kompetens
  - Negativt: Bedrägeri, feghet, dålig kvalitet
• Grå
  - Positivt: karaktärsstyrka, formalitet, praktisk, professionalism, tidlöshet
  - Negativt: Avstånd, kyla, tristess
• Grön
  - Positivt: uppfriskning, återhämtning, hälsa, hopp, natur, tillväxt, välstånd
  - Negativt: Avundsjuka
• Orange
  - Positivt: energi, lycka, optimism
  - Negativt: manar till försiktighet
• Rosa
  - Positivt: vänlighet, mildhet, femininitet
  - Negativt: -
• Röd
  - Positivt: passion, kärlek, styrka
  - Negativt: eld, fara, våld, krig, ilska
• Svart
  - Positivt: auktoritet, ondska, elegans, extravagans, makt
  - Negativt: Hot, mysterium, uppror, död, sorg
• Violet -
  - Positivt: auktoritet, makt, kreativitet, sofistikerad, respekt, andlighet, visdom, välstånd
  - Negativt: sorgsenhet, avståndstagande (mörka toner)
• Vit
  - Positivt: fred, renhet, oskuld
  - Negativt:
  

Nu kan färgsättningen påbörjas i enlighet med detta. Om text ska användas på en färgad bakgrund måste kontrasten mellan bakgrund och text vara tillräcklig för att säkerställa en smidig och enkel läsning.
Ett dåligt val är svart text på en mörkblå bakgrund eller gul text på en orange bakgrund.
För texter som placeras över foton kan det vara nödvändigt att placera vit text på den mörka delen av bilden och svart text över den ljusare delen av bilden.

Typografi

Precis när du tror att du har nått målet med en framgångsrik design snubblar du över nästa hinder. vad är typografi?

Typografi påverkar allt, från valet till layouten av teckensnittet. Typografin ska inte bara förmedla kärnbudskapet, utan också din självbild och ditt syfte. För att detta ska lyckas är det viktigt att förstå typografin för att kunna använda den på rätt sätt.

Precis som ordförråd är av grundläggande betydelse när man lär sig ett främmande språk, behöver typografi också ordförråd:

• Fontfamilj
  En typsnittsfamilj innehåller relaterade typsnitt av olika bredd, vikt och tyngd med gemensamma formella egenskaper.
• font
  Ett teckensnitt är en uppsättning glyfer (bokstäver, siffror, skiljetecken och symboler) som är utformade på ett sätt som är typiskt för respektive teckensnitt, t.ex. Helvetica, Times New Roman.
  I den digitala världen kallas ett teckensnitt för Font utsedda.
• Fontstorlek
  Teckensnittets vikt beskriver tjockleken på de streck som utgör tecknen och uttrycks som ljus, normal, djärv eller extra fett utsedda.
• Fontstorlek
  Storleken på teckensnittet är Punkt (Pt.motsvarar 1/72 tum; en teckenstorlek på 6 pt är 2,1 mm hög, den typiska "småskriften").
• Fontstil
  Teckensnittsstilar ger information om utseendet, till exempel Sans Serif (t.ex. Helvetica), Serif (Times New Roman) eller skript (t.ex. Lucida Handskrift), eller dekorativa bokstäver (t.ex.    Amsterdam).

På grund av mångfalden av "vackra" teckensnitt kommer du snabbt att frestas att inkludera dem i din design, men - sluta!

Tittarna har också preferenser när det gäller typsnitt. Vissa är impopulära eller överanvända, andra är oläsliga. Valet av typsnitt bör göras med omsorg. Ett för rubriken, ett annat för brödtexten. Högst ett tredje i gruppen, kanske som undertext - inget mer!

En tydlig hierarki leder läsaren längs den önskade läsvägen och förmedlar all avsedd information på ett enkelt och minnesvärt sätt.

Om utrymmet är begränsat väljer du helt enkelt ett mindre typsnitt, ända ner till det "finstilta", för att få plats med hela innehållet. Det är fel! Åtminstone om läsaren ska kunna uppfatta och förstå innehållet fullt ut. Ingen kommer att granska texten med ett förstoringsglas.
Det innebär: korta ner texten, begränsa den till det väsentliga och byt vid behov typsnitt för att å ena sidan få fram hela budskapet och å andra sidan behålla läsglädjen.

Justering av text

Det finns fyra sätt att ordna textmassan: Centrerad, vänsterspegel eller högerspegel i justifiering eller motiverad.

Texterna här är skrivna med vänsterjusterad flush-sättning.

Justifikation är en påtvingad justering av orden på varje rad till vänster och höger. Detta kan skapa onaturliga ordavstånd, vilket gör läsningen svårare. Ögat är vant att förvänta sig ett regelbundet ordavstånd och känner sig irriterat om det inte är som förväntat.

Faux pas - Horor och skomakare

Vad är det där nu igen? Nej, det är bara typografiska uttryck som visar på sättningsfel.

En skomakares pojke är en enda rad i ett stycke i slutet av sidan, en horas barn är den lika separerade fortsättningen på meningen i ett stycke på följande översta del av sidan.

Sådana konstellationer anses störa läsflödet, är oestetiska och bör därför undvikas.

Bakgrundsdesign

Bakgrunden bär upp alla element i designen, bilder, rubriker och textinnehåll. Den bör därför hållas diskret för att inte försvåra läsningen av texter eller tränga sig i förgrunden.

Med ett lämpligt arrangemang, t.ex. återkommande, om än olika rubriker, kan bakgrunden också ta på sig organisatoriska uppgifter.
Låt oss anta att samma produkter beskrivs på varje sida, men att de är märkta med olika färger. Respektive produktfärg kan då fungera som bakgrund för rubriken. Detta innebär att hänvisningen till den beskrivna produkten redan ges av färgen.

Bakgrunden är alltså inte något som missbrukas för att undertrycka det vita tomrummet, utan ett element som kan ge hierarki, ordning och information.