itsottarblogworld - Tumblr blog

[itsottarblogworld]

Forbedring av tidligere prosjekter

[itsottarblogworld]

Interaksjonsdesign 2

[itsottarblogworld]

Interaksjonsdesign

1)

Tre ting jeg syntes var interessant ved Steve Jobs lansering av iPhone var hvordan designet var veldig simpelt og forenklet i forhold til de andre konkurrentene på markedet. Jeg la også merke til hvordan iPhonen la ekstra vekt på brukervennlighet og hvor mye forskning og teknologi som måtte til for å nå målet om en enkel å bruke og smart mobiltelefon. Jeg syntes også det var interessant hvordan vi tar denne teknologien for gitt i dag selv om dette var helt revolusjonerende teknologi for bare noen få år siden.

2)

Analyse av brukervennlighet og design til en nettside

Navn: Itslearning

Antall brukere: 2 millioner aktive brukere i Europa, USA og Sør-Amerika

Lansert: 1999

Itslearning har en tydelig navigasjonsbar som holder seg på toppen av siden til enhver tid som gjør at det blir enklere å navigere seg rundt på siden og finne fram til de viktigste områdene på siden. Hvis det ikke hadde vært en navigasjonsbar, men bare forskjellige lenker til nye undersider rundt om i teksten hadde det vært lett å gå seg vill og miste oversikten, og dermed blitt mindre brukervennlig.

Det er også hyppig bruk av hyperlinks på nettsiden slik at man skal kunne navigere seg rundt til de forskjellige undersidene. At disse lenkene er så lett å tilgjengelige og fører deg raskt hvor du vil øker brukervennligheten samtidig som at designet blir enklere og ryddigere. 

 Det blir også brukt ikoner og symboler for å symbolisere ulike funksjoner slik som varsler og meldinger.

At man kan skrive meldinger og kontakte andre elever og lærere er en god funksjon å ha på en læringsplattform. Og at det dukker opp oransje nummererte symboler på melding- og varsel-ikonet når det dukker opp en ny melding eller varsel gjør at det blir enkelt å se hvis det har kommet en ny melding og til og med antallet meldinger, spesielt på grunn av at oransje er komplementærfargen til den blå bakgrunnen og gjør varselet ekstra synlig.

Jeg vil derfor si at brukervennligheten til Itslearning er ganske god fordi det er lett å navigere seg rundt til sidene og se om man har fått meldinger, designet er også enkelt og gjenkjennelig som gjør siden ryddig. Den har også flere funksjoner som å kunne sende meldinger og dele filer, som gjør at siden fungerer bra som en læringsplattform.

[itsottarblogworld]

Ferdig emballasje og reklame-annonse

Jeg la på strekkode på alle emballasjene mine og gjorde de ferdig.

Jeg ble fornøyd med resultatet og synes at jeg fikk frem en god balanse i emballasjen og fikk til å kommunisere de forskjellige smakene på en tydelig måte. Boblene skaper også bevegelse, spesielt på grunn av de ulike størrelsene. Jeg har valgt to forskjellige fonter, hvor den ene er en font som passer med logoen, og den andre er enn mer lesbar font som passer bedre til informasjonen på etiketten.

Så begynte jeg å lage skisser til reklame-annonsen.

Ut ifra logoen og uttrykket fra emballasjen syntes jeg at reklame-annonsen passet best til et nøytralt uttrykk uten mye detaljer.

Jeg begynte å lage en flaske som jeg puttet etiketten på.

Fordi jeg gikk for en reklame-annonse uten mange detaljer, tenkte jeg at det hadde vært mer interessant med et annet perspektiv av flasken. 

Når jeg hadde endret på flasken slik at den fikk en mer interessant vinkel, fortsatte jeg å legge på detaljer og “fylle flasken”.

Så la jeg til typografi og la til  farge på “God” og gjorde den første bokstav til en versal for å understreke dette ordet slik at målgruppen skal få et positivt inntrykk av produktet.

Så la jeg på flere elementer for å gi mer informasjon og skape balanse i illustrasjonen. 

Så la jeg til bobler i vannet på grunn av kullsyren og la til skygge fra flasken for å gi illustrasjonen mer dybde.

Jeg prøvde ut et annet flaskedesign som jeg likte bedre, så jeg byttet til det.

Så endret jeg på typografien litt til for å overdrive mer. Og jeg prøvde også ut et annet slagord for å få med hvor naturlig produktet var. Jeg farget også “Naturlig” for å gi det større blikkfang.

