... @pleasantnightllama - Tumblr Blog

Interaksjonsdesign

eDenne dagen har jeg jobbet med interaksjonsdesigner til nettsiden; YouTube.

YouTube er en nettside (eller app) der du kan se på forskjellige videoer som blir lagt ut av personer. YouTube er en nettside/app der du selv kan legge ut videoer også. Det finnes også YouTube RED der du må betale en vis sum for å kunne se videoene.

Du kan også logge inn med Google, for å kunne “suscribe” til forskjellige youtubere. En youtuber er en person som “ofte” legger ut forskjellige videoer.

Det første du blir møtt med (hvis man er logget inn) er flere forskjellige videoer youtube anbefaler for deg. De har da “fulgt” med på hva du har sett på før og derfor da kan anbefale deg videoer du kanskje ikke har sett i samme kategori eler fra samme youtuber du har sett på.

Du får også opp en typ meny når du først kommer inn på siden (og har den i full skjerm)

Der kan du enten se hva som er på startsiden, hva som er “hot” eller de du allerede abonnerer på. Denne menyen holder seg der den er, selvom du blar ned på selve siden.

I tillegg til menyen får man også opp en banner som holder seg på toppen selv om man skroller nedover. bannerne gir deg mulighet til å spesialsøk etter videoer eller personer, laste opp en video eller logge ut av google.

Når man skroller ned kan man se videoer delt inn i de forskjellige personene du abonnerer samt gir deg forslag på videoer og personer du kan se basert på videoer og personer du har sett før.

YouTube baserer seg mest på en hvit/grå farge og rød. Hvit/grå er en veldig dus farge, mens rød er en litt mer intens farge. Dette gir det en kontrast fra det hvit/grå og når man er for eksempel inne på “På vei opp” er da ikonet rødt for å vise at du er inne akk der.

Den duse bakgrunnsfargen gjør sånn at siden ikke blir for intens og du lettere ser thumbnailene (aka; bilde av videoen). Dette funker ganske bra med tanke på at det er så mange forskjellige thumbnails. Nettsiden har ett godt interaktivt design

Nettsiden har også blitt gjort om til en app. I appen kan du velge å gå inn på innstillinger og ta på et “mørkt tema”, dette er da grunnen til at den har blitt mørke grå isteden for lysegrå. Appen funker like bra som nettsiden og er ganske lik.

-Milly

Emballasjedesign

Den første delen av oppgaven var å lage en egen logo. Jeg valgte å lage en logo med initialene til kallenavnet mitt og etternavnet, altså M R. Jeg har prøvd meg på å lage en “ryddig” logo før, så denne gangen ville jeg kombinere noe jeg er interessert i og initialene mine. Logoen ble da inspirert av universet, mer spesifikt saturn. grunnen til at logoen og den grafiske profilen ser ut som de gjør er på grunn av at jeg er veldig interessert i alt som har med universet å gjøre.

ferdig logo;

Jeg tenkte egentlig helt først på å lage en emballasje til Smarties sjokolade. Siden de runde smartiesene kunne funke som planeter. Senere kom jeg på at jeg kunne lage en emballasje til øyenskygger, siden jeg er mer interessert i det enn sjokolade. Øyenskyggen jeg valgte å ta inpirasjon fra er fra Zoeva.

Bakgrunnen på emballasjen er da universet i seg selv. Jeg prøvde først å ta bakgrunnen med ganske mange forskjellige farger, men jeg syns det så veldig rotete ut. Jeg prøvde også å kunne få med fargen på øyenskyggen bak, men det ble ikke helt riktig og det var det egentlig ikke plass til hvis jeg skulle få plass til teksten som måtte/burde være med.

Jeg tok egentlig en pause med å jobbe med akk denne embalasjen og begynte på en med et annet navn. Med embalasjen til “MOON” bestemte jeg meg for å legge til litt mindre farge på bakgrunnen og ble da enda mer fornøyd med det jeg fikk til.

Jeg gjorde da denne etter hvert til svart/hvitt for å bedre få de to emballasjene til å se ut som de var i samme samling. Etter jeg ble fornøyd med bakgrunnen, begynte jeg å leke med font valgene.

