EXAMENSARBETE. Hur skapar man en unik design? Christofer Källström. Filosofie kandidatexamen Mediedesign

Transkript

1 EXAMENSARBETE Hur skapar man en unik design? Christofer Källström Filosofie kandidatexamen Mediedesign Luleå tekniska universitet Institutionen för konst, kommunikation och lärande

2 HUR SKAPAR MAN EN UNIK DESIGN? EN UNDERSÖKNING OCH ARBETE INOM DESIGN C-arbete i Mediedesign, 15p Christofer Källström

3 Sammanfattning Uppsatsens titel: Hur skapar man en unik design? Seminariedatum: 14/ / Kurs/Ämne: M0040F Mediedesign - Examensarbete 15.0 Författare: Christofer Källström Handledare: Maria Alqvist-Juhlin och Mikael Wiberg Nyckelord: Grafisk profil, design, unikt Syfte: Syftet med detta projekt är att skapa en grafisk profil som kan spegla mig själv samtidigt som den är unik och effektfull. Jag ska även kunna använda mig av profilen när jag i framtiden söker jobb. Metod: Jag har valt att arbeta både kvantitativt och kvalitativt. I det kvantitativa har jag valt att forska kring hur vi uppfattar färger samt olika regler för design. I det kvalitativa går jag efter mina egna slutsaer och idér. Slutsatser: Jag tycker inte jag har skapat något som är helt och hållet unikt men jag har lyckats skapa något där av alla projekt innehåller något unikt och en väl arbetad tanke bakom sig. Jag har även lyckats förmedla min känsla bakom projektet. 2

4 Innehållsförteckning Sammanfattning 2 Innehållsförteckning 3 Inledning 4 Bakgrund 4 Grafisk profil 4 Definitioner 4 Syfte 5 Frågeformulering 5 Avgränsningar 5 Metod 6 Informationssamling 6 Förskisser 7 Färger 8 Känsla 8 Företagsprofil 8 - Logotyp och visitkort 8 - Typografi 9 - Webb 9 - Portfolio 9 - Video portfolio 10 - Facebook 10 - Kodning av webb 10 Slutsatser och disskusioner 12 Källförteckning 13 Bilagor 14 3

5 Inledning I detta kapitel kommer jag redogöra grunden av projektet, varför jag valde att göra detta projekt och presentera en frågeformulering och syftet med denna uppsats. Bakgrund Mitt projekt startades i början av januari där jag länge funderade på vad jag ville göra för något till min c-uppsats. Det var då jag började få tankarna om att göra något som jag verkligen kan ta med mig efter skolan eftersom vi snart lämnar och beger oss ut mot det verkliga livet, nämligen jobb. Därför skulle det passa väldigt bra att göra en grafisk profil som jag kan använda mig av när man söker jobb eftersom jag har planer att flytta utomlands för att fortsätta jobba inom design och utveckling. När jag startade projektet kom massa frågor och funderingar upp som jag ville ha svar på. Vad krävs för att göra något unikt och vad ska jag göra för att inte falla i fallgropen som många andra företag gör? Jag märkte tydligt att jag ville göra något egendomligt och sträva efter något som inte har gjorts förut. Det behöver inte vara helt unikt men det ska kunna väcka just denna wow-effekt och skapa en viss känsla hos betraktaren. Här krävdes mycket planering och en hel del research innan jag startade mitt projekt. Jag satt i flera timmer och letade efter bilder och kollade på vad andra hade gjort för något, letade uppsatser på liknande ämnen och framförallt på bilder som visar på det som inte fungerar. Grafisk profil En grafisk profil är regler som beskriver hur ett företag eller organisation ska använda logotyp, typsnitt, färger och andra grafiska element på trycksaker, webben, skyltar med mera alltså regler för hur man vill presentera sig visuellt. Definitioner För att läsaren ska kunna förstå denna uppsats bättre så väljer jag att definiera olika begrepp och termer som används i denna uppsats. Logotyp är företags eller produktens namn presenterat som en text valt i specifikt typsnitt eller form. Företagsmärke är en symbol eller figur som man kan ha istället för en logotyp eller så kan man välja att ha den tillsammans med logotypen. Portfolio är en samling där man presenterar tidigare jobb eller verk man har gjort. 4