Jeg testet ut andre bakgrunnfarger og ulike gradienter.

For å understreke at produktet hadde kullsyre puttet jeg også bobler i bakgrunnen.

Jeg var usikker på hvilken av versjonene med bobler jeg likte best, men jeg endte opp med å gå for den nederste.

Jeg ble fornøyd med resultatet og at jeg greide å lage det så effektivt. Det er en god balanse i illustrasjonen og fargene har en god kontrast og fremhever smaken til produktet. Boblene gir også bevegelse og gjør reklame-annonsen mer livlig.

Noe jeg kanskje burde ha endret på er å prøve en annen farge enn svart i typografien, og endret på designet til boblene.

Jeg endret også på den grafiske profilen, siden jeg flyttet på typografien i logoen slik at den skulle bli lettere å lese.

Produktene mine passer med logoen på grunn av at logoen er ganske simpel og nøytral, men har muligheten til å ha mange forskjellige farger. Derfor valgte jeg at logoen skulle være på emballasjen til en vannflaske på grunn av at vann ikke trenger et så veldig komplisert design, og finnes med flere smaks-alternativer. Målgruppen er derfor veldig stor, siden vann er noe de fleste drikker og produktet har et relativt nøytralt design. 

Jeg ble fornøyd med resultatet og synes at jeg fikk jobbet godt og effektivt med tanke på situasjonen.

[itsottarblogworld]

26.3.2020

Jeg har lagt til noen flere smaker til produktserien min.

De største utfordringene var å lage fruktene og bærene, spesielt bringebærene.

Så har jeg også begynt å lage en strekkode på etiketten, men har ikke helt avgjort plasseringen og størrelsen.

Jeg har sannsynligvis også tenkt til å endre litt på boblene. Neste gang har jeg tenkt til å starte på annonseplakaten.

[itsottarblogworld]

19.3.2020

Jeg har endret på emballasjen slik at den ikke ligner like mye på “Isklar”-flasken. Jeg har også gjort om på formen på emballasjen slik at det skal være lettere å arbeide med den og putte den inn i Indesign. Så har jeg funnet en sekundærfont og prøvd ut på designet til ulike smaker. Jeg er fornøyd med resultatet til nå. Neste gang har jeg tenkt til å putte designet inn i Indesign og designe en strekkode jeg kan putte på emballasjen. Jeg har også tenkt til å teste ut ulike størrelser på kullsyreboblene i designet.

[itsottarblogworld]

Emballasje

Jeg startet med å lage skisser til en logo og utarbeidet de til en grafisk profil

Så lagde jeg en skisse for hvordan emballasjen kunne se ut

Så tenkte jeg at jeg kunne lage en emballasje til “Isklar”-flasken som jeg hadde med, og begynte å prøve ut en mer komplisert form i illustrator

[itsottarblogworld]

Coverdesign

Jeg startet med å skrive de tankene jeg kom på når jeg hørte de to sangene, og så lagde jeg flere forskjellige skisser til covere.

Jeg bestemte meg for å bruke timeglasset til “Storms”-coveret, og bestemte meg for å lage et skrått innzoomet utsnitt av timeglasset med en storm eller snøstorm i bakgrunnen.

Etterhvert som jeg kom lenger inn i prosessen følte jeg at det ble litt voldsomt med stormen i bakgrunnen, og jeg var ikke helt fornøyd med hvordan sanden i timeglasset rant. Derfor bestemte jeg meg for å gå ett skritt tilbake å heller bruke den mer simple versjonen fordi utsnittet av timeglasset var nok å fokusere på i seg selv. Jeg beholdt fortsatt de kalde fargene fordi låten var litt dyster.

Så tok jeg illustrasjonen inn i Indesign og la på typografi, men gjorde den liten slik at timeglasset var i fokus.

Så begynte jeg å lage cover 2 for låten “Storms” som var en av skissene mine av en potteplante med et knust speil istedenfor en blomst. Det knuste speilet skulle få fram en dyster følelse, i tillegg til at planten sto i et tomt rom, som får fram en følelse av ensomhet. 

Jeg prøvde forskjellige måter å lage skygge fra planten for å få den til å virke som den var i et tomt rom, men jeg endte opp med å gå for en mer simpel skygge.

Jeg ville teste ut hvordan planten ville se ut, hvis den hadde blader i tillegg til speilet.