Jeg bestemte da for å gå for den øverste av fontene for jeg følte den passet best med bakgrunnen. Fonten gir også en kontrast til resten av emballasjen ved at den er mer “rotete”. Fargen på teksten gir også en kontrast til bakgrunnen, siden bakgrunnen er mørk, mens teksten er hvit.

ferdig produkter:

Jeg har også laget en annonse til produktene mine hvor jeg reklamerer for dem. Ideen er at jeg skal bruke stjerne bakgrunnen som er bak fargen på produktene min som bakgrunn på annonsen. og ta fargen på stjernene isteden for.

Jeg startet med å sette opp en liste med forskjellige slagord jeg kunne bruke:

Jeg startet med å bare designe for MOON, siden jeg ville ha de annonsene så og si like, siden produktene er så og si like. Etter jeg så på de forskjellige satt jeg opp 3 forskjellige sider for å se hvor jeg ville plassere navnet på produktet.

For at annonsen skulle passe bedre til produktet valgte jeg å legge inn bakgrunn på emballasjen på annonsen.

For å vise på en bedre måte at det handler om øyenskygge uten å ha med boksen så valgte jeg å legge inn “kometer” med de forskjellige fargene man kan finne i palettet. Jeg valgte også å skrive “eyeshadow” under “MOON”

Ferdige produkter:

-Milly

Ergonomi App

Oppgaven var å lage en app som skulle øke forståelsen av riktig ergonomi i skolearbeidet. Jeg valgte å lage den app hvor man kan spille forskjellige spill som handler om ergonomi ved hjelp av en figur.

Mine originale skisser:

Spillet er inspirert av et annet spill fra nette som heter CLOP hvor man skal klare å trykke på hjkl i en spesiell rekkefølge for å klare å komme over til den andre siden. I mitt spill skal man holde/trykk på to knapper samtidig for å kunne klare å fullføre oppgaven med riktig ergonomi, og det bli vanskeligere jo høyere opp man kommer.

Det endelige resultatet (det er enda ikke helt ferdigstilt):

Jeg fikk ikke Marvel til å funke, så jeg fikk dessverre ikke laget en demo av spillet. Og ble ikke ferdig med å designe det helt ferdig heller, men i skissene så ser man hvordan jeg har tenkt. Jeg hadde problemer med å finne riktig typ bakgrunn, for jeg ville det skulle se “barnslig” ut, men ikke for barnslig og siden Augustus Gloop er en karater fra Willy Wonka ville jeg det også skulle se litt sånn ut.

-Milly

Coverdesign - Grafisk

I løpet av de 3 siste fredagene har jeg jobbet med å designe to LP-covers til to forskjellige sanger. Sangene Drive av R.M.E og Black Lemon av Ola Kvernberg. Drive er en sang som består både av instrumenter og lyric, mens Black Lemon består bare av instrumenter.

Drive vil jeg si er en rock/country sang. Du får en følelse av man er tilbkae til ville vestern. HVis man lukker øynene kan du nesten se for deg en cowboy som sitter på en hest i solnedgangen. Dette er noe jeg valgte å gå bort i fra, for jeg fikk det bilde i hode med en gang, men lenger inn i sangen fikk jeg et bilde pga linjen “What if you rock around the clock? Tick.tock, tick-tock”.

Jeg begynte å jobbe med å få selve klokka til å bli sånn jeg hadde sett for meg at den skulle være. Det tok en del fail and error for å få til det jeg ville få til.

Jeg jobbet også med hvordan jeg ville få inn farger, siden jeg ville at klokken skulle være en lyse grå farge. Jeg bestemte meg da for å bruke skygge på den indre sirkelen og bokstavene for å kunne få det til å bli litt mer bevegelser i det og få fram at det ikke er en så “dyster” sang som det hadde sett ut som det hadde vært om jeg ikke hadde noen farger der. Jeg valgte også å bruke et 3-tall for E og et 1-tall for I(i).

Etter jeg hadde bestemt meg for hvordan jeg ville ha fargene inn, begynte jeg å leke meg med bakgrunnsfarger. jeg valgte ganske fort en lyseblå/babyblå farge for å få det rolig. Jeg jobbet også med å få klokken til å stå litt ut fra bakgrunnen.