6 Typsnitt är en uppsättning bokstäver, siffror och tecken som har ett karakteristiskt och genomgående utseende. Adobe Flash är ett datorprogram som används till att skapa tvådimensionella animationer, spel och annan rörlig grafik. Adobe Photoshop är ett datorprogram främst används till bildredigering. Adobe Illustrator är ett datorprogram som används till att skapa vektorgrafik, så som punkter, linjer, cirklar och dylikt. Iframe är ett webbprogramerings begrepp som kan förklaras enligt följande: Iframe placeras i ett dokument men visar innehållet från ett annat källdokument. Syftet med projektet Syftet med detta projekt är att skapa en grafisk profil som kan spegla mig själv samtidigt som den är unik och effektfull. Jag ska även kunna använda mig av profilen när jag i framtiden söker jobb. Frågeformulering Hur skapar man en unik design? Hur ska man göra för att inte hamna i den typiska fallgropen som många andra företag gör? Avgränsningar Eftersom jag inte har den budget som behövs för att göra en del design metoder och lösningar så får man hålla budgeten i åtanke. 5

7 Metod och genomförande I det här avsnittet kommer jag presentera min arbetsprocess. Research och en tidsplan satte jag upp för mig själv i projektets början som jag lyckades följa genom hela projektets gång. Informationssamling Jag ägnande projektets början åt att göra en tidsplan (Bil. 1) och en budget (Bil. 2). Jag letade även mycket på internet efter andras verk inom de olika metoder och se vad som gjorts tidigare. Där hittade man massor av smarta lösningar som gjorts men även konstiga och tråkiga. Jag insåg då hur mycket som redan gjorts. Jag började även läsa olika uppsatser som tidigare gjorts för att kolla vad dem har kommit fram till. Inget som gav mig så mycket men vissa saker av det jag läste var bra att ha i bakhuvudet till mitt projekt. Exempelvis hur hjärnan funkar och läser in former och färger. Hittade även massa regler som gäller för design där många faktorer spelar roll. Vilka känslor vissa färger ger och vilken betydelse dem har. Färgers betydelse Färger har sedan väldigt länge tillbaka använts som symboler för olika händelser eller tilldelats olika betydelser (Sisefsky, 1995). Vi använder ofta färger för att beskriva hur vi känner oss, exempelvis så blir vi gröna av avund eller vita som lakan av rädsla. Vi förknippar kärlek med den röda färgen, blått med vemod och vitt med renhet och oskuldsfullhet (Bergström, 2003). Färg kan även användas för att få oss att må bra. Vi inreder med färg för att skapa olika sinnesstämningar, spädbarnsgulsot botas med hjälp av blått ljus och vi kan använda oss av psykologisk färgterapi tillsammans med annan psykologisk hjälp för att må bättre (Sisefsky, 1995; Ryberg, 1999). Eftersom färgerna spelar stor roll runt om i omgivningen så valde jag att kika närmare på vad färgerna betyder och hur jag och andra uppfattar dem. Valde fyra stycken färger att forska kring. Första färgen jag valde var svart eftersom det var den enda färgen jag visste att jag ville ha med från start. Jag valde den färgen för att de skapas mycket kontraster mellan den andra färgen och den svarta vilket ger en snygg balans. De andra färgerna som jag skulle välja som min andra huvudfärg var blå och röd samt orange. Den blå färgen gjorde sig väldigt stilren men passade inte riktigt min profil. Enligt BLABLABLA står den blåa färgen talcentrum, kommunikationsförmåga, inspiration vilket jag tyckte skulle passa min profil väldigt bra. Tittade även på en röd färg som är min favorit färg och var därför redan väldigt passande för mig vilket den också gjorde gentemot det svarta. Den färgen förknippas med kärlek och ger oftast en positiv känsla men för mycket av denna färg kan leda till känslan av aggressitvitet, panik, vrede och krig. Den sista färgen som jag valde att kika närmare på var den röd-oranga färgen. Den förknippas med värme och trygghet. (Bil. 3) 6