Jeg likte hvordan resultatet ble, men følte at illustrasjonen nå ble litt for munter for låten “Storms”. Nå som planten ble mer munter på grunn av de varme fargene passet den bedre til låten “Feelings”, og blomsten i seg selv kunne symbolisere glade følelser, mens det knuste speilet og at den sto alene i et tomt rom kunne få fram noen mer underliggende negative følelser som kom fram i låta. 

For å fremheve effekten av at planten står alene i et tomt rom la jeg på en bakgrunnsfarge. Så la jeg den inn i Indesign og puttet på typografi.

Så begynte jeg på cover nr. 2 for låta “Feelings” hvor jeg gikk for noe mer abstrakt. Jeg brukte to forskjellige varme og kalde farger og kontrast mellom mørkt og lyst for å få fram forskjellige stemninger og følelser som passet låta.

For å gjøre illustrasjonen mer spennende testet jeg ut ulike abstrakte figurer og former i ulik størrelse og fant en jeg likte. Så la jeg den inn i Indesign og puttet på typografi som passet med figuren.

Så begynte jeg på det andre coveret til “Storms”. Jeg lagde først dette coveret til låten “Feelings”, men etter at jeg byttet plantecoveret over til “Feelings” manglet jeg et cover for “Storms”. Coveret avbildet en nøkkel og forskjellige figurer som skulle symbolisere forskjellige følelser. Istedenfor gjorde jeg om på illustrasjonen og fargene slik at de ble mer gråtonet og ga en dystrere følelse.

For å gjøre at coveret passet bedre til låta gjorde jeg formene om til forskjellige gitarer siden låta jeg fikk en country-følelse av den. Resultatet ble ganske abstrakt.

Så puttet jeg illustrasjonen inn i Indesign og la på en font som var litt slitt, sånn at teksten skulle passe med uttrykket.

Det som har vært vanskelig med oppgaven har vært å illustrere stemningen som man får fra låtene, og komme opp med illustrasjoner som passer.

 Fra låta “Feelings” fikk jeg mange forskjellige følelser siden låta skiftet stemning underveis, derfor måtte jeg komme på idéer til illustrasjoner som kunne fremheve både gode og dårlige følelser på en gang. For å få til det brukte jeg blant annet kalde og varme farger og prøvde å få fram litt bevegelse for å gjøre illustrajonene mer livlige. Underveis i prosjektet endret jeg derfor illustrasjonene fra å passe til en låt til en annen fordi jeg fikk flere stemninger fra låtene som lignet hverandre. Fra låta “Storms” fikk jeg en mer dyster og enslig følelse og de første idéene jeg fikk var enslige objekter og ødelagte slitte ting. For å få fram den dystre følelsen brukte jeg blant annet grålige farger og kalde farger på timeglass-coveret.

Storms:

Det som skiller mine covere fra originalcoveret er at originalcoveret har et enda mer slitt uttrykk og mer grålig tone. Designet bruker i tillegg fotografi og har en mer variert typografi enn mine covere. 

Feelings:

Det som skiller mine covere fra originalcoveret er hvor detaljert illustrasjonen er og det er mer bevegelse i illustrasjonen. Det er også brukt et større spektrum av ulike farger enn i mine covere.

Mine covere endte opp ganske forskjellig fra originalcoverene og de var også ulike fra hverandre, samtidig som de kommuniserte mange av de samme utrykkene.

[itsottarblogworld]

Forbedring av prosjekter

Jeg har forbedret fonten min og gjort den mindre rotete, og jeg har forbedret fonten i filmplakaten.

[itsottarblogworld]

PixelPrisen

Inspirasjon:

Skisser:

[itsottarblogworld]

5.12.2019

Jeg har gjort endringer på fonten slik at sammensetningen ble bedre og vinklene mindre tilfeldige.

[itsottarblogworld]

Logo av abstrakt følelse

Jeg trakk ordet desperat, så derfor begynte jeg og skissere noe som kunne passe i en desperat logo. Det første jeg kom på var en hånd som var desperat etter noe så jeg lagde flere skisser av desperate og dramatiske hender.

Jeg endte opp med å velge en hånd som stakk opp fra vannet siden det for fram at personen i bildet er desperat etter luft eller hjelp. 

Først vurderte jeg å bruke en sirkulær form som bakgrunn, men jeg tenkte at en mer kantete logo ville være mer dramatisk, og passe bedre med stilen til armen.

For å få bedre frem at hånden kom opp fra vannet bestemte jeg meg for å lage delen av armen som var under vann en mørkere farge.

