{"id":9982,"date":"2025-05-28T20:37:22","date_gmt":"2025-05-28T20:37:22","guid":{"rendered":"https:\/\/csiag.eu\/?p=9982"},"modified":"2025-06-01T18:35:19","modified_gmt":"2025-06-01T18:35:19","slug":"graficno-oblikovanje-canva-za-vsakogar","status":"publish","type":"post","link":"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/","title":{"rendered":"Canva - grafi\u010dno oblikovanje za vsakogar?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Vsebina<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Preisgestaltung\" >Oblikovanje cen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Leistungsumfang_%E2%80%93_Zielgruppe\" >Obseg storitev - ciljna skupina<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Anwendung\" >Aplikacija<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Grundlagen\" >Osnove<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Aller_Anfang_%E2%80%A6\" >Vsi za\u010detki ...<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Schritt_fur_Schritt\" >Korak za korakom<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Raumnutzung\" >Izkori\u0161\u010denost prostorov<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Balance\" >Bilanca<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Strukturierung\" >Strukturiranje<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Farblehre\" >Teorija barv<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Farbassoziationen\" >Barvne asociacije<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Typographie\" >Tipografija<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Textausrichtung\" >Poravnava besedila<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Faux_pas_%E2%80%93_Hurenkinder_und_Schusterjungen\" >Faux pas - Kurbe in \u010devljarji<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/#Hintergrund-Design\" >Oblikovanje ozadja<\/a><\/li><\/ul><\/nav><\/div>\n<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">\u010cas branja<\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">minute<\/span><\/span>\n<p class=\"wp-block-paragraph\">Spletno orodje <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a> je bil ustanovljen leta 2012 v Sydneyju v Avstraliji s poslanstvom \"Opolnomo\u010diti svet za oblikovanje\" in omogo\u010diti grafi\u010dno oblikovanje vsakomur. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Melanie Perkins<\/em>, <em>Cliff Obrecht<\/em> in . <em>Cameron Adams<\/em> si predvsem prizadevajo za \"pozitiven vpliv na svet s tem, da naredijo \u010dim ve\u010d dobrega\".<br>Sodelujejo tudi pri projektu \"<a href=\"https:\/\/www.canva.com\/de_de\/step-two\/\" target=\"_blank\" rel=\"noreferrer noopener\">Druga stopnja<\/a>\", ki predstavlja \u0161tiri stebre, in sicer \"Krepitev neprofitnih organizacij\", \"Zagotavljanje osnovnih \u010dlovekovih potreb\", \"Omogo\u010danje visokokakovostnega izobra\u017eevanja\" in \"Podpora lokalnim skupnostim\".<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Preisgestaltung\"><\/span>Oblikovanje cen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Osnovne funkcije orodja so brezpla\u010dne. \u010ce pa \u017eelite narediti ve\u010d kot le osnovno grafi\u010dno oblikovanje, je njihov obseg zelo omejen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V pla\u010dljivi razli\u010dici Pro je na voljo celoten - in zelo obse\u017een - nabor funkcij. Razli\u010dica Teams omogo\u010da uporabo licence najmanj trem uporabnikom. Na voljo je za letno naro\u010dnino 100 USD na uporabnika. Za pribli\u017eno 8 evrov na mesec je to zelo ugodna ponudba, ki je v skladu s filozofijo podjetja.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Leistungsumfang_%E2%80%93_Zielgruppe\"><\/span>Obseg storitev - ciljna skupina<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Obseg storitev je ve\u010d kot impresiven. Skoraj ni\u010desar ni mogo\u010de uresni\u010diti. Pisave, vrste pisav, velikosti pisav, barve pisav, grafi\u010dni elementi, fotografije, videoposnetki, umetna inteligenca, oblikovanje ozadja, celo odstranjevanje ozadij fotografij je elegantno re\u0161eno z enim klikom, ve\u010dinoma tako ali tako, seveda odvisno od zahtevnosti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seznam vseh mo\u017enosti bi verjetno zapolnil ve\u010d strani. Vsekakor je \u010das, da jih preizkusite - seveda brezpla\u010dno. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u010ce ste grafi\u010dni oblikovalec, se boste dr\u017eali profesionalnih programov, saj ti ne ponujajo le enakega, temve\u010d tudi veliko bolj individualen obseg storitev. Vendar so izku\u0161nje z uporabo tak\u0161nih programov nujne, prav tako tudi u\u010dna krivulja, razen \u010de ste \u0161tudirali grafi\u010dno oblikovanje in ste zato lahko pridobili prakti\u010dne izku\u0161nje.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ciljna skupina so torej predvsem neprofesionalci, ki naj bi bili sposobni s ponujenimi orodji ustvariti grafiko, ki bo zadostovala za ob\u010dasno in zasebno uporabo. Vendar so ciljna skupina tudi manj\u0161a podjetja, ki si ne morejo privo\u0161\u010diti grafi\u010dnega oblikovalca in ne \u017eelijo oddati dela zunanjim izvajalcem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Anwendung\"><\/span>Aplikacija<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Uporabo ponujenega orodja bi rad primerjal z velikim kov\u010dkom orodja elektri\u010darja ali avtomehanika.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tako ima laik na voljo vsa orodja, ki jih potrebuje za opravljanje dolo\u010denega dela. Toda kaj storiti z vsemi izvija\u010di, kle\u0161\u010dami, odstranjevalci \u017eice, merilnimi napravami, kompleti matic, ro\u010dicami, klju\u010di in obro\u010dnimi klju\u010di itd.? <br>Ali lahko res re\u0161imo - nekoliko bolj zapleteno - tehni\u010dno te\u017eavo samo z orodjem, brez strokovnega znanja?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Canva v ta namen ponuja videoposnetke z razli\u010dnimi temami. Primerni so za prvi vtis o uporabi orodij in ustvarjanju lastnega oblikovanja.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Grundlagen\"><\/span>Osnove<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Osnove uporabe prostora, ravnovesja elementov, strukturiranja, teksture, oblik, linij, barv, tipografije, teksture in blagovne znamke so \u017eal prepu\u0161\u010dene svobodni domi\u0161ljiji uporabnika.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vendar so prav ti vidiki odlo\u010dilni za privla\u010dno, uravnote\u017eeno in smiselno zasnovo, ki lahko ciljno usmerjeno in u\u010dinkovito izrazi svoj vpliv.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Namen tega \u010dlanka je zapolniti to vrzel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Aller_Anfang_%E2%80%A6\"><\/span>Vsi za\u010detki ...<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">... je te\u017eko. Motivacija, nujnost in predanost odlo\u010dajo o uspehu ali neuspehu. Tudi tu velja stari pregovor \"brez bole\u010dine ni dobi\u010dka\". \u010ce torej \u017eelite, lahko!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zato pojdimo korak za korakom in preu\u010dimo vsako od zgoraj omenjenih tem, spoznajmo ozadje, da bi dosegli \u017eeleni uspeh z \u017eelenim dizajnom!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Schritt_fur_Schritt\"><\/span>Korak za korakom<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Raumnutzung\"><\/span>Izkori\u0161\u010denost prostorov<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Predstavljajmo si, da imamo lep, velik in svetel prostor, ki ga lahko opremimo in oblikujemo z obstoje\u010dimi predmeti. Obstoje\u010de predmete lahko primerjamo z vnaprej dolo\u010denimi elementi oblikovanja v programu Canva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tako kot ne bomo vsega pohi\u0161tva, preprog, slik itd. zlagali v enem kotu sobe, tudi grafi\u010dnih elementov ne bomo zlagali enega na drugega.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zato bo prostor razdeljen na obmo\u010dja, ki vabijo k ogledu, na tista, ki spodbujajo k zadr\u017eevanju, in na tista, ki so zgolj informativnega zna\u010daja.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Predstavljamo si lahko tudi mre\u017eo, ki pokriva prostor in omogo\u010da strukturirano razporeditev razli\u010dnih predmetov. Pomaga ustvariti red, gledalca popelje za roko in ga vodi skozi vsebino. Najprej, da prepozna pomembne stvari, nato pa prebere razlago in dojame bistvo, pa naj gre za datum, kraj in \u010das dogodka, sestanek Zoom ali karkoli drugega. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u017de be\u017een pogled na zasnovo mora gledalcu omogo\u010diti, da si mimogrede zapomni tri bistvene vsebine: za kaj gre (klju\u010dna beseda in kratek opis), kje in kdaj se dogaja.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Balance\"><\/span>Bilanca<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kavno mizico postavimo na sredino sobe, kav\u010d in fotelja neposredno pred njo, talno svetilko pa na sredino mize. \u010ce \u017eelite sedeti na kav\u010du, ga morate najprej umakniti od mize, da ustvarite potreben prostor. Enako velja za vse druge, ki se \u017eelijo udobno namestiti. Talna svetilka pa takoj zaslepi tiste, ki sedijo nasproti, zato jo je treba postaviti dlje od mize.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enako velja za oblikovanje: vedno morate paziti, da posamezne besedilne in grafi\u010dne elemente razporedite tako, da drug drugemu ne jemljejo prostora, temve\u010d ustvarjajo privla\u010den in berljiv videz v uravnote\u017eeni medsebojni razdalji.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To je mogo\u010de dose\u010di brez grafi\u010dnih elementov, kot so \u010drte, saj so deli besedila, ki imajo vsi enak odmik, prav tako poravnani s to nami\u0161ljeno \u010drto. Tako reko\u010d razdeli zasnovo na dve polovici. Druga, prazna polovica je lahko opremljena z grafi\u010dnim elementom ali celo ve\u010djim besedilom in prevzame vizualno vodenje gledal\u010devega pogleda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u010ce se odlo\u010dite za grafi\u010dni element kot lo\u010dilo med dvema besedilnima vsebinama, enaka razdalja med obema deloma besedila levo in desno od tega elementa zagotavlja dovolj prostora za dihanje in potrebno ravnovesje.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V primeru dvoma je pravilo tretjin namenjeno ravnovesju vsake zasnove: jelka, ki je postavljena to\u010dno na sredino slike pred gorovjem, bo gledalcu verjetno povzro\u010dila \"nekako\" neprijetno izku\u0161njo gledanja. \u010ce je jelka postavljena v spodnji dve desni tretjini, obzorje te\u010de ob robu do zadnje vodoravne tretjine, gorovje v spodnji tretjini, medtem ko nebo zapolnjuje zgornji tretjini, bo gledal\u010devo oko zaznalo prostranost slike (gorovje in nebo), kot kontrapunkt pa jelko na desni v prvem planu.<br>Pri premikajo\u010dih se predmetih, kot je jadrnica, nam polo\u017eaj omogo\u010da predstavo o smeri potovanja: Ladja, ki potuje od leve proti desni, zato ne bo upodobljena v sredini, temve\u010d se bo, \u010de \u017eelite poudariti njen prihod, na sliko premaknila z leve ali s slike z desne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pri oblikovanju logotipa pomaga dejstvo, da liho \u0161tevilo elementov ustvarja uravnote\u017een vtis. Obi\u010dajno so to trije, redkeje pet. Logotip, ki spominja na okrogel pe\u010dat, ima v sredini sam logotip ali eno ali dve \u010drki, po mo\u017enosti prepleteni, besedilo pa je razporejeno v krogu nad in pod njim.<br>Uravnote\u017eeni napisi so lahko tudi na desni in levi strani logotipa, da ustvarijo vizualno ravnovesje.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tudi tako imenovani. <em>Negativni prostor<\/em> (bel prazen prostor) se uporablja za strukturiranje, odstranjevanje \"nereda\", tj. balasta, ki onemogo\u010da voden pogled na zasnovo. Manj je pogosto ve\u010d!<br>Beli prostor je edini element, ki ni izrecno dodan. Preprosto je tam in ne po\u010dne ni\u010desar. Ali pa tudi ne? Lo\u010di elemente med seboj in nakazuje, da jih je treba dojemati lo\u010deno drug od drugega.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"505\" height=\"796\" src=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5.png\" alt=\"\" class=\"wp-image-9997\" style=\"width:351px;height:auto\" srcset=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5.png 505w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5-190x300.png 190w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-5-8x12.png 8w\" sizes=\"(max-width: 505px) 100vw, 505px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/99designs.de\/poster-design\/contests\/create-modern-poster-french-film-festival-cr%C3%A9ez-une-508160\/entries\" target=\"_blank\" rel=\"noreferrer noopener\">Oblikovanje plakatov<\/a><em>&nbsp;za pmoretti<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Pri interaktivnem oblikovanju, npr. oblikovanju obrazcev, je treba takoj prepoznati bli\u017eino imen polj (npr. ime, telefon) do ustreznega polja. \u010ce bi bila imena polj postavljena na enaki razdalji od naslednjega polja, kot je razdalja od spodnjega roba polja do naslednjega imena polja, bi bil \u010das pregledovanja veliko dalj\u0161i, kot \u010de imenu polja takoj sledi polje in je naslednje ime polja (s pripadajo\u010dim poljem) postavljeno na jasni razdalji.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u010ce morate izpolniti ve\u010d metrov dolg obrazec, se obi\u010dajno ustavite, \u0161e preden \"dokon\u010date\" polovico obrazca.<br>Razvrstitev v skupine omogo\u010da hitrej\u0161e napredovanje in posledi\u010dno uspe\u0161no izpolnitev in oddajo obrazca.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Postopek poenostavijo tudi spustni meniji, ki ponujajo logi\u010dno vnaprej dolo\u010deno vsebino za hitro izbiro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Strukturierung\"><\/span>Strukturiranje<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pozornost je mogo\u010de pritegniti z dobrim strukturiranjem. Dober primer je Googlova doma\u010da stran. Kaj uporabnik, ki <em>Google<\/em> klice? Iskanje. kaj potrebuje za to? Iskalno polje. Kaj najde? Njegovo iskalno polje pod napisom <em><a href=\"https:\/\/google.de\" target=\"_blank\" rel=\"noreferrer noopener\">Google<\/a><\/em>ki ga nenehno preoblikujemo, da bi pove\u010dali njegovo privla\u010dnost.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nasprotni primer je na primer vstopna stran <em><a href=\"https:\/\/yahoo.de\" target=\"_blank\" rel=\"noreferrer noopener\">Yahoo<\/a><\/em>ki navsezadnje prika\u017ee iskalno polje na prvem mestu na strani, vendar gledalca preplavlja z drugo vsebino na preostalih pribli\u017eno 95% ali vsaj odvra\u010da pozornost od dejanskega namena obiska.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u010clove\u0161ki spomin blokira nepomembne stvari, da bi se izognil preobremenjenosti in se lahko osredoto\u010dil na pomembne stvari. Kljub temu je tudi to izginjanje del delovanja mo\u017eganov in zato zmanj\u0161uje preostalo zmo\u017enost osredoto\u010danja na bistvene stvari.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kratkoro\u010dni spomin lahko v povpre\u010dju shrani do sedem elementov. \u010ce torej \u017eelite, da na primer vsebina predstavitve ostane na voljo v kratkoro\u010dnem spominu, na eni strani ne smete predstaviti ve\u010d kot teh sedem elementov.<br>Lahko jih tudi ustrezno strukturirate, npr. 3 + 4, 2 + 5 ali obratno, da poudarite to\u010dke, ki spadajo skupaj.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pri oblikovanju strukture si najprej naredite miselno skico, ki upo\u0161teva naslednje to\u010dke:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Katera informacija je najpomembnej\u0161a (najve\u010dji element ali osredinjena, krepka pisava - selektivna, saj \u010de je vse natisnjeno krepko, poudarjena krepka pisava izgubi svoj pomen).<\/li>\n\n\n\n<li>Simetri\u010dna ali asimetri\u010dna razporeditev (vsak element ima svojo te\u017eo)<\/li>\n\n\n\n<li>izbira barve (90% vseh odlo\u010ditev o pozitivni ali negativni oceni izdelka se sprejme v manj kot 90 sekundah samo na podlagi barve; barva na primer pove\u010da vrednost prepoznavnosti blagovne znamke do 80%)<\/li>\n\n\n\n<li>Kontrast (ustvarja prostor, globino)<\/li>\n\n\n\n<li>Beli prostor (lo\u010devanje elementov)<\/li>\n\n\n\n<li>razmerje (razmerje med vizualno velikostjo in te\u017eo elementov med seboj)<\/li>\n\n\n\n<li>Gibanje (vizualno, dosledno vodenje skozi vsebino; \u010de se med ogledom kje spotaknete, je treba zasnovo popraviti).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">V praksi je naslednji korak ta, da vsebino besedila prenesete na papir. Temu sledijo slike izdelkov. Sedaj je mogo\u010de postaviti elemente. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Farblehre\"><\/span>Teorija barv<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Zakaj bi se morali ukvarjati s teorijo barv? Po eni strani imajo barve klju\u010dno vlogo pri ocenjevanju vsebine oblikovanja, po drugi strani pa se lahko odli\u010dno prikrijejo. Prikrivajo se v smislu, da so lahko v tisku videti povsem druga\u010de kot na zaslonu ali v dru\u017eabnih medijih.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V tiskarstvu namre\u010d prevladuje barvni sistem CMYK (subtraktivni; z dodajanjem dodatnih barv papirju odvzamete \"svetlobo\"), v svetu digitalne reprodukcije pa prevladuje sistem RGB (aditivni; vse barve skupaj dajejo belo barvo). <br>Prej bogata rde\u010da barva CMYK v tisku je v dru\u017eabnih medijih videti kot bledo rde\u010da. \u010ce jo pretvorimo v RGB in nato delimo v dru\u017eabnih medijih, je spet vidna predvidena rde\u010da barva,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V osnovi je na voljo 12 barv, prav tak\u0161nih, kot smo jih ob\u010dudovali pri likovnem pouku in z njimi ustvarjali najbolj\u0161e umetnine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Sir Isaac Newton <\/em>je leta 1704 zasnoval prvi barvni krog, sestavljen iz treh osnovnih barv (rde\u010da, rumena, modra), treh sekundarnih barv (me\u0161ane barve, ki izhajajo iz osnovnih barv) in \u0161estih terciarnih barv (ki nastanejo z me\u0161anjem osnovnih in sekundarnih barv).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"930\" height=\"930\" src=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1.png\" alt=\"\" class=\"wp-image-9984\" style=\"width:369px;height:auto\" srcset=\"https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1.png 930w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-300x300.png 300w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-150x150.png 150w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-768x768.png 768w, https:\/\/csiag.eu\/wp-content\/uploads\/2025\/05\/image-1-12x12.png 12w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Barve, ki jih dojemamo kot tople, tvorijo levo polovico barvnega kroga, tiste, ki jih opisujemo kot hladne, pa desno polovico. Dojemanje \"temperature\" se odra\u017ea tudi v fizi\u010dni barvni temperaturi (<em>K = Kelvin<\/em>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Odtenki barvnemu tonu dodajo \u010drno barvo z razli\u010dno intenzivnostjo, medtem ko odtenki dodajo belo barvo. En ton pa dopolnjuje \u010drno in belo, tj. sivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Komplementarne barve so barve, ki le\u017eijo druga proti drugi v krogu Fab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Analogne barve le\u017eijo druga ob drugi na barvnem kolesu (rde\u010da, oran\u017ena, rumena). Ena barva prevladuje (je vodilna), druga jo podpira, tretja pa postavlja poudarke.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Farbassoziationen\"><\/span>Barvne asociacije<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Modra<br>- Pozitivne: doslednost, usposobljenost, mo\u010d, kakovost, produktivnost, mirnost, varnost, zaupanje, modrost, zanesljivost<br>- Negativno: zmanj\u0161uje apetit (ni primerno za hrano)<\/li>\n\n\n\n<li>Rjava<br>- Pozitivno: mo\u0161kost, naravnost, odpornost, zanesljivost<br>- Negativno: ni primerno za klice k akciji<\/li>\n\n\n\n<li>Rumena<br>- Pozitivno: veselje, prijaznost, sre\u010da, mladost, kompetentnost<br>- Negativno: goljufija, strahopetnost, slaba kakovost<\/li>\n\n\n\n<li>Siva<br>- Pozitivno: mo\u010d zna\u010daja, formalnost, prakti\u010dnost, strokovnost, brez\u010dasnost<br>- Negativno: Oddaljenost, mraz, dolg\u010das<\/li>\n\n\n\n<li>Zelena<br>- Pozitivno: osve\u017eitev, okrevanje, zdravje, upanje, narava, rast, blaginja<br>- Negativno: zavist<\/li>\n\n\n\n<li>Oran\u017ena<br>- Pozitivno: energija, sre\u010da, optimizem<br>- Negativno: poziva k previdnosti<\/li>\n\n\n\n<li>Roza<br>- Pozitivno: prijaznost, ne\u017enost, \u017eenstvenost<br>- Negativno: -<\/li>\n\n\n\n<li>Rde\u010da<br>- Pozitivno: strast, ljubezen, mo\u010d<br>- Negativno: ogenj, nevarnost, nasilje, vojna, jeza<\/li>\n\n\n\n<li>\u010crna - <br>- Pozitivno: avtoriteta, zlo, eleganca, ekstravaganca, mo\u010d<br>- Negativno: gro\u017enja, skrivnost, upor, smrt, \u017ealost<\/li>\n\n\n\n<li>Vijoli\u010dna - <br>- Pozitivno: avtoriteta, mo\u010d, ustvarjalnost, prefinjenost, spo\u0161tovanje, duhovnost, modrost, blaginja<br>- Negativno: \u017ealost, zadr\u017eanost (temni toni)<\/li>\n\n\n\n<li>Bela - <br>- Pozitivno: mir, \u010distost, nedol\u017enost<br>- Negativno: <br><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Zdaj lahko za\u010dnete ustrezno oblikovati barve. \u010ce se besedilo uporablja na barvnem ozadju, mora biti kontrast med ozadjem in besedilom zadosten, da se zagotovi nemoteno in enostavno branje.<br>Slaba izbira je \u010drno besedilo na temno modrem ozadju ali rumeno besedilo na oran\u017enem ozadju.<br>Pri besedilih, ki so name\u0161\u010dena nad fotografijami, boste morda morali na temen del slike namestiti belo besedilo, na svetlej\u0161i del slike pa \u010drno besedilo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Typographie\"><\/span>Tipografija<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ko \u017ee mislite, da ste dosegli cilj uspe\u0161nega oblikovanja, se spotaknete ob naslednjo oviro. kaj je tipografija?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tipografija vpliva na vse, od izbire do postavitve pisave. Pisava ne slu\u017ei le za posredovanje glavnega sporo\u010dila, temve\u010d tudi va\u0161e samopodobe in namena. Da bi to uspelo, je pomembno, da tipografijo razumete, da jo boste lahko pravilno uporabljali.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tako kot je besedi\u0161\u010de temeljnega pomena pri u\u010denju tujega jezika, tudi tipografija potrebuje besedi\u0161\u010de:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Dru\u017eina pisav<\/em><br>Dru\u017eina pisav vsebuje sorodne pisave razli\u010dnih \u0161irin, gramatur in ute\u017ei s skupnimi formalnimi zna\u010dilnostmi.<\/li>\n\n\n\n<li><em>Pisava<\/em><br>Pisava je niz glifov (\u010drk, \u0161tevilk, lo\u010dil in simbolov), ki so oblikovani na na\u010din, zna\u010dilen za posamezno pisavo, npr. <em>Helvetica<\/em>, <em>Times New Roman<\/em>. <br>V digitalnem svetu se pisava imenuje <em>Pisava<\/em> z oznako.<\/li>\n\n\n\n<li>Velikost pisave<br>Te\u017ea pisave opisuje debelino \u010drtic, iz katerih so sestavljeni znaki, in je izra\u017eena kot <em>svetloba<\/em>, <em>normalno<\/em>, <em>krepko<\/em> ali <em>dodatna ma\u0161\u010doba<\/em> z oznako.<\/li>\n\n\n\n<li>Velikost pisave<br>Velikost pisave je <em>To\u010dka<\/em> (<em>Pt.<\/em>ustreza 1\/72 palca; velikost pisave 6 pt je visoka 2,1 mm, kar je tipi\u010den \"drobni tisk\").<\/li>\n\n\n\n<li>Slog pisave<br>Slogi pisave zagotavljajo informacije o videzu, kot so Sans Serif (npr. Helvetica), Serif (<font face=\"Times New Roman\">Times New Roman<\/font>) ali skript (npr. <font face=\"Lucida Handwriting\">Rokopis Lucida<\/font>) ali okrasnih napisov (npr.&nbsp;&nbsp;&nbsp;&nbsp;<font face=\"Amsterdam\">Amsterdam<\/font>).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Zaradi raznolikosti \"lepih\" pisav vas bo hitro zamikalo, da bi jih vklju\u010dili v svoj dizajn, vendar - ustavite se!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gledalci imajo tudi preference glede pisav. Nekatere so nepriljubljene ali pretirano uporabljene, druge so ne\u010ditljive. Pisavo je treba izbrati previdno. Ena je namenjena naslovu, druga pa osrednjemu besedilu. Najve\u010d tretja v skupini, morda kot podnaslov - ni\u010d ve\u010d!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jasna hierarhija vodi bralca po \u017eeleni bralni poti in mu na enostaven in zapomnljiv na\u010din posreduje vse predvidene informacije.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u010ce je prostor omejen, preprosto izberete manj\u0161o pisavo, vse do \"drobnega tiska\", da se vanjo lahko vklju\u010di celotna vsebina. Napa\u010dno! Vsaj \u010de naj bralec v celoti zazna in razume vsebino. Nih\u010de ne bo natan\u010dno pregledoval besedila s pove\u010devalnim steklom.<br>To pomeni: skraj\u0161ajte besedilo, omejite ga na najpomembnej\u0161e in po potrebi spremenite pisavo, da bi na eni strani v celoti prenesli sporo\u010dilo, na drugi strani pa ohranili u\u017eitek ob branju.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Textausrichtung\"><\/span>Poravnava besedila<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Telesa besedila lahko uredite na \u0161tiri na\u010dine: Sredinsko, poravnano levo ali poravnano desno, z utemeljitvijo ali poravnano.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ta besedila so napisana v levo poravnani izravnani pisavi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utemeljitev je prisilna poravnava besed v vsaki vrstici na levo in desno. To lahko ustvari nenaravne razmike med besedami, kar ote\u017euje branje. Oko je navajeno pri\u010dakovati enakomeren razmik med besedami in se po\u010duti razdra\u017eeno, \u010de ta ni v skladu s pri\u010dakovanji.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Faux_pas_%E2%80%93_Hurenkinder_und_Schusterjungen\"><\/span>Faux pas - Kurbe in \u010devljarji<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kaj je to? Ne, to so le tipografski izrazi, ki ozna\u010dujejo tipkarske napake.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u010cevljarjev de\u010dek je ena vrstica odstavka na koncu strani, kurbin otrok je enako lo\u010deno nadaljevanje stavka odstavka na naslednjem vrhu strani.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tak\u0161ne konstelacije motijo potek branja, so neestetske in se jim je zato treba izogibati.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hintergrund-Design\"><\/span>Oblikovanje ozadja<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ozadje nosi vse elemente oblikovanja, slike, naslove in besedilno vsebino. Zato mora biti diskretno, da ne ote\u017euje branja besedil ali da ne sili v ospredje.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Z ustrezno ureditvijo, npr. ponavljajo\u010dimi se, \u010deprav razli\u010dnimi naslovi, lahko ozadje prevzame tudi organizacijske naloge.<br>Predpostavimo, da so na vsaki strani opisani isti izdelki, vendar so ozna\u010deni z razli\u010dnimi barvami. Ustrezna barva izdelka lahko slu\u017ei kot ozadje za naslov. To pomeni, da je sklicevanje na opisani izdelek podano \u017ee s samo barvo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zato ozadje ni nekaj, kar se zlorablja za zatiranje bele praznine, temve\u010d element, ki lahko zagotavlja hierarhijo, red in informacije.<\/p>","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">\u010cas branja<\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">minute<\/span><\/span>Spletno orodje Canva je nastalo leta 2012 v Sydneyju v Avstraliji z misijo \"Omogo\u010diti svetu oblikovanje\" in omogo\u010diti grafi\u010dno oblikovanje vsakomur. Melanie Perkins, Cliff Obrecht in Cameron Adams v prvi vrsti zasledujejo cilj \"pozitivno vplivati na svet s tem, da naredijo \u010dim ve\u010d dobrega.\" Sodelujejo tudi na \"drugi ravni\", ki predstavlja \u0161tiri stebre, in sicer \"neprofitne organizacije...&nbsp;<a href=\"https:\/\/csiag.eu\/sl\/blog\/2025\/05\/28\/canva-grafikdesign-fuer-jedermann\/\" rel=\"bookmark\">Preberi ve\u010d \"<span class=\"screen-reader-text\">Canva - grafi\u010dno oblikovanje za vsakogar?<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[4906],"tags":[4989,1554,5002,4937,4969,4960,5035,4931,5004,4939,2314,4947,5055,4930,1312,4908,5019,2418,5051,4909,5024,4950,4959,4946,4949,2386,5003,5045,4976,4977,4974,5018,1112,4957,4967,5031,5054,4965,5020,4932,1110,4920,4915,5014,5015,5043,4973,4264,4942,4318,5032,1724,2463,4910,4907,4916,4927,4972,4958,5049,5052,4918,4919,5058,4940,4999,4956,5016,4987,4500,5005,5000,2415,5006,5036,5033,4944,4963,4924,5025,4955,5030,4926,5061,4933,5056,4952,4951,5011,4978,4980,477,5012,4602,4954,5026,4938,4601,5021,4922,4923,4984,4975,5007,5022,4971,1416,4941,5037,4935,4936,4934,5057,1435,5027,1794,5028,5060,5001,4943,4911,1175,5046,4914,4913,5047,5048,4912,4953,5059,4985,4948,1408,4979,5039,4966,4961,4968,4945,5053,4929,5050,5041,4928,4964,5042,4917,4986,5029,4988,5009,4970,4925,5013,5040,4962,5023,4921,5010],"class_list":["post-9982","post","type-post","status-publish","format-standard","hentry","category-grafikdesign","tag-grau","tag-abstand","tag-akzent","tag-arrangement","tag-asymmetrisch","tag-auswahl","tag-autoritaet","tag-balance","tag-bestaendigkeit","tag-betrachter","tag-bewegung","tag-blick","tag-blocksatz","tag-brandiung","tag-braun","tag-canva","tag-charakterstaerke","tag-cmyk","tag-dekorschrift","tag-design","tag-distaz","tag-drittel-regel","tag-drop-down-menue","tag-einrueckung","tag-element","tag-energie","tag-farbassoziation","tag-farbgestaltung","tag-farblehre","tag-farbsystem","tag-farbwahl","tag-feigheit","tag-feld","tag-feldname","tag-fettschrift","tag-feuer","tag-flattersatz","tag-fokussieren","tag-formalitaet","tag-formen","tag-formular","tag-fotohintergrund","tag-fotos","tag-freude","tag-freundlichkeit","tag-frieden","tag-fuehren","tag-fuehrung","tag-gedaechtnis","tag-gefahr","tag-gewalt","tag-gewicht","tag-google","tag-grafik","tag-grafikdesign","tag-grafikelemente","tag-grafiker","tag-groesse","tag-gruppierung","tag-helvetica","tag-hierarchie","tag-hintergrund","tag-hintergrundfarbe","tag-hurenkinder","tag-inhalt","tag-intensitaet","tag-interaktiv","tag-jugend","tag-kalt","tag-ki-2","tag-kompetenz","tag-komplementaerfarbe","tag-kontrast","tag-kraft","tag-krativitaet","tag-krieg","tag-kurzbeschreibung","tag-kurzzeitgedaechtnis","tag-laien","tag-langeweile","tag-leer-raum","tag-leidenschaft","tag-lernkurve","tag-lesefluss","tag-linien","tag-linksbuendig","tag-logo","tag-logo-design","tag-maennlichkeit","tag-medien","tag-mischfarben","tag-monitor","tag-natuerlichkeit","tag-negativ","tag-negativraum","tag-optimismus","tag-ordnung","tag-positiv","tag-praktikabilitaet","tag-praxis","tag-praxiserfahrung","tag-primaere-fabrben","tag-produktbild","tag-produktivitaet","tag-professionalitaet","tag-proportion","tag-qualitaet","tag-quintessenz","tag-rafinesse","tag-raster","tag-raum","tag-raumnutzung","tag-rechtsbuendig","tag-reinheit","tag-rosa","tag-ruhe","tag-sanftheit","tag-satzfehler","tag-schattierung","tag-schlagwort","tag-schrift","tag-schriftart","tag-schriftfamilie","tag-schriftfarbe","tag-schriftgroesse","tag-schriftstaerke","tag-schriftstil","tag-schrifttyp","tag-schriftzug","tag-schusterjungen","tag-sekundaere-farben","tag-separator","tag-sicherheit","tag-sir-isaac-newton","tag-spritualitaet","tag-struktur","tag-strukturierung","tag-symmetrisch","tag-textabschnitt","tag-textausrichtung","tag-textur","tag-times-new-roman","tag-trauer","tag-typographie","tag-ueberlastung","tag-unnahbarkeit","tag-videos","tag-warm","tag-weiblichkeit","tag-weiss","tag-weisheit","tag-weissraum","tag-werkzeuge","tag-widerstandsfaehigkeit","tag-wohlstand","tag-yahoo","tag-zeitlosigkeit","tag-zielgruppe","tag-zuverlaessigkeit"],"modified_by":"Achim Goerner","_links":{"self":[{"href":"https:\/\/csiag.eu\/sl\/wp-json\/wp\/v2\/posts\/9982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csiag.eu\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csiag.eu\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csiag.eu\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csiag.eu\/sl\/wp-json\/wp\/v2\/comments?post=9982"}],"version-history":[{"count":0,"href":"https:\/\/csiag.eu\/sl\/wp-json\/wp\/v2\/posts\/9982\/revisions"}],"wp:attachment":[{"href":"https:\/\/csiag.eu\/sl\/wp-json\/wp\/v2\/media?parent=9982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csiag.eu\/sl\/wp-json\/wp\/v2\/categories?post=9982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csiag.eu\/sl\/wp-json\/wp\/v2\/tags?post=9982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}