8 Kommunikations process Jag valde även att titta närmare på kommunikation och dess tankeprocess. Kommunikation är en process för att överföra information från en punkt till en annan. Vanligtvis ses kommunikation som en tvåvägsprocess där det sker ett utbyte av tankar, åsikter eller information, oavsett om det sker via tal, skrift eller tecken. Men den kan brytas redan långt innan det har blivit någon typ av kommunikation och det har blivit allt vanligare idag. Du får endast en blott sekund att sälja dig själv eller ditt företag innan du ens kan få tag i din kund för att kunna kommunicera vidare. Publiken har alltså blivit mycket mer kritisk. Det kan bero på många saker men jag tror den huvudsakliga faktorn är att människan har helt enkelt blivit attackerad av för mycket försäljnings tekniker. För det handlar trots allt om att sälja dig själv för att få din kund att känna förtroende. Jag tror många företag och personer suckar åt allt som har med design, marknadsföring att göra. Varför skulle dem lägga ner pengar på en ny snyggare grafisk profil eller en logotyp om dem redan säljer bra utav deras varor, tjänst eller information. Riktigt så enkelt tror jag det inte är. Jag tror citatet syns man inte så finns man inte passar mycket bra här. Nästan alla människor surfar minst en gång om dagen och därefter är chansen att dem ska snubbla in på ens erbjudanden ganska höga. Man kan genom detta enkelt och snabbt tjäna in utgiften man hade för att göra dessa förändringar. Det är däremot lätt att man överbelastar kunden med information som gör att de lätt kan stänga av och inte vilja ta in något mer. Det är därför väldigt viktigt att ge en enkel och tydlig information samt kunna ge besökarna möjligheten att borra djupare om de vill ha mer information. Exempelvis som reklamannonser får jag i postlådan varje dag. Det har blivit automatiskt att jag kastar den direkt i postlådan. Där bröts kommunikationen så lätt mellan mig som privat kund och företag då jag oftast vet att innehållet är desamma. Samma sak tror jag gäller för sitt företag. Man kan säga att innehållet är själva grunden av ditt företag eller dig själv. Den personen du är på djupet. Designen är ditt utseende och det är oftast de som är det första kunden möter precis som när vi möter en vän eller människa på stan. Dessa två kompletterar varandra och gör sig tillsammans ett starkt varumärke som jag tror är nyckeln till ett bra företag. Är designen bra och innehållet dåligt kommer det mes störst sannolik tappa kommunikationen. Är innehållet bra och designen dålig kommer du nog också tappa kommunikationen. Det är alltså väldigt viktigt att dessa fungerar bra tillsammans. (Bil. 4-6) Förskisser Jag utgick ifrån det jag hade sett och forskat kring och började skissa för hand på olika lösningar och metoder kring varje moment. Jag började med att skissa på logotypen/visitkort och dess form för att det kändes som grundstenen av projektet. Jag började skissa på breda rektangulära visitkort och det började se bra ut. Men jag var inte riktigt nöjd och kände att den inte var så egendomlig som jag ville. Då började jag 7