Etter å eksperimentere litt fant jeg ut at det ville se bedre ut om himmelen var lysere enn vannet, siden hånden vil opp fra mørket og strekker seg for å nå lyset.

Selv om hånden var veldig dramatisk, var den ikke så veldig gjenkjennelig. Derfor gjorde jeg hånden mer gjenkjennelig, men mistet derfor litt av den dramatiske delen.

For å gjøre logoen mer desperat puttet jeg på bevegelse i vannet rundt hånden sånn at logoen også ville få mer liv.

Jeg simplifiserte bølgene mer slik at logoen kunne fungere bedre skalert ned og prøvde også å finne en font som ga et inntrykk av desperathet og stilte bokstavene opp i ulik høyde slik at det ble mer kaos.

Jeg begynte også å lage en font som skulle være i samme stil som hånden, men jeg ble ikke ferdig med den. Og jeg lagde også en versjon uten farger.

Komposisjonsprinsippene jeg har brukt i logoen er kontrast, som mellom det mørke vannet og den lyse himmelen og armen siden dette får fram at armen desperat strekker seg ut av mørket for å nå lyset, og jeg har også brukt balanse siden elementene lager en likevekt på hver side av logoen. Jeg har brukt kalde farger, men også lyse og mørke for å få fram kontrasten. Fonten jeg har valgt virker også desperat og blir forsterket av og forsterker logoen. Logoen kommuniserer følelsen “desperat” ved at man forbinder det å drukne med å være desperat etter luft og en hånd som strekker seg ut etter hjelp kan virke desperat.

Jeg er fornøyd med hvordan logoen har utviklet seg og får fram følelsen, men jeg skulle ønske at jeg fikk laget logoen mer dramatisk men fortsatt simpel.

[itsottarblogworld]

Stilisering av dyr

Jeg trakk en lapp med dyret giraff, så jeg valgte å beholde og stilisere den. Først så jeg på noen bilder på nett for å få et bedre bilde av hvordan giraffer ser ut. Så lagde jeg noen forskjellige skisser der jeg fokuserte på halsen siden det er det karaktertrekket som jeg først tenker på når jeg hører giraff.

Jeg tenkte jeg ville lage en giraff som var litt geometrisk og kunne funke bra i ulike skaleringer.

Så gjorde jeg at giraffen hadde flere like elementer.

Når jeg lagde fargeversjonen farget jeg først giraffen brun og så la på gule linjer for å få fram giraffens mønster best mulig, men jeg fant ut at det ble litt komplisert og tidskrevende. Derfor bestemte jeg meg for å gjøre det lettere og ikke fokusere på å gjøre mønsteret så trofast til virkeligheten, men heller gjøre det simpelt og forsatt få fram mønsteret på giraffen.

Så tenkte jeg at jeg ville gjøre giraffen mer som en logo.

Jeg valgte å gjøre det slik at giraffen strakk halsen gjennom bakgrunnen for å fram den lange halsen bedre. Så valgte jeg en høy og tynn font som videre forsterket stiliseringen av halsen.

Jeg lagde også en versjon hvor giraffen hadde tungen ute siden giraffer er kjent for å ha blå tunger, men jeg likte versjonen uten tungen bedre.

Komposisjonsprinsippene jeg har brukt i logoen er bevegelse, ved at det ser ut som at giraffen stikker hodet ut av logoen, og kontrasten mellom den lyse giraffen og den mørkere bakgrunnen. Og jeg er fornøyd over at jeg har laget en logo som får fram de mest karakteristiske trekkene til dyret, som halsen og mønsteret uten å gjøre logoen for komplisert.

[itsottarblogworld]

Logo-analyse

Jeg har valgt McDonald´s -logoen fordi den er veldig gjenkjennelig og enkel, og jeg har valgt ut 1968-versjonen fordi det er den jeg føler har det mest ikoniske designet.

Denne logoen ble laget av Fred Turner og Jim Schindler og har opplevd mange forandringer gjennom tiden.