Etter dette begynte jeg å tenke på font valg, og hvordan jeg ville fonten til å se ut. Jeg valgte en font som heter “Lemon/milk light”

Jeg fikk da en ide hvor jeg tok alle tallene større og da de bokstavene som var tversover for dem store, for å gi det litt bevegelse og fortsatt ha enhet i coveret.

Etter jeg ble fornøyd med hvordan klokken så ut, fra sirkelen i midten til bokstavene/tallene. Begynte jeg å leke med tanken å ta teksten til sagen som bakgrunn. Jeg gjorde også klokken litt mer gjennomsiktig at du kan se teksten som ligger bak.

Jeg ble ganske fornøyd med det ferdig produktet, men skulle jeg ha endret på noe ville jeg prøvd å få klokken enda bedre.

Det var da dette som ble slutt resultatet:

Cover nr 2. - Black Lemon av Ola Kvernberg er en sang som er fullstendig instrumentalt og er i sjangeren Rock. Denne sangen var ganske leken og jeg tenkte ganske fort på ideen med et romskip på coveret.

Skisser og inspo bilder:

Jeg begynte med å lage ufoen/romskipet. jeg lekte meg litt med ideen på en sitron som boblen på ufoen. Før jeg begynte med å sette inn ting i InDesign bestemte jeg meg for å se på forskjellige fonter

Jeg valgte å gå for den nederste av fontene som heter “Elite Danger”. Jeg syns denne fonten passer ganske godt til tema jeg har for covere, altså Sci-fi.

Jeg hadde en tanke i hode om hvordan det skulle se ut, så jeg prøvde den ideen først.

Etter jeg fant ut hvordan jeg likte bakgrunnsfargen, lekte jeg meg med hvordan teksten skulle stå og at noen av ordene er bold og de andre light. Jeg ville ha mer elementer inn i coveret, så jeg lagde en planet (Mars for å være mer nøyaktig).

Etter jeg ble fornøyd med hvordan teksten stod, syns jeg at coveret så ganske barnslig ut, noe jeg ikke ville at den skulle. Så jeg bestemte meg for å putte på en bakgrunn jeg hadde designet fra før av.

Jeg tok med den ene planeten her også, noe jeg syns ga litt mer bevegelse i coveret, og den ga coveret så mye lekenhet jeg ville ha.

Jeg ble ekstremt fornøyd med slutt resultatet, men skulle jeg gjort noe mer så tror jeg at jeg ville legge til litt flere planeter i bakgrunnen for å gi det litt mer dybde og bevegelse.

-Milly

Wayfinding Sandvika VGS

Sandvikas nåværende wayfinding system er ikke det beste på denne jord, men det fungerer okay vis du har satt deg godt inn i det. Derfor har jeg designet et nytt wayfinding konsept som legger vekt på lesbarhet og forståelse av blokk og etasjer. Noen elever er på skolen fra før 8 til etter 4 (eller senere) så jeg ville designe ett uttrykk som ikke var hardt mot øynene, men heller noe mer behagelig for å prøve å gjøre hverdagen bedre.

(Kan være flere farger her. Kan også være mer “ikke” pastel farger for å gi en bedre kontrast)

(Jeg har valgt denne fonten fordi den er i samme tema som pastel fargene, altså det er en ganske myk font isteden for en hard font.)

(de bolde tallene gir en kontrast til fargen og piktogrammet på dørene.)

(Symbolene til blokkene kan endres. De kan for eksempel også være typ bilder eller la grafisk(media) gruppa designe noen symboler som kan være på)

(Piktogrammene er lagde med en ganske tynn strek for at den skulle passe inn med farge temaet. De tynne strekene gir en kontrast til de blonde tallene på do dørene.)

Stilisering og abstraksjon - Grafisk

De to siste ukene har jeg jobbet med stilisering og abstraksjon av et objekt. Jeg trakk stiliserig av en plante. Det jeg valgte å stilisere var en kaktus.

Skisser av stilisering av kaktus

Jeg startet med å skisse litt på ark for å få en følelse av hva jeg ville få til. For å stilisere produktet tenkte jeg at jeg skulle gjøre kaktusen gjenkjennelig på en lett måte.

Ferdig produkter;

Abstrakt produkt med farge;