9 leka mer med formerna och kom fram till att visitkortet skulle bli runt. Den runda formen för mig betyder stabilitet från sin perfekta cirkel form och även en känsla av harmoni som nog beror på att den är jämn stor åt varje sida. Jag brydde mig inte om utseendet eller färg i detta steg utan det var endast skisser på olika sätt det skulle förhålla sig och dess former. Den runda formen följer genom många andra element som jag kommer visa upp senare. Det var i detta skede massa idéer kom fram om hur jag skulle kunna göra. (Bil. 7-8) Färger Färger för mig har alltid spelat en stor roll och jag älskar att se olika färgbladningar tillsammans med en snygg form. Jag utgick från färgerna jag hade forskat kring men kände att ingen av dem riktigt var så speciell och nytänkande som jag ville. Därför ville jag även här skapa något som inte var helt vanligt och då blev det efter många olika test färgerna svart tillsammans med röd rosa som ger ett litet speciellt utseende. Dessa färger fungerar väldigt bra tillsammans och ger känslan av spänning och energisk. Tillsammans får det nästan en mystisk känsla. (Bil. 8) Känsla Mystik blev ordet som knyter samman min känsla över hela projektet och hur den skulle vilja bli upplevd. Jag valde denna känsla eftersom jag tror människan tycker att mystik är en sorts spänning som dom oftast inte upplever men som många söker. Jag tror vi drar oss till onaturliga väsen och ting och saker som vi inte vet hela sanningen om. Samma sak som skräck ger en liknande sorts spänning för betraktaren. Företagsprofilen Logotyp & Visitkort Nu hade jag en idé om hur profilen skulle kännas och upplevas av betraktaren. Nu kände jag mig redo att börja öppna redigerings programmet Adobe Photoshop samt Adobe Illustrator och få en riktig känsla av formen när man började applicera design på det. Fortsatte på att bygga upp från logotyp skissen där den runda formen följde med. Profil texten började ta form och även här började jag leka med former och kuber i 3D från de tidigare skisserna. Jag tänkte att det skulle bli ett bra kontrast förhållande mellan den runda formen och den vassa och kantiga formen. Jag började sakta men säkert kunna se hur formen tog sin plats tills jag var nöjd. Text känslan för mig fortsatte att symbolisera stabilitet och den fick en skön kontrast mot den runda formen. 3D formen ger den ett effektiv utseende och kan tittas i flera perspektiv. När man tittar närmare på den är det lätt att man börja analysera den och det är den idén jag ville skapa alltså att betraktaren ska vilja kika närmare på den. 8

10 Jag använde mig av logotypen rakt av till visitkortet fast här med en underrubrik under själva logotyopen som var min webbadress. Att bara använda webbadressen istället för massa annan information som telefonnummer, adress osv. tyckte jag var spännande eftersom det är så vanligt att man väljer att ta med det. Att få in dem på min hemsida är också min baktanke med det hela. (Bil. 9) Typografi Typografi kan uppfattas på flera sätt och att hitta rätt för min profil var ett tidskrävande projekt. Jag ville hitta något som funkade i varje aspekt så som rubrik, brödtext i både webb och tryck. Typsnittet som valdes i tryck produkter var Georgia som jag använder för både rubrik och brödtext. Ett snyggt seriff typsnitt som jag valde för att det var tydligt att läsa i längre texter samtidigt som det var väldigt spännande när dess klackar har en väldigt behaglig form. För webben användar jag mig av det klassiska Helvetica typsnitts familj. Helvetica Neue och Helvetica LT Condensed är de jag valde att använda mig av då det både har en speciell form och skiljer sig lite från det vanliga Helvetica. (Bil. 10) Webb Jag kände mig nöjd med logotypens känsla och ville återge den till det till resterande verk i profilen. Med det i åtanke började jag formge hemsidan. Hemsidan är för mig samlingspunkten och är dit jag vill folk ska komma när det vill se mer. Därför krävdes mycket av min tid att formge och komma på idéer om hur sidan skulle göras. Jag valde att jobba med kontrasterna även här då jag jobbade mot det hårda mot det mjuka eller vassa mot dett runda. Här valde att jag använda mig av sten bakgrund som var stod för det hårda medans den runda logotypen står för det runda. Sidans form fick rätt känsla tillslut och man får verkligen känslan av hemlighetsfullhet och att något håller på att hända. Den fick nästan en liten skrämmande effekt. Jag gillade tanken bakom att den skulle vara lite skrämmande då jag tror ett starkt varumärke väcker en stark känsla av något slag vilket jag tycker även denna sida gör. Formen kändes bra och idéer om hur sidan skulle programmeras började komma fram. Jag lämnade webben åt sidan och fortsatte med designen på de övriga produkterna. (Bil. 11) Portfolio Ofta när man går till olika webb byråer eller liknande för att söka jobb så visar man upp någon typ av portfolio. I detta skede vill jag visa dem något speciellt och något dem inte har sett förut. Jag valde att göra något som folk känner igen men nog aldrig har sett i detta sammanhang och det var en hopfällbar karta av min portfolio. Precis som vilken stads karta som helst ska man kunna vika den i olika delar och där den sista delen dvs. 9