Det var først i 1960 at logoen fikk de kjente gule buene «The Golden Arches» som Fast-food-selskapet er så kjent for i dag. Dette ble en del av logoen da en av McDonald´s-brødrene Richard McDonald bestemte seg for at de gule buene som var en del av arkitekturen på restauranten burde gjenspeile seg i logoen. Etterhvert endret de logoen slik at de to buene ble satt sammen til å forme M-en i McDonald´s. Ettersom Fast-food-kjeden har spredt seg og blitt mer kjent har også logoen blitt mer simplifisert. Dette kan være på grunn av at det ikke lenger har vært nødvendig å ha noe annet enn «The Golden Arches» for å skjønne at det er en McDonald´s. Alle logoene etter dette har beholdt «The Golden Arches» som har blitt symbolet fast-food-kjeden.

 Jeg mener at logoen kommuniserer en simpel og leken stemning som gjenspeiler fast-food-temaet. Det er en grotesk font som passer bra til Logo, og den gule fargen er en signalfarge som vekker oppmerksomhet. Det er også en god balanse i logoen, og selv om rødt ikke er komplementærfargen til gul hjelper det røde med å forsterke gulfargen i logoen. At logoen også har en symbolsk verdi gjør også at den blir mer interessant.

[itsottarblogworld]

Plakat prosess

Jeg tenkte at fonten min passet best til en science-fiction-film og jeg lagde noen skisser om en film på månen til Saturn, Titan. Det skulle i begynnelsen være en sci-fi-action film, men jeg endte opp med å bare lage en sci-fi film.

Jeg startet med å lage hovedobjektene hvor jeg skulle prøve å få fram at man var på Titan og derfor kunne se Saturn i bakgrunnen. Jeg puttet også på mer detaljer som støv/gasskyer i lilla farge for å få fram komplementærfargen til den gule bakken.

Jeg bestemte meg også for å midtstille filmtittelen og gjøre den større slik at den ville få mer oppmerksomhet. Jeg likte også at fontens tomrom passer til følelsen av tomrommet i verdensrommet.

Jeg endret fargen på tittelen slik at den ble mer synlig, og gjorde den en veldig lys lilla slik at den sto i kontrast til den sorte bakgrunnen og fortsatt var komplementærfargen til det gule. Jeg skrev også skuespillernavnet i en annen font, siden det ble tydeligere og lettere å lese. Jeg brukte fonten fordi den hadde noen likheter med fonten i tittelen, som for eksempel A-en, hvor den var formet som en trekant.

Deretter bestemte jeg meg for å flytte skuespillernavnet ned og strekke det ut slik at det fikk en mer romslig følelse. Jeg valgte også en annen farge på skuespillernavnet sånn at det skilte seg fra tittelen. I tillegg laget jeg noen fotspor på bakken for å gi plakaten mer betydning og fylle opp litt av plassen ved bakken.

Jeg bestemte meg også for å ha en quote eller slagord til filmen. Jeg hadde ulike ideèr som passet til ulike ting, for eksempel hadde jeg “A Second Chance” som en idé, hvor filmen hadde handlet litt mer om at menneskene hadde forurenset, eller på en eller annen måte ødelagt jorden, og at de da kunne få en ny sjanse på Titan. Jeg gikk heller for “We´re not alone” hvor filmen da kunne handle litt mer om muligheten om liv på Titan.

Jeg puttet på stjerner for at plakaten skulle få mer liv, og til slutt valgte jeg å endre på slagordet til filmen, og gjøre det mer utstrakt. Jeg syntes at plakaten signaliserte ganske godt hva slags film det er og fonten passer godt inn.

[itsottarblogworld]

Jeg har jobbet videre fra der jeg avsluttet, og har prøvd å gjøre bokstavene mer romslige samtidig som jeg har gitt alle strekene lik tykkelse. Jeg har også prøvd å begrense bruken av forskjellige vinkler og fått et bedre system på hvor brede og høye bokstavene skal være. Jeg har ikke blitt ferdig med fonten, men føler at jeg nå har fått et bedre formspråk og kan lettere lage nye bokstaver i fonten. 

Jeg føler at arbeidsprosessen har vært krevende i starten, men jeg har fått mer kontroll etterhvert. Fonten min har gjennomgått flere endringer og den største utfordringen har vært å gjøre bokstavene mindre komplekse, men det er også det jeg er mest fornøyd med i fonten som f.eks. A-en og M-en. Det jeg kunne ha gjort annerledes hadde vært å arbeide med en større versjon av bokstavene slik at det hadde vært lettere å redigere dem. Jeg kaller fonten vektor og jeg tenker at den kunne bli brukt i futuristiske filmplakater eller noe lignende.

[itsottarblogworld]

Jeg har skissert en versjon med litt mer overdrevne bokstaver som smelter istedenfor at de bare er tynne øverst og blir tykkere. Jeg vet ikke helt hvor fonten ville blitt brukt. Jeg kaller fonten Viscous.