Learning activity week 3 – Question 2

Look at the history timeline at the beginning of this lesson. Gather information from 1900-2000, and design your own timeline for the Swiss Design Style. Each movement should be described in a creative way.

Denne læringsaktiviteten har tatt mye mer tid enn planlagt, både fordi jeg ikke helt har forstått oppgaven og fordi det rett og slett har vært svært utfordrende å gjennomføre den.

Først gikk jeg tilbake til linken jeg ble anbefalt å bruke fra pensum, hvor det var en tidslinje over grafisk designs historie, du kan finne den her. Fra forsiden kan du klikke deg videre til selve tidslinjen, og deretter utforske de ulike bevegelsene/stilene og videre fordype deg. Utifra dette tolket jeg først oppgaven som at jeg skulle designe en tidslinje over grafisk designs historie. Dette gjorde jeg slikt:


Etter dette leste jeg oppgaven flere ganger, på nytt, itillegg til å se på andre studenters arbeider fra Noroff. Jeg hadde tydeligvis misforstått. Oppgaven gikk ut på å designe en tidslinje over Swiss stilen, og lage dette kreativt og oversiktlig. Med noe av det samme designet, laget jeg en oversikt som så slik ut:


Selv nå følte jeg at tidslinjen manglet tekst, bilder og illustrasjoner, og ikke virket særlig kreativ, tross mye tid som er brukt til planlegging og research. Videre bestemte jeg meg for å lage en oversikt over hva jeg kunne plassere over, og prøve å få en bedre helhet, samt flyt i designet. Jeg benyttet meg flittig av grid system og linjaler i Illustrator, og internett til å samle inn relevante bilder og illustrasjoner. Etter mye arbeid, ble resultatet slik:


Denne tidslinjen er kanskje ikke så oversiktlig, og bruker ikke farger for å illustrere år, slik som tidslinjene over. Den denne har mer tekst, altså mer informasjon, samt bilder og illustrasjoner som viser arbeider som er utført, fonter som er utviklet, bøker som er utgitt m.m.

Jeg har lært veldig mye om både grafisk designs historie og Swiss stil bevegelsens historie og kjennetegn. Denne tidslinjen håper jeg å bruke i fremtidige oppgaver, eller at andre finner inspirasjon eller informasjon de kan bruke til sine oppgaver.

– Annette B. D.

Oblig.01 – Journey of a centimeter

In this assignment you are going to produce a product with the theme «Journey of a centimeter».
– It may be an illustration, an information brochure, a webpage, postcard, etc. No limits.
– The «Journey of a centimeter» must contain an element of Art History. You choose what and what epoch, and how to include this.

A journey can be everything. From eye movement to snail on the ground, it’s slow movement. What would your interpretation of «the Journey of a centimeter» be?

Evaluation: Idea, message and objectives (goal) 30%
Form language 20%
Working process 20%
Report and WordPress blog 30%

Jeg begynte denne oppgaven med å gjøre litt research rundt journey, centimeter, reise, transport, målenhet osv. Deretter lagde jeg meg et tankekart for å få ned alle idéene mine. Videre valgte jeg ABC-metoden, hvor jeg prøvde å finne på nye ord – for hver bokstav. Noen av ordene ble det samme som fra tankekartet, men denne øvelsen fikk meg til å virkelig tenke på hver bokstav nøye – noe jeg ikke ville gjort med et tankekart.

I denne oppgaven er det svært viktig å velge og fordype seg i en kunsthistorisk epoke, siden dette igjen skal brukes i designet – hvor et element fra denne perioden er med. Med dette i tankene valgte jeg å lage et tankekart om kunsthistoriske epoker og grafisk designs historie. Det sist nevnte er noe som er i fokus denne uken, og på mandag ble jeg tildelt et pensum på 60 sider, så først måtte jeg lese gjennom dette før noe videre arbeid. Til de kunsthistoriske periodene brukte jeg Google der jeg sto fast, jeg ønsket ikke å ta med stikkord til hver epoke, siden jeg følte det ikke var nødvendig eller relevant. Når det kom til grafisk design sin historie har jeg lært veldig mye nytt denne uken. Etter å ha lest ferdig pensum, benyttet jeg videre internett for å lese mer om hver bevegelse, og etter dette kom jeg frem til at jeg ønsket å benyttet De Stijl eller Swiss Style.