11 toppen som hypotetiska kunden tittar på först finner man min logotyp. Man kan även följa den som en riktigt karta då det följer en cirkel rörelse från mina tidigaste verk till mina nya verk och som till sist leder till mittpunkten. Detta var en bra lösning tyckte jag eftersom det är en ny skapelse av något som har funnits i många år. Dessutom var den väldigt billig att trycka om man väljer att trycka upp flera stycken kartor. (Bil. 12). Video portfolio Som en extra portfolio gjorde jag en 1 minut lång video för att kunna sälja in mig själv hos en hypotetisk kund på deras egna villkor. Med det menar jag att dem själva väljer om de vill se den och hur många gånger de vill se den och om dom vill pausa eller starta videon. Tanken bakom den är att den inte ska säga allt om vem jag är och vad jag gör utan att man ska vilja se den igen eller gå vidare till nästa steg, som är att gå in på min hemsida. På så sätt tror jag betraktaren har lättare att lägga mig på sitt minne. (Bil. 13). Videon är det enda moment som inte håller sig riktigt till den framgivna profil färg och form så man ser att den skiljer från resterande momenten. Dock ett medvetat val. Detta gjordes för att försöka än en gång göra något som inte betraktaren var redo på men också för att visa mångsidighet som visar att man kan göra fler än en stil. Facebook Det finns tusentals företag som väljer att lägga upp nyheter, profilbilder som anknyter sig till föreaget. Det finns flera olika orsaker till varför det är en bra idé att göra så därför försökte jag komma fram till en metod som inte var allt för vanligt för ett företag som använder utav facebook. Jag valde att göra en remake av min site fast för facebook. En så kallad mini-site. Med en mini-site menas det att man lägger webbsida eller annat innehåll på en facebook fliksida fast man endast kan använda sig en viss bredd. För att göra det krävdes mycket forskning på forum och sidor kring kod och annat som behövdes för att göra detta. Jag började genast se om det ens var möjligt då jag läst mycket om att facebook inte tillåter sådant material. Jag lyckades hitta en bra sida som jag tog hjälp av då jag började koda min mini-site. Siten är gjord i Adobe Flash som sedan kopplat till en iframe på facebook. (Bil. 14) Kodning av webb Även här att webbsidan gjord i programmet Adobe Flash som användes pågrund av att man kan få en mer interaktiv och höja upplevelsen med rörelser och dynamik i sidan. Den blev nästintill exakt som design skissen fast med vissa element som senare blev tillagda som exempelvis musiken. 10