Det jeg gjorde for å abstrahere produktet tenkte jeg å gjøre kaktusen gjenkjennelig på en mer avansert måte enn jeg gjorde når jeg skulle gjøre det på en lett måte. Jeg har en generelt svart/hvit kontrast, jeg valgte også og leke litt mer former for å finne ut hvor mye jeg kunne fjerne eller legge til for å kunne gjenkjenne kaktusen. Med den mest abstraherte kaktusen valgte jeg å leke litt med forskjellige type former (mest trekanter).

Logo

Jeg trakk begrepet bekymring. Jeg tolket begrepet med at man ofte over tenker og blir fanget i sine egne tanker.

(skisser på papir kommer senere) (har klart å skrive bekymret feil i skissene)

Jeg startet med å tenke generelt på ordet bekymring, men så etter hvert begynte jeg å tenke på hvordan man føler seg når man er bekymret og kom frem til at man ofte begynner å over tenke. Jeg fant fort ut at den ideen jeg hadde tenkt ikke ville funke så bra digitalt. Jeg lekte meg litt med tanken at jeg kunne designe en hjerne og smelte den ideen sammen med den andre. Fant ut at ved å fjerne nedre del av hjernen (se øverste bilde av logo) så det mer ut som et sett med lunger enn som en hjerne, så jeg valgte å ta med det nederste.

Jeg valgte at jeg ville fjerne de “rotete” delene av hjernen (alle strekene) for å gjøre det mer stilisert. Siden jeg tolket begrepet som “fanget i sine egne tanker” tegnet jeg et bur som jeg satt hjernen inni. Jeg har balanse, bevegelse og svart/hvit kontrast i logoen.

Man ser jeg har brukt kontrast ved at logoen er i svart/hvitt og at strekene som lager hjernen er tynne, mens strekene som lager buret er tykket. Jeg har balanse ved at hvis man deler logoen i to vil det være ganske likt på begge sidene. Bevegelsen kommer inn ved at strekene øverst på burer peker inn mot midten på toppen, noe som gjør at synet blir tvunget til å se det.

Jeg kunne ha hatt mer tid så jeg kunne brukt tiden på å utvikle ideer og ikke stresse med å finne en god nok ide. Jeg ville gjerne kunne ha fått til den første ideen, men da tror jeg at jeg hadde trengt legere tid.

-Milly

Typografi - Tekst

I denne perioden har jeg jobbet med typografi, farge og komposisjon. Produktene jeg har laget er to plakater, en anatomi plakat og en filmplakat, men egen produsert font.

Fonten:

Jeg startet med bokstaven A der jeg utviklet ulike ideer til design av denne bokstaven.

Dette er skissene til fonten jeg valgte å lage.

Videre designet jeg en font i samme stil som den ene Aen jeg likte best og så for meg at jeg kunne designe bra med alle bokstavene i alfabetet.

Ferdig font:

Da jeg hadde designet ferdig alfabetet, skulle jeg designe en anatomi plakat

Til anatomi plakaten har jeg plassert inn hvor hårstrek, grunnstrek, øye osv. er på fonten jeg har designet. Dette er for at man skal kunne lære og forstå hvordan fonten er. Jeg valgte å ta hårstreken på den “utradisjonelle” siden og grunnstreken på andre siden, dette er fordi jeg valgte å ta grunnstreken der hvor jeg starter å tegne selve bokstaven.

Anatomi plakat:

Fargene på denne plakaten er enkle, rene og rolige farger (sort og hvit) da dette er en anatomi plakat som skal beskrive/forklare fontens egenskaper. Det svarte og hvite gir en strek fargekontrast mellom seg, samtidig som det er en størrelse kontrast mellom selve fonten og den forklarende teksten. Det er også en font kontrast mellom selve fonten og den beskrivende fonten, ved at det er to helt forskjellige fonter. Noe som skaper liv i plakaten. Denne plakaten er midtstilt. Noe som gir det en balanse i plakaten.

Filmplakat:

Ideer til filmplakat:

Jeg tenkte først at jeg skulle gjøre noe likt som “great gatsby” har med bare Leonardo i bilde. Dette kunne ha funket hvis jeg hadde brukt mer tid på det, men det hadde jeg ikke.