Med grundig fordypning både i begrepet «Journey of a centimeter» og kunst/grafisk design historie, startet jeg arbeid med moodboards. Det første moodboardet er en blanding av idéne mine fra tankekartet; reise, trening, gå-tur, billett, vann, skilt etc. Det andre moodboardet har mer fokus på billetter, symboler og design, samt farger. Det tredje moodboardet viser inspirasjon fra De Stijl bevegelsen, som jeg aller helst ønsket å jobbe med. Et fjerde moodboard viser ulike symboler for transport midler, som jeg etterhvert fikk en idé på å bruke.

Etter en omfattende innsamling av bilder til moodboards, kom arbeidet med skisser. Her følte jeg at jeg hadde mange gode idéer jobbe videre med, som bla. skilt/veivisning med symboler, billett, vektreduksjon, fare på veien etc. Dette er utført på tegnepapir, med blyanter og viskelær.

Jeg ønsket å jobbe videre med billett idéen, fordi en billett er et svært viktig element på en reise, og noen en ikke kommer foruten. Min tolkning av «Journey of a centimeter» er derfor – med en billett kan du reise; hvor du vil, når du vil, en centimeter eller lengre. Med en billett er du alltid trygg og kan slappe av og nyte reisen på sitt fulleste, ingen grunn til bekymring – alt er betalt! Dessuten er mitt endelige budskap – reise med Stijl, loddrett og vannrett, samt en oppfordring for folk til å bruke kollektivt.

Fra min idéutvikling ønsket jeg å jobbe med symboler, og i billettens sammenheng, symboler fra transportmiddel. Både transport i vann, på land, i lufta og på skinner. Hvordan blir tekst brukt iforhold til stilen?
I forhold til typografi har jeg tatt hensyn til hvor mye plass jeg har å benytte til tekst i billetten, leseravstand, bakgrunn, skriftens form, hvem som skal motta billetten og at tekst står til budskapet (at det korresponderer til innholdet). Videre i prosessen har det blit utviklet et moodboard med typografi fra De Stijl perioden, og med inspirasjon fra dette. Deretter har jeg vurdert ulike fonter fra programmer jeg har tilgjengelig, og satt opp de jeg ønsket å jobbe videre med i en liste. Fontene jeg har valgt er sans-serif og heter Menlo og Silom, disse passet godt samme og til stilen som var ønskelig.

Jeg har jobbet med layout og displayskisser, hvor jeg har prøvd ut plassering av de nødvendige elementene og farger. Denne har vært en svært viktig prosess for å vurdere hva jeg synes passer best til stilen, hvordan billetten skal se ut og hvordan elementene skal puste og samtidig danne en helhet.

Utifra bevegelsen De Stijl har jeg lært at det handler om å redusere elementer ned til kun det mest nødvendigste, bruk av rene former, horisonatale og vertikale elementer. Utifra fargene som er benyttet i designet var det ønskelig at det skulle representere en lys start (gul), noe kraftfullt og energisk (rødt) og noe trygt og sikkert (blå) – alt dette er noe som beskriver en billett.

Det substraktive fargesystemet har blitt benyttet, siden det var ønskelig med farger for trykkbasert design – CMYK. For å skape fargen blå må fargene Cyan og Magenta blandes, og for å skape fargen rød må fargene Magenta og Yellow blandes, slik har jeg benyttet meg av fargene, for å få det slik jeg ønsket.
Gul: Cyan 0% Magenta 0% Yellow 100% Black 0%
Rød: Cyan 0% Magenta 100% Yellow 100% Black 0%
Blå: Cyan 100% Magenta 100% Yellow 0% Black 0%