12 Musiken valdes pågrund av att skapa ännu mer av känslan jag spelade på. Den har inte heller några upp och ner toner som gör att det blir jobbigt för besökaren. På vänster sida kommer det runda små effekt partiklar som flyger fram utan att det ska störa. Detta gjordes också för att höja upp känslan av mystik och spänning på sidan. Sidan är uppbyggd på 4 sidor. Nyheter, om mig, portfolio och kontakt. På nyhetssidan laddas de upp nyheter och en bild som jag väljer själv. Här kan man skrolla vertikalt mellan nyheterna om det är många. Man kan även trycka på More så man kan läsa mer om den nyheten. Jag valde att göra på detta sätt för att förhindra att texten skulle bli så lång på startsidan så besökaren skulle slippa mötas av massa text det första som görs. Forsätter man att klicka på About hittar man text om mig och lite om vad jag gör. I portfolion så hittar man en serie av bilder så man kan ta tag i och dra åt sidan för att se flera verk som enligt mig blev en mycket snygg effekt. Alla bilder valdes att göra svartvita och endast när man rör musen över så hamnar de i färg för att göra det lättare att förstå att man kan trycka på dem för att se dem i en större vy. För att slippa sitta och trycka ner och upp bilder så valde jag att göra pilar i den större vy:n åt varsitt håll för att man lätt och snabbt ska kunna navigera mellan bilderna i portfolion. Gjorde även en info knapp ifall man vill läsa om projektet eller verket som gjorts. Den sista sidan, kontakt sidan är skapad på så sätt att man enkelt ska kunna fråga frågor eller liknande genom att enkelt fylla i ett kort formulär och sedan trycka skicka. På så sätt slipper besökaren gå ifrån sidan för att skicka ett . Här hittar du också kontakt uppgifter till mig om så önskas samt en bild på mig. I övrigt har sidan funktioner som ljud av eftersom vissa inte föredrar ljud på sidan och tycker det stör samt att man kan se sidan i helskärmsläge. Det är även tillagt tre stycken ikoner för Facebook, DeviantaART, Behance som länkar direkt till mina profilsidor för att man lätt ska kunna komma dit med bara ett knapptryck bort. Sidan i helhet är väldigt stilren men har dem där punkterna som jag tror man inte brukar se så ofta. Samt att den är uppbyggd på ett helt annat sätt en vanlig sida som oftast består av ett centrerat sidhuvud, innehåll och en sidfot. (Bil. 15) 11

13 Slutsatser och diskussion Här redovisar jag kort och kortfattat vad jag faktiskt kommit fram till utifrån mina tidigare frågeformuleringar. Min första fråga till mig själv var när jag hade en bra överblick över alla moment i projektet var, har jag lyckats med att skapa något unikt? Jag analyserade mina arbeten och kom fram till att svaret på denna fråga blir både ja och nej. Jag tycker inte jag har skapat något som är helt och hållet unikt men jag har lyckats skapa något där av alla projekt innehåller något unikt och en väl arbetad tanke bakom sig. Jag har även lyckats skapa en känsla som jag ville förmedla som jag tycker kanske i efterhand i var den bästa känslan att utgå ifrån. Jag tror att känslan mystik är väldigt luddig och vissa människor förstår sig inte på det riktigt. Men mystik, magi och onaturliga ting tror jag också är något som människor tycker om eftersom man oftast gillar den där äventyrskänslan och spänning som finns. Den andra frågan jag hade var, hur gör man för att inte falla i fallgropen som många andra företag befinner sig i? Denna fråga är mycket svår att svara på eftersom det finns mycket man inte bör göra. Saker som att överbelasta din kund med information och ha ett bra innehåll men ett dåligt yttre eller tvärtom har för mig blivit en stor och lärorik läxa. Samtidigt som man gör snygga saker gäller det att skriva en bra text eller dvs. ett bra innehåll. Annars kommer den där kommunikation brytas och det vill man inte eftersom man vill ha en besökare och kunder hos sig. Förut när jag har skapat något inom design har jag oftast bara tänkt på hur det ser ut och inte brytt mig lika mycket om texten eller rubriken. Jag har börjat skapa på ett helt nytt sätt och bygger oftast upp texten före jag gör designen. Det gör det även lättare att formge eftersom du vet hur texten kommer förhålla sig och se ut. Andra intressanta saker jag har upptäckt med detta projekt är att se hur mycket idéer och tankar kommer till en när man skissar för hand istället för att skissa direkt på datorn som jag i vanliga fall brukar göra. Du kan rita exakt det du vill och bara rita det du tänker på. När du sitter vid datorn gör du oftast raka streck och håller till dig vissa regler vilket du inte gör på samma sätt när du ritar för hand. Ett bra sätt att få idéer att komma fram och ett sätt jag kommer använda mig av när jag gör sådana projekt igen. I projektets helhet tycker jag har skapat något jag själv är nöjd med men det finns absolut mycket jag har kvar att göra. Jag är alltså inte helt framme än, men bra bit på vägen och det är definitivt något som jag kan använda mig av när jag ska söka jobb i framtiden. 12

14 Källförteckning 13

15 14 Bilagor

16 15

17 14

18 15

19 14

20 15

21 14

22 15

23

24

25

26

27 14

28 15

29