Ferdig filmplakat:

Filmen er en fantasi romantikk film, som handler om en kvinne fra 1920-tallet som forelsker seg i Lucifer, aka djevelen.

Dette er en film som er egnet for jenter mellom 16-20 år, men kan også funke for damer oppover i årene som er interessert i romantikk.

Jeg har brukt svart og hvitt bilde for å gi det en følelse at det ikke er fra 2017. Det er spesielt mye svart/hvit kontraster. Jeg har valgt å ta på et tekstur bilde (som er vist lengre opp i innlegget) for å gi plakaten en enda følelse av at det ikke er fra 2017.

Jeg måtte endre mye med fonten for at det skulle passe inn bedre. Jeg endret tykkelsen og størrelsen. T i overskriften har jeg gjort om til et kors for å skape en følelse av at noe unaturlig skjer i filmen.

hadde jeg hatt mer tid ville jeg likt å endret det til enda mer “spooky”. Jeg ville også ha tatt inn mer qoutes fra filmen og endret datoen. Enten ta bort datoen eller jobbet mer med den.

-Milly

Medieteori - Parti

Forarbeid;

Logo ideer;

Propaganda

I flere uker har jeg jobbet med propagandaplakat for et aktuelt tema i Egypt. Stilen plakaten min er inspirert av er fra 1920-tallet.

Forarbeid

Idemyldring/budskap

Stilperioden jeg har lyst å jobbe med er fra 1920 og kunst perioden er funksjonalisme.

Mediumet jeg valgte er plakater. Skissene til plakater.

Videre arbeid:

Skissene over er de jeg vil jobbe videre med, jeg vil ha en blanding mellom den øverste og den nederste for å få et bedre budskap.

For å få frem budskapet av at dette handler om homofiles rettigheter lekte jeg med å ta gitteret i regnbuens farger, problemet med dette var at det gjorde at plakaten ble mer mordene enn det jeg ville ha det.

Ferdig produkt

Jeg har brukt svart/hvitt for å få en mer følelse av at bilde ikke er tatt nå, men før. Jeg har brukt regnbuens farger for å få frem budskapet enda mer. Fonten jeg har valgt skulle passe til den arabiske skriften, det står “det er ikke kriminelt å elske” (ish) på arabisk som er skriftspråket i Egypt.

Jeg valgte å ta “stråler” fra høyre hjørne for at plakaten skal passe bedre inn i epoken.

Det som kunne ha fungert bedre er fonten, fonten kunne ha passet mer inn i tid epoken enn den gjør nå. Selve bilde og tegningen kunne ha blitt redigert enda mer for og se mer gammelt ut.

-Milly

bokstav og skriftsnitt

Del 1:

Skisser og ideer for design av bokstaven A.

Deretter designet jeg 2 fonter utifra to av deisngene over. Den ene av fontene jeg valgte, var ikke en av de “originale” ideene.

Ferdig fonter:

Jeg valgte å kalle den ene fonten for “Non basic” (øverste av arkene). Jeg tenker den kan passe til tittel og overskrifter isteden for en full tekst. Fonten kan gi en følelse av litt “fancy”.

Den andre fonten valgte jeg kalle “Antinon basic” (nederste av arkene). Jeg ser for meg at denne fonten passer best til tekst og ikke overskrifter.

-Milly

Etikett forbedering

Tidligere versjon:

Ny versjon:

(transparent bakgrunn)^

Tidligere versjon:

Ny versjon:

(transparent bakgrunn)^

Tidligere versjon:

Ny versjon:

(transparent bakgrunn)^

Etikett

Jeg hade jobbet med stilisering, mønster og fontbruk.

Fruktene jeg har stilisert er: Lime, Havtorn og tranebær

Jeg startet med å lage skisser for hånd:

(Bilde kommer på mandag)

Jeg startet å lage outlinen av limen:

Så la jeg til dybde i tegningen.

så la jeg til designet jeg ville ha:

Dette gjorde jeg med Havtorn og Tranebær også.

Jeg ble ganske fornøyd med hvordan selve fruktene ble...

bakgrunnen er bygd opp av en radial gradient, fargen(e) ytterst er samme farge som frukten/bærene.

Jeg prøvde meg litt ut med forskjellige fonter for å se hvem jeg likte best til navnet og det jeg hadde sett for meg.

jeg prøvde meg også litt ut på hvordan man kunne sett opp logoen. Jeg bestemte meg til slutt med å ta den litt enkle, men “elegante” fonten (den nederste)

Når det kommer til komposisjon prinsipper har jeg fokusert på balanse.

-Milly

Refleksjon nettsak

Saken handler om blogginnlegget til rektor på Ringstabekk ungdomsskole, Bjørn Bolstad, som han skrev på sin personlige blogg 9. september 2016 om hvordan foreldre pakker inn barna sine. Vinklingen i saken er at Bolstad får mye kritikk på innlegget sitt av foreldre.

Kildene jeg har brukt har vært intervjuet vi gjorde med Bolstad for noen uker siden, blogginnlegget og kommentarfeltet på bloggen. Jeg har da dessverre ikke kunnet kontakte personene som kommenterte personlig. Derfor er Bolstad den eneste første gangs kilden min. Andre gangs kildene mine er blogginnlegget og kommentarfeltet.

Skrivemodellen til en nettsak (som jeg skrev) er en omvendt pyramide, derfor brukte jeg denne skrivemodellen, siden man kan kutte fra bunnen av hvis saken blir for lang.

Nettsaken min er publisert i Budstikka nettavis. Den er publisert der fordi jeg har om en sak som omhandler en ungdomsskole i Bærum kommune. Det hadde ikke funket og ha denne saken i f.eks VG fordi den er mye mer kommunal enn det sakene til VG er.

Jeg valgte å bruke en seriff font i overskriften for at det ser mer profesjonelt ut enn hvis jeg brukte en san seriff font. I ingressen har jeg brukt en san seriff font for at det skal bli lettere å lese på skjem, samme gjorde jeg med brødteksten og underoverskriften. Underoverskriften har en bold font for å vise at det er en overskrift og ikke en del av brødteksten. Fontene er valgt for å ligne på fontene til Budstikka nettavis.

Det jeg kunne gjort bedre var å stille flere spørsmål til Bolstad når vi intervjuet han og jeg kunne ha prøvd å finnen noen foreldre som har kommentert på innlegget.

-Milly

Stilisering og logo

dette er den logoen jeg lagde til dyret jeg trakk, papegøye. Jeg jobbet med forskjellige type papegøyer, men kom frem til at jeg likte å bare ha hodet.

jeg prøvde med en del forskjellige farger, blått, rosa og grønt (som jeg ikke har vist her).

“Å møte veggen”

^ er det første jeg prøvde å gjøre, jeg likte ikke figurene i det hele tatt, så jeg bestemte meg for å starte helt på nytt.

^ mitt endelige produkt. Det jeg liker best med produktet er at det er bevegelse, streke farger som trekker øynene dine til den og litt confusing å se på.

Bildene over er hva jeg bruke som “figuren”,

De første utdragene av produktet. Jeg likte fargene sammen, men syns det ble så lite med bare streker så i det endelige produktet bestemte jeg meg for å ta fyll og 4 forskjellige farger.

-Milly

informasjonskampanjen

“I´m still me, I just happen to like ...”

Kampanjen handler om tenåringer som vil komme ut eller har kommet ut av skapet. Den er rettet mot foreldre som ikke er så aksepterende med fakta at barna deres kan være homofile, kampanjen håper å klare å få foreldrene til å forstå at det er helt gret at barna liker det samme kjønn.

Jeg valgte å ta to jenter som står ved siden av hverandre for å vise at kjærlighet kan være fra samme kjønn.

Plakaten

Jeg valgte å skrive “girls” i en annen font og “love”, “respect” og “you” i bold for å heve ut det viktige med plakaten

-Milly

Fotobok

Vi fikk beskjed om å lage en fotobok med bilder vi har tatt gjennom året her på Sandvika VGS.

forside:

Side 4-5 (første side):

Side 8-9:

Side 12-13 (siste side):

Jeg valgte å plassere to og to bilder, et stående og et liggende. for å få litt kontrast i boka. Det stående bilde på side 5 og 13 er svart/hvitt og et portrett.

-Milly

Trending Blogs

Recently Viewed Blogs

...