Litt mer research rundt billett:
Former er billetter – Billett for teater, kino, konsert, museum, fornøyelsespark, dyrepark, fotballkamper, håndballkamp, svømmestevne, turneringer, foredrag, zoo, stadium, event, attraksjon, tivoli, båt, cruise, fly, buss, t-bane, tog, trikk…
Viktige elementer på en billett: Navn/tittel, Sted/adresse, inngang, rad, plass, strekkode, pris, dato, barn/voksen/student. Fungerer som en kvittering. Betalt billett gir tilgang til noe.

Etter mye analogt arbeid, startet jeg å jobbe med format og layout digitalt. Videre kom arbeidet med å lage og utforme ulike symboler for transportmidler. Jeg bestemte meg for at formatet skulle være liggende rektangulært, og ha målene 12cm (bredde) og 6cm (høyde). Nedenfor har jeg samlet noen ulike design, og layout jeg jobbet med, og som viser litt av min digitale prosess.

Til arbeidet med de forskjellige symbolene har grid blitt benyttet, samt til arbeidet med utforming av billetten. Dette har vært til hjelp for å jobbe nøyaktig, oppnå flyt i layouten og luft rundt elementene, samt for å lede øyet til forskjellige elementer. Selv føler jeg designet er svært inspirert av bevegelsen De Stijl, hvor jeg har fokusert på primærfarger, få elementer, samt horisontale og vertikale linjer/former. Her er mitt endelige design og min tolkning av Journey of a centimeter:

Hva synes dere? Er dette en billett dere gjerne ville brukt?

– Annette B. D.

Learning activity week 2 – Poster

Design a poster for the band using lateral thinking as a Design Think direction.

Denne oppgaven hører sammen med alt jeg skrev i forrige innlegg, men siden forrige innlegg ble så langt ønsket jeg heller å poste et nytt innlegg, kun med fokus på den ferdige plakaten. Lateral thinking handler om å resonere og løse problemer gjennom en indirekte og kreativ fremgangsmåte, samt å prøve og feile.

Fra mine thumbnail skisser og moodboards jobbet jeg videre med idéene mine i Illustrator, her har jeg prøvd ut ulike metoder og effekter. Jeg har vært gjennom en prosess hvor jeg har testet ut hvordan ulike elementer og farger passer sammen, og lært meg noen nye teknikker.

Jeg har brukt en kombinasjon av komblementærfargene lilla og gul, samt blå og oransje. Albumet jeg har laget en plakat til heter We are the tide, og jeg ønsket å bruke tidevann som utgangspunkt for mitt design. Hovedfokuset i plakaten er i solen, siden tidevann er noe som oppstår når solen og månen trekker vannet i havet mot seg, med sine tyngdekrefter (kilde). På grunn av denne forklaringen følte jeg en måne eller sol måtte være med i designet, og er fornøyd med hvordan fokuset naturlig faller på solen.

Designet er inspirert av musikksjangeren (indie folk/indie pop), og dens retro/vintage stil. Selv synes jeg fargen brun representerer denne stilen, samt bruk av filter og effekter, og dette er noe jeg har testet ut og benyttet meg av i mitt design. Jeg har prøvd ut ulike fonter, og sendte opp med en serif font til navnet på bandet og albumet, Charlemagne Std Bold. Nederst på siden ønsket jeg å inkludere noen av deres mest benyttede sosiale medier sider, samt deres egen hjemmeside. Til dette benyttet jeg en sans-serif font, Futura. dette for å skape en kontrast til den andre fonten.

Designet er enkelt, og jeg har benyttet få elementer, samtidig som det er godt med luft rundt elementene. Jeg kunne jobbet mer med helheten av plakaten, brukt flere elemeneter, skapt dybde og tekstur, men er fornøyd med resultatet med tanke på at det er en læringsaktivitet.

– Annette B. D.

Design and mediekommunication – Introduction week

