Oblig.08 – Interactive Infographics website

The main purpose with this assignment is to produce a website containing interactive info graphics, taking us through some of the style eras from the last 50 years. To achieve coherence, you are to choose a specific object, element or character that is «going on a journey», and changing throughout these style eras. You decide what you want to present. The Copyright Act prohibits the use of material which you have not created and produced yourself. The website must also contain a short introduction on each of the style eras, which are:
– Abstract expressionism
– Swiss
– Pop Art
– Psychedelia

Denne oppgaven handler om skjermbasert design, grafisk design for skjerm, infografikk og informasjons design, brukervennlighet og ulike stilepoker. Jeg skal lage en webside som skal presentere de 4 nevnte stilepokene, og velge en ting som skal forandre seg gjennom disse stilene. Websiden skal inneholde en oppsummering/introduksjon av hver stil/epoke. Oppgavens tidsrom er på 4 uker.

Målgruppen for oppgaven er en profesjonell gruppe av kunder. Dette oppfatter jeg som seriøst, ordentlig og et modent publikum. Det vil bli viktig å skrive profesjonelt og fange målgruppens interesse.

Det vil være viktig at jeg lager designet før jeg starter programmeringen. Videre ønsker oppgaveteksten at jeg skal følge denne planen:
– Uke 1: Planning (overview of assignment, sitemap etc)
– Uke 2: Design (idea, conceptual sketches, wireframing, prototyping etc)
– Uke 3: Development (site structure, coding, interactivity etc)
– Uke 4: Launch (final touch, transfer to server, testing, evaluation, deliver to client, report etc.)

Jeg startet med å lage et tankekart over oppgaven, og fikk skrevet ned mange tanker rundt temaet. Videre laget jeg et tankekart over de ulike stilepokene som jeg skal jobbe med i oppgaven, dette for å lære mer om disse.
Tankekart1Tankekart2
Tilslutt brukte jeg ABC metoden, hvor jeg skrev ned så mange relevante ord som mulig til hver bokstav. Disse idéutviklingsmetodene har vært til stor hjelp i den første prosessen i oppgaven.
ABC metode

– Annette B. D.

Portfolio 3 semester

You should present the tasks specified below in a Digital Portfolio. You choose the technique and design of the digital folder, but it should represent you as the designer you are. In addition to the digital folder you should have a link to your reflective diary.
– Oblig.01 – Journey of a centimeter
– Oblig.02 – Four surfaces, four decades
– Oblig.03 – Patch to Plate
– Oblig.04 – Book Design

Portfolioen skal leveres på fredag, og jeg ønsker i den forbindelse å introdusere oppgaven og det jeg har jobbet med så langt. Hovedsakelig har jeg jobbet med å forbedre de tidligere oppgavene, altså oblig.01, oblig.02 og oblig.03.

Oblig.01: Tolk setningen «journey of a centimeter» og produser et valgfritt produkt. Et element fra kunsthistorien må inkluderes, men hvilken epoke og hvordan er valgfritt. Slik ser resultatet ut, før (ved første innlevering):oblig01_01Etter tilbakemeldingen på denne oppgaven fra skolen, startet jeg med å finne en QR-kode. Dette siden en QR-kode er mer «in» og moderne, i forhold til en strekkode. Dessuten ønsket jeg å teste dette ut i designet mitt, og se om det ville fungere bedre enn stekkode. Jeg jobbet videre med formene til en av de tidligere arbeidsfilene, og gjorde den røde boksen større og boksen til QR-koden lik. Synes at dette fungerte mye bedre enn det gamle designet. Under kan du se noen andre forslag og utkast som jeg jobbet med:QR Code Skjermbilde 2013-01-13 kl. 15.56.40Skjermbilde 2013-01-13 kl. 12.30.44Skjermbilde 2013-01-13 kl. 12.37.56Skjermbilde 2013-01-13 kl. 11.20.36Skjermbilde 2013-04-19 kl. 18.27.45
Jeg jobber mye med å finne en ny og passende font, som var mer lettleselig og passet bedre til designet. Jeg har også jobbet mer med symbolene, og detaljer, samt fokusert på luft mellom elementene.

Slik ser resultatet ut , etter alle forbedringene og det er slik de vil se ut til portfolio:oblig.01_02Tatt i betrakning med tilbakemeldingen har disse endringene blitt gjort:

Strekkode er byttet ut med QR-kode, dette for å fremstå mer moderne og for at det passer bedre inn i designet, samt at det er mer appellerende til brukerne. Fontene Menlo og Silom er byttet ut med Helvetica regular og Helvetica light. Dette siden Helvetica er en lettleselig font og fungerer bedre til designet enn det de to andre fontene gjorde. Symbolene til bil, motorsykkel, helikopter og sykkel er fjernet, siden dette ikke er «naturlig» transport for kollektivt reisende. Ved disse formene for transport er ikke en billett normalt, derfor fungerer det ikke å bruke dem i forhold til oppgaven. Dermed står seks symboler igjen: buss, båt, fly, t-bane, trikk og tog. Ved disse symbolene fungerer det naturlig med en billett. Alle symbolene er forbedret og gjennomført med mer nøyaktighet. Videre har det vært sterkere fokus på reduksjon av elementer og luft rundt elementene.

Oblig.02: Utvikle et konsept for en valgri kunde, og illustrer ulike motiver for fire overflater. Hver overflate skal representere en kunstepoke fra ulike tiår, valg av epoke er valgfritt. Slik ser resultatet ut, før (ved første innlevering):oblig.02_01Etter tilbakemeldingene jeg fikk på denne oppgaven ønsket jeg å finne en passende font til hvert design, slik at sensor kunne ha mer å vurdere utifra kunstepoke og helhet. Jeg ønsker selv at det ikke bare skal være fokus på illustrasjonene, men på hva slags vindrue vinen er laget av. Jeg startet med å finne en font som passet til kunstepoken og til designet, dette gjorde jeg hovedsaklig fra internett. Her er noen jeg vurderte:Skjermbilde 2013-03-04 kl. 21.00.23Skjermbilde 2013-03-04 kl. 21.02.02Skjermbilde 2013-03-04 kl. 21.02.39Skjermbilde 2013-03-04 kl. 21.03.14Skjermbilde 2013-03-04 kl. 21.03.30Skjermbilde 2013-03-04 kl. 21.04.07Skjermbilde 2013-01-13 kl. 16.04.02Skjermbilde 2013-01-13 kl. 16.07.00Skjermbilde 2013-01-13 kl. 16.07.32Skjermbilde 2013-01-13 kl. 16.13.30Skjermbilde 2013-01-13 kl. 16.15.41Skjermbilde 2013-01-13 kl. 16.23.14Skjermbilde 2013-01-13 kl. 16.23.32Skjermbilde 2013-01-13 kl. 16.26.55Skjermbilde 2013-01-13 kl. 20.02.58Skjermbilde 2013-01-13 kl. 20.12.36Skjermbilde 2013-01-13 kl. 20.13.06Skjermbilde 2013-01-13 kl. 20.15.57Designet til kubisme og art nouveau var jeg fornøyd med, og ønsket ikke å slette. Her har jeg jobbet videre med designet og forbedret det, mer i henhold til epoken og stilen. Designet til pop art og minimalisme har jeg slettet og laget helt nye. Dette har vært en utfordring, men denne gangen visste jeg mer hva jeg ville og hva epoken krevde. Her er noen inspirasjonsbilder:
circleDIY-Circles-ArtMed epoken Art Nouveau har jeg skapt dette resultatet, enda mer dekorativt og med ornamenter, samt en ny farge og typografi. Fonten som er valgt er Baroque Script. Det er ønskelig at designet skal virke eksklusivt, glamorøst og elegant.
Skjermbilde 2013-04-19 kl. 18.51.01Skjermbilde 2013-04-19 kl. 18.51.13Skjermbilde 2013-04-19 kl. 18.51.19
I designet som er inspirert av epoken kubisme har jeg som sagt tidligere ikke forandret på illustrasjonen/designet, men lagt til en font. For å få vintype-navnet til å passe inn i designet måtte hver enkelt bokstav integreres og passe inn i forhold til størrelse, vinkel og proporsjon. Dette arbeidet var mye mer avansert enn jeg trodde, men til gjengjeld har jeg et resultat jeg er svært fornøyd med.
Skjermbilde 2013-04-19 kl. 18.54.57
Mitt tidligere design til epoken minimalisme var i følge tilbakemeldingen ikke helt riktig, og kanskje jeg hadde misforstått. Jeg prøvde å lage et enkelt design, men som tilslutt egentlig var ganske komplisert og med mye farger. I mitt nye design har jeg fokusert på primærfarger, og en rolig bakgrunnsfarge som ikke er forstyrrende.
Skjermbilde 2013-04-19 kl. 18.58.22Skjermbilde 2013-04-19 kl. 18.58.35Skjermbilde 2013-04-19 kl. 18.59.01
Til epoken Pop Art har jeg blitt inspirert av kunstnerne Pushwagner og Warhol. Mitt forrige design var noe enkelt, men veldig Pushwagner stil. Jeg valgte å slette det gamle og prøve et nytt design, med et mer typisk pop art uttrykk og utseende. Tilslutt valgte jeg å farge håret lilla, og fjerne hånden som jeg opprinnelig tegnet, fordi det passet bedre til designet og fremstår mindre forstyrrende. På etiketten har jeg også laget en tankeboble.Skjermbilde 2013-03-04 kl. 21.57.09Skjermbilde 2013-03-04 kl. 22.01.47Skjermbilde 2013-04-19 kl. 19.10.20Skjermbilde 2013-04-19 kl. 19.10.28
Slik ser resultatet ut nå, etter alle forandringene som er gjort, og det er slik det vil se ut til  portfolioen:oblig.02_02Tatt i betrakning med tilbakemeldingen har disse endringene blitt gjort:

Illustrasjonene er blitt utarbeidet ytterligere og detaljer betraktelig forbedret iht epokens stil, og en font til hver illustrasjon/tidsperiode har blitt inkludert i designet. Til epoken Art Nouveau har det blitt valgt en dekorativ font, Baroque Script. Illustrasjonen er blitt gjort enda mer dekorativ og elegant, og ornamenter er blitt laget i to av hjørnene. Til epoken Kubisme har en stovepipe font blitt benyttet, LHL Union Thug, og deretter blitt integrert i ilustrasjonen. Til epoken minimalisme har fonten Lois Ann blitt valgt. Det har blitt laget ett helt nytt design til denne epoken, med fokus på primærfarger og enkle former. Til den siste epoken, Pop Art, har en mer uformell font blitt valgt, Komika Display Kaps. Det har blitt laget ett helt nytt design til denne epoken også, men fokus på sterke farger, uttrykksform og stilen på personen i illustrasjonen.

– Annette B. D.

Oblig.02 – Research og idéutvikling

I dette innlegget ønsker jeg å gå dypere inn på mine 4 valgte kunstretninger/bevegelser fra ulike tiår, samt vise prosessen for idéutvikling.

Først ønsker jeg å presentere de valgte kunstbevegelsene; 2 eldre og 2 nyere epoker:

Art Nouveau (Jugendstil) – stilbevegelse som startet i 1890-årene og varte til 1905. Etter denne perioden ble stilen utvannet og av dårligere kvalitet. Navnet kommer etter en butikk for dekorativ kunst, som kunstforhandler S. Bing åpnet i Paris i 1895, og som senere også ble brukt for utstillinger. Stilens kjennetegn er elegante buer, lange og slanke linjer, en enkel og rasjonell uttrykksform, dekorative arbeider, samt at det var en reaksjon mot stilkopiering. Bok og plakatkunst fra denne perioden, har hatt stor betydning.

Verden: Colonna, de Feure, Caillard, Darras, Guimard, A. Beardsley, W. Crane, H. Summer, M. Klinger, E. Grasset

Norge: Edvard Munch (Skrik, Madonna), Jens Thiis, Henrik Bull, E.O. Schous

Kubisme – stilbevegelse som startet i 1907 i Paris. «Alle former i naturen kan føres tilbake til kulen, kjeglen og sylinderen» – Paul Cézanne. Stilens kjennetegn er antinaturalistisk og antiillusjonistisk, geometrisering av former, organisert billedflate, sterke/livlige farger, dybdefølelse, samt at det var en reaksjon mot impresjonismens formoppløsning og tilfeldig motivavskjæring. Fire forskjellige perioder: før-kubisme, fasettkubisme, analytisk kubisme, syntetisk kubisme. Collage teknikk tatt opp på denne tiden. Etter krigen ble stilen mer abstrakt, og kubismen har hatt stor påvirkning på mange senere stilbevegelser.

Verden: Paul Cézanne, Picasso, Georges Braque, Albert Gleizes, Fernand Léger, Juan Gris, Jules Élie Delaunay, Jacques Villon, Meltzinger,

Norge: Per Krogh, Axel Revold, Aage Storstein

Pop Art (Pop kunst) – stilbevegelse som startet i 1950-årene. Bevegelsen oppsto etter oppfordringer fra komponisten John Cage om at kunstnere måtte rive ned grensene mellom kunsten og livet. Stilens kjennetegn er at kunstnere baserte sitt arbeid på anonyme, mekaniserte, masseproduserte bildet fra reklame, tegneserier og TV, samt bruk av sterke/ lyse farger, konturer og former. Objekter har blitt tatt ut av sitt miljø, gjengitt, samt at utradisjonelle materialer og formater er brukt. Stilen har hatt stor betydning for senere kunstretninger.

Verden: Andy Warhol, James Rosenquist, Roy Lichtenstein, Peter Blake, Jasper Johns, David Hockney, Peter Phillips

Norge: Hariton Pushwagner

Minimalisme – stilbevegelse som oppsto i 1960-årene i USA. «The more stuff in it, the busier the work of art, the worse it is. More is less. Less is more» – Ad Reinhardt.  Stilens kjennetegn er enkelhet i form, gjentakelse av samme form, reduksjon av form, ryddig, rolige/lyse farger, nytekning, samt at det var en reaksjon mot det subjektive og romantiske i den abstrakte ekspresjonisme. Stilen har hatt stor innflytelse på musikk, dans og arkitektur.

Verden: Carl Andre, Dan Flavin, Donald Judd, Robert Smithson, Anne Truitt, Ad Reinhardt, Martin Puryear.

Videre ønsker jeg å presentere noen idéutviklingsmetoder i form av tankekart og ABC-metode, samt en avslutning. Først legger jeg ved 2 tankekart, et av VIN og et av TE som tema. Deretter to utførte ABC-metoder om samme tema.

Som en avslutning av temaet VIN har jeg valgt ut noen stikkord fra de to utførte metodene over som jeg føler passer best å bruke til videre produksjon av oppgaven: drue, lys/mørk, feire, etikett, blomst, balanse, kos, luksus, moderne.

Videre har jeg valgt 1-2 elementer til hvert land som produserer vin: Okse – tyrefekting & paella – kokt ris med safran og sjømat (Spania), Kenguru – pungdyr (Australia), Pasta – deig av hvete, vann og salt (Italia), Lama – pukkelløs kameldyr (Chile), Fisk & fotball (Portugal), Løve & Elefant (Sør-Afrika), Eiffeltårnet & crossaint (Frankrike) Bil & pølse (Tyskland). Dette er elementer som kan brukes i videre design, og som er funnet gjennom research.

Hvis jeg velger vin som et produkt og deretter en kunde ønsker jeg å dele opp dette i fire kategorier: rødvin, hvitvin, rosévin og musserende vin. Dette på grunn av at oppgaven vil ta for seg fire overflater, og derfor ønsker jeg at hver overflate skal ha et tema/kategori.

Som en avslutning av temaet TE har jeg valgt ut noen stikkord fra de to utførte metodene presentert tidligere, som jeg føler passer best å bruke til videre produksjon av oppgaven: kopp, sunt, organisk, dekorativ, livlig, plante, varme.

Videre har jeg valgt 2 elementer til hvert land som produserer te: Bollywood & krydder (India), Kalligrafi & teknologi (Kina), Ris & elefant (Sri Lanka), Natur & skjold (Kenya). Dette er elementer som kan brukes i videre design, og som er funnet gjennom research.

Hvis jeg velger te som et produkt og Pukka som kunde ønsker jeg å dele opp dette i fire kategorier: grønn-te, hvit-te, sort-te og oolong. Dette på grunn av at oppgaven vil ta for seg fire overflater, og derfor ønsker jeg at hver overflate skal ha et tema/kategori.

Jeg har vært i kontakt – på mail, med de som selger og jobber med Pukka i Norge. Etter å ha introdusert meg selv, oppgaven og hva jeg ønsket fra dem, fikk jeg dette svaret:

 

Etter en del mail fra og tilbake fant jeg ut at de i Norge ikke har tilgang på designmanual, god oppløsning av logo, fonter, fargekode etc. Dermed hadde dette tatt for lang tid, og jeg ønsket ikke lengre å jobbe med dem.

Tilslutt ønsker jeg å si at jeg med dette har valgt å bruke vin som et produkt for denne oppgaven, mer om kunde kommer i neste innlegg.

Kilder

Stephan Tschudi Madsen, Art Nouveau, http://snl.no/art_nouveau

Stephan Tschudi Madsen, Kubisme, http://snl.no/kubisme

Store norske leksikon (2005-2007), Popkunst, http://snl.no/popkunst

Store norske leksikon(2005-2007), Minimalisme, http://snl.no/minimalisme/kunst

http://www.vinmonopolet.no/artikkel/mat-og-drikke/lær-om-smak/trinn-for-trinn/smaking-trinn-for-trinn

http://www.vinmonopolet.no/artikkel/mat-og-drikke/vinbegreper

http://www.vinmonopolet.no/artikkel/mat-og-drikke/vinområder

http://www.vinmonopolet.no/artikkel/om-vinmonopolet/flaskeskilt

http://alkohologhelse.vinmonopolet.no

http://www.matoppskrift.no/sider/barteinfo.asp

http://www.tehuset.no/om.asp

http://www.mocca-kaffebar.no/documents/fakta_om_te.html

– Annette B. D.

Oblig.02 – Four surfaces, four decades

You are developing a concept for a client. The mission is to create a concept where to illustrate a subject on 4 surfaces:
1. The 4 surfaces is representing 4 decades.
2. The 4 surfaces are representing one decade each. It is important to the client that the surfaces have wholeness but still represent each decade.
3. Choose client, theme and decade.

For denne obligatoriske oppgaven skal jeg velge meg en kunde og deretter et produkt jeg ønsker å bruke som overflate når jeg videre skal lage 4 ulike design inspirert av 4 forskjellige epoker og tiår. For denne oppgaven er utstyr og programvare valgfritt, samt media og teknikk.

Siden jeg synes oppgaven var nokså åpen, begynte jeg med å skrive ned idéer til produkt/overflate innen mat og drikke. Dette gjorde jeg fordi jeg synes dette var en bedre start/idé enn å starte med å finn en potensiell kunde. Deretter skrev jeg ned ulike materialer, altså overflater i denne sammenheng, og tilslutt ulike epoker innenfor design historien.

Etter notatene fant jeg bilder fra internett og samlet de i to ulike moodboards; det ene moodboardet viser produkter innen kategorien snacks – hvor IFA pastillen var det produktet jeg mest kunne tenke meg å jobbe med, altså med Nidar som kunde. Det andre moodboardet viser produkter innen kategorien drikke her hadde jeg allerede begrenset meg til de drikkevarer som var mest aktuelle for meg å designe noe til. Når det gjelder te har jeg sett for meg Pukka som kunde, og har funnet ut at de som driver dette i Norge er Marianne Willumsen AS og Frontier. Jeg jobber fortsatt med å se etter en potensiell kunde for vin, og om jeg skal velge et merke eller et større selskap. Så langt i researchen har jeg funnet et vin-merke jeg liker Blossom Hill, og selskapet som blant annet fører dette merket og mange andre er Diageo. Det siste moodboardet viser bildet av ulike materialer, som jeg eventuelt skal lage et design til. I oppgaven er overflate viktig, og i den sammenheng hva slags materiale som skal bli brukt, og hva man må ta hensyn til.

Etter denne prosessen har jeg kommet frem til at jeg skal velge et produkt innen te eller vin, og velge Pukka som kunde eller finne en potensiell kunde innen vin.

For research på design historie og stiler har jeg benyttet Tate Artist Timeline av Sara Fanelli (2006). Her er hele tidslinjen scannet, som går fra 1900 – 2000:

Utifra dette har jeg gjort research rundt de forskjellige epokene/tidsperiodene, sett på arbeider fra denne tiden, kunstnere, lest om kjennetegn, historie osv. Jeg har gjort meg notater underveis og kommet frem til 6 alternative epokene, dette er: Art Nouveau (1890), Kubisme (1910), De Stijl (1910) Surrealisme (1920), Pop Art (1950) og Minimalisme (1960).

 

 

Etter denne prosessen har jeg kommet frem til at jeg eliminerer De Stijl, siden jeg jobbet med denne perioden i min forrige obligatoriske oppgave, samt at denne bevegelsen oppsto i samme tiår som kubismen. Jeg velger også å eliminere Surrealismen siden dette kan bli veldig krevende, siden det skal se realistist ut samtidig som det skal være urealistisk. Mine 4 valgte epoker og tiår blir derfor Art Nouveau, Kubismen, Pop Art og Minimalisme.

– Annette B. D.