I skoleåret 2012-2013 er alt av innhold/materiale fra Noroff på engelsk, dette for å forberede de studenter som eventuelt ønsker å ta et tredje år i utlandet for å få en Bachelor grad – da alt vil foregå på engelsk. Her på bloggen kommer jeg til å skrive av oppgavetekster fra Noroff i kursiv på engelsk, og deretter skrive på norsk hvor jeg reflekterer over mitt arbeid og beskriver idéer og utvikling. Kanskje velger jeg å skrive engelsk i noen blogg-innlegg, vi får se hva jeg foretrekker og hvordan det utvikler seg.

Design Journey

Create a visualization of the DMK course structure and add to this a personal perspectives to create a final map about personal reflections from MMD to now

Til denne oppgaven var verktøy og program valgfritt. I oppgaveteksten ble det anbefalt 3 linker til tankekart verktøy, hvor jeg startet med å sjekke disse ut og valgte Freemind. Jeg lastet det ned, og så en video fra Youtube, og hvordan man brukte programmet. Til oppgaven var det nødvendig å lese studieplanen for hvert semester, og lese om hva hvert emne innebærer og hva jeg skal lære. Tilslutt skulle jeg skrive en artist statement, som ikke skulle være mer enn 400 bokstaver, men en start på en kreativ identitet og refleksjoner over mål og fremtid.

Moodboard over idéer og tanker

Har brukt søkeord slik som: Visual map, tube map, train map, labyrinth, journey map, network, molekyl, map, structure, visualization, base, note, elements, rør, pipe system, color, personal, bobbles.

Mind-map

Over er mitt moodboard og mitt mind-map som laget i Freemind programmet. Idéene jeg ønsket å jobbe videre med var 1. labyrint eller et labyrint spill – hvor man om og om igjen må starte på nytt fordi kulen går inni hullene, og fordi det er krevende å få kulen hele videre fra start til mål uten å falle i en av hullene. Dette passer godt til hvordan jeg ser på en kreativ prosess, og spesielt hvordan veien er fra man starter et studieår til året er ferdig og man eventuelt er heldig og får seg jobb. Det er mange fristelser på veien, mange «hull» å falle nedi, mange feil man må lære og rette opp i, samt at det er utfordrende og krevende.

2. tube/t-bane-map – hvor man bruker farger effektivt for å lage et oversiktig kart. Dette må man lage på en oversiktig måte, så det er enkelt å forstå, slik at vedkommende kommer frem og finner utveien – målet.
3. rør/pipe system – hvor man bruker rør for å illustrere alle steder man skal igjennom før man ser utveien -målet.

Skisser av tube map og pipe system

Deretter skisserte jeg digitalt i Adobe Illustrator. Hvor jeg utviklet idéen min videre til et resultat jeg ble fornøyd med – og som jeg syntes var oversiktig og ga mening.

 

 

De 3 siste bildene var de jeg valgte å gå for når det gjelder map, visual map og artist statement. Jeg har fått frisket opp litt i Illustrator og jobbet med nøyaktig plassering. Fargene som er brukt i kartet har jeg brukt etter London Underground sin Profil manual og fonten som er brukt til overskrifter er lastet ned gratis og heter London Tube. Jeg ønsket å gjenskape London Underground sitt tube map, og har derfor brukt samme fargene og fonten i Artist statement. Dette har jeg også gjort for å skap ene helhet i designet.

For meg er alle emnene i dette skoleåret like viktig for fremtiden og om det blir videre studier eller jobb. Jeg mener alt dette hører sammen, og at man kan få bruk for alt i fremtidig skolegang eller jobb – og være fleksibel i bruk av flere programmer og medier. Derfor har jeg plassering videre studier eller jobb i midten av alt det jeg skal lære i løpet av dette året på Noroff.

Annette B. D.

 

Oblig.08 – Banner prosess

Nå begynner banneren, som skal reklamere for fotogalleriet, å bli ferdig. To dager før innlevering gjenstår det å gå igjennom Flash arbeidene mine, ferdigstille rapporten og få integrert banneren på mitt enkle nettsted, samt laste opp fotogalleriet. Jeg er veldig spent på om jeg klarer å få til dette på første eller andre forsøk, og gleder meg til å få alt på plass, samt vise dere hva jeg har jobbet med i 5 uker.

Banneren skal inneholde en enkel animasjon. Jeg har valgt å lage en animasjon av en bukse/jeans som blir brettet, og har jobbet med fire hovedstadier i animasjonen. Disse tegningene har jeg tatt prinscreens av, så dere kan se hvordan buksen ser ut i de ulike stegene. Først en tegning av en jeans i full lengde og bredde, bakfra. Deretter en tegning av en jeans som er brettet til den ene siden, hvor det andre «beinet» ligger bak. Videre en tegning i prosessen som viser hvordan buksen ser ut idet den blir foldet en gang. Den siste tegningen viser hvordan en jeans ser ut når den er ferdig brettet, kompakt og plassbesparende.

 

Jeg har brukt veldig lang tid på å utvikle disse fire stadiene i animasjonen, og det har vært svært krevende å bruke Adobe Flash sine tegneverktøy. Jeg har allerde gjort noen forandringer til tegningene for å forenkle de enda mer. Etter mye jobbing med å tegne og finpusse på buksene har jeg laget et movie clip. Jeg har brukt en blå farge i stroke for å illustrere hvilken farge jeansen har. Jeg startet med å velge Create Shape Tween mellom de fire tegningene, og laget en animasjon på tilsammen 10 sek. Videre jobbet jeg med plassering av shape hints, altså hint man kan legge til for å få mer kontroll over animasjonen. Problemet mitt var at mellomposisjonene fra det ene stadiet til det andre ble helt feil, og absolutt ikke slik jeg hadde tenkt det. Jeg prøvde videre, og jobbet svært lenge med å få tweeningen slik jeg ønsket. Resultatet ble greit nok for å være nybegynner, men jeg følte meg veldig usikker på om dette kom til å bli godkjent.

Min eneste mulighet for å rette opp i animasjonen var rett og slett å starte på nytt, men jeg hadde fortsatt mine fire stadier å arbeide etter. Jeg opprettet et movie clip, startet med det første stadiet, og forandret tegningen i hver enkelt ramme. Deretter fortsatte jeg med å legge inn 2 sek pause, for deretter å jobbe videre med det andre stadiet, samt gradvis forandre tegningen. Arbeidet fortsatte med pause, steg 3, lage forandringer i 24 frames, pause, steg 4, pause. Animasjonen min ble 10 sek denne gangen også, men selve animasjonene kun 1 sek hver, med 2 sek pause/hold. Jeg har jobbet utrolig presist og vært nøyaktig med plassering, samt hvordan jeg har laget animasjonen. Mye tid er blitt brukt til å gå gjennom og rette opp animasjonen, og jeg føler selv jeg er mer tilfredsstillt ved dette resultatet.

På scenen skrev jeg inn tekst som skal brukes på banneren, og la til jeans animasjonen min. Måtte jobbe nøyaktig med plassering her også, og hvordan de ulike elementene skulle stå i forhold til hverandre. Tilslutt la jeg til en effekt på fotoessayets tittel for å få banneren mer interessant, en Clockwise rotasjon, som skal gjenta seg 2 ganger i sekundet. Utfordringen var å få dette til å stoppe akkurat i det animasjonen starter.

Jeg har valgt å benytte de samme fargene på animasjon og tekst som i fotogalleriet, for å skape en helhet og følelse av at alt henger sammen. For å få banneren til å fungere som en knapp/peker har jeg opprettet et button symbol og laget en knapp som er like stor som banneren, altså 640 px x 320 px. Knappen er usynlig og har kun innhold på Hit- stadiet. Fra banneren skal brukeren kunne trykke og komme direkte til fotogalleriet. Se printscreen under for hvordan banneren ser ut i scenen, det lyse blå laget illustrerer knappen.

– Annette B. D.