Portfolio – 4.semester

At the end of each semester, we collect the mandatory tasks in a Portfolio for assessment and grading. You should present the tasks specified below, from your 4th semester, in a website. This website should be designed so that it conveys how you are as a designer. The site must contain links to all the mandatory assignments specified below in the list, and a link to your reflective diary.
– Oblig.05 Illustration/Photo
– Oblig.06 Person, product and natural light
– Oblig.07 Title Sequence
– Oblig.08 Interactive infographic website
– WordPress blogg (dagbok)

Til mappevurderingen for 4.semester, mitt siste semesteret, skal jeg lage en webside hvor jeg samler alle de obligatoriske oppgavene som er utført dette semesteret. Jeg kommer til å inkludere en link til denne bloggen, og eventuelt noen læringsaktiviteter eller skisser. Både de gamle versjonene og de nye skal leveres, og hva som er forandret skal beskrives i en rapport. Nå skal jeg først jobbe med tilbakemeldingene jeg har fått fra Noroff, og forbedre de fire oppgavene jeg har levert dette semesteret. Deretter skal jeg beskrive hva som er forandret og gå gjennom rapporter. Tilslutt skal jeg designe og programmere en webside.

Jeg begynte med å bruke ABC metoden, for å tvinge hjernen til å tenke på alle bokstavene i alfabetet og komme med idéer, tanker og innspill til oppgaven. Videre jobbet jeg med å finne et passende domene navn. Mens jeg jobbet med dette, sjekket jeg også hvilke navn som var ledige. Jeg ønsket helst å opprettet et .com domene til porteføljen.
img002img003

Videre jobbet jeg med skisser, og skisserte wireframe, sitemap og layout for nettsiden. Jeg ønsket fokus på bilder, og gjerne med en slider/galleri funksjon. Jeg har studert fotografi tidligere, og føler dette er en god måte å representere meg selv som designer. Skissene er til god hjelp når jeg senere skal lete etter et theme som passer mine idéer. Themes som ble vurdert til oppgaven vises samlet under. Navnene på disse themes er Twenty thirteen, Virtue, Vantage, Customizr, Responsive, WP creativix, Polaroids, Hatch og Photolistic.
img001themes

Domene navnet jeg valgte å gå for ble studioannette.com. Dette navnet ble valgt fordi det er lett å huske og si, samt fordi mitt spesialfelt er fotografi og da passer det å bruke studio i navnet. Jeg ønsker å kunne bruke denne nettsiden i fremtiden til å vise arbeider jeg har utført for kunder, og henvise nye kunder til denne siden for mer informasjon.

Videre ble WordPress lastet ned, og themet Customizr. Dette themet passet best til det designet som var ønskelig å oppnå for porteføljen. Her kan man fokusere på bilder og en presentasjon av dette. Med dette themet kan jeg bruke en slider på hovedsiden, og derfra henvise brukeren til de aktuelle sidene for mer informasjon om hver enkelt oppgave. Jeg har opprettet et child theme, og gjort forandringer i php scriptspråk, html og css for å tilpasse nettsiden for å oppnå et ønskelig resultat.

Nedenfor ønsker jeg å vise litt av prosessen med nettsiden og slideren.
prosess

Det finnes et WordPress symbol i meny og footer, som er en link hvor brukeren blir sendt direkte til min reflekterte dagbok. Det finnes også et Facebook symbol i meny og footer, som er en link til min facebookside. Videre finner brukeren alle de fire obligatoriske oppgavene i menyen, og en slider på hovedsiden med et utsnitt av hver enkelt oppgave. Jeg har valgt fargen rosa, siden dette er min favoritt. Sammen med rosa har jeg valgt fargen grå, siden de passer godt sammen.

For å komme direkte til porteføljen min, trykk på denne linken: www.studioannette.com

– 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.03 – Idéutvikling og skisser

Først i idéutviklingsprosessen har jeg jobbet med ABC-metode og tankekart, dette har jeg gjort for å tømme hodet for tanker og prøve å tvinge hjernen til å tenke på nye ord og idéer:

img050img051

Disse metodene fungerer svært bra for meg. Dette får meg til å tenke gjennom alt som er viktig med prosjektet, og stikkord som man må ta hensyn til med designet og utarbeidelsen. Videre har jeg jobbet med skisser, både små/disposisjonsskisser og større og mer detaljerte skisser, dette til utarbeidelse av logo for Patch to Plate. Fokuset har vært å bruke inspirasjon fra grønnsaker, frukt, vekst, miljøbevissthet og noe barnslig med et morsomt uttrykk.

img052img053

img049img050

 

img049 img050 kopi

Selv føler jeg at jeg har utarbeidet mange gode idéer, som jeg ønsker å jobbe videre med og teste og prøve ut. Jeg håper å kunne bruke et utvalg av frukt og grønt, opptil tre ulike figurer, som passer sammen både helhetlig og fargemessig. Jeg kommer til å jobbe videre med å skape noe som passer med stikkordene «hage», «dyrke», «forbruke», «vekst».

– Annette B. D.

Learning Activity – Acquainting yourself with the work process

Consider the different steps in the work process and answer the following questions in writing:
– Conduct research: Write down different means of conducting research.
– Clarify the strategy: What do you think should be included in a creative brief?
– Design the identity: How would you approach the findings from the research and the clarified strategy?
– Create touchpoints: What do you think is meant by touch points?
– Manage the assets: How would you nurture and grow the brand that you’ve created?

Conduct research
Gjør ordentlig forskning (research) før du tar noen valg, og husk at typen forskning kommer an på produktet og budsjettet. Dette steget kommer til å hjelpe deg til å avgjøre hva slags ønsker og behov bedriften har og hvor vidt det er gjennomførbart.

Kvalitativ metode (følelser, oppfatninger, holdninger, motiver – dybde/analyse):
Observasjon – her blir man kjent med kunden; du følger med utenom at kunden vet det og når de vet det. Her lærer du hva de står for, tilbyr, adferd, holdning etc. Du lærer også noe om målgruppen, hva de forventer og hvordan de ansatte oppfyller deres krav.

Fokusgruppe – en gruppe med mennesker som diskuterer ting. Du lager spørsmål om et tema, eller gruppen kan se en reklame og diskutere dette. Denne metoden er et slags intervju, men med flere deltagere. Her går man i dybden i et tema. Ulempe: Noen er veldig pratsomme, andre mindre pratsomme.

Dybdeintervju – en deltager og en intervjuer. Kan være åpne spørsmål, og man snakker sammen. Her er det om å gjøre å finne ut av hva de mener, gå dypere inn på ting og unngå ja og nei svar. Her finner du ut hvordan kunden ønsker å bli oppfattet, hva de står for og tilbyr, samt hva de ønsker.

Kvantitativ metode (statistisk informasjon – målbarhet):
Spørreskjema – her lager du lukkede spørsmål, med f.eks skala eller alternative svar. Her er det begrenset med informasjon, som er lettere å analysere. Her kan du finne ut om noen ønsker å kjøpe produktet, hva de synes om det, hvordan de opplever å bli behandlet etc. Du får ikke bra nok informasjon før du har nådd over 100 folk, du må ha mange informanter.

Clarify the strategy
Etter det første steget med innsamling av data (informasjon) må du tolke denne informasjonen. Du må høre på hva kundene ønsker og ta action fra dette. Her er det viktig å skrive ned dine funn og valg, samt hvorfor. En kreativ brief kan inneholde dette: Kundeinformasjon (Hvem er kunden og hva tilbyr de)
Hva (prosjektet)
Hvordan (hvordan skal prosjektet utføres)
Hvorfor (hva er hensikten med prosjektet)
Mål (Hva skal oppnås)
Budsjett (lavt-høyt, noe du må ta hensyn til?)
Tidsplan (med frister)

Design the identity
Etter du har skrevet ned alle dine funn gjennom research og den forklarende strategien, må du begynne å visualisere – se for deg og skape. Bruk din tilbakemelding fra kunden og la dette fungere som en guide (retningslinjer), start den kreative delen og arbeidet med å utvikle et merkevare eller en identitet – gjennom noe visuelt.

Create touchpoints
Finn ut om bedriften er global, lokal eller bare online. Denne fasen tillater videre utvikling og flere touchpoints kan være nødvendig ettersom bedriften/merket kanskje vokser. Touchpoints er det som binder eller kobler kunden til merket/produktet/servicen. Alt som kunden/målgruppen rører/ser/opplever og som de forbinder til produktet/merket er touchpoints.

Manage the assets
Den siste fasen representerer at det ikke slutter selv om merket er lansert. Du må gå tilbake til dine guider (retningslinjer) og stadig utforske om det er relevant. Du må sørge for at merket vokser, og at alle som er involvert er klar over meningener, mål og integritet over merkets identiet. Du må utvikle og lage en design manual som viser hvordan produktet skal bli brukt.

– 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.

Learning activity week 3 – Question 1

1. Define, in your own words, the Bauhaus, De Stijl and Swiss Movements.

2. For each of these movements: find examples from their eras, as well as current designs that are influenced by these styles. Explain in your own words how these designs were inspired by the movements.

Bauhaus var en kunstskole, som ble grunnlagt av Walter Gropius i 1919, i Tyskland. Skolen holdt åpent i 14 år, og i løpet av disse årene byttet skolen lokale tre ganger. På grunn av dette ble noen kurs tatt vekk, mens nye ble lagt til. Studentene måtte gjennom en teoretisk og en praktisk del, for deretter å spesialisere seg. Denne stilen fokuserer på enkle former, rasjonalitet, funksjonalitet, og utvikling av sans-serif typografi. Designere fra denne stilen er Herbert Bayer, Walter Gropius, Laszlo Moholy-Nagy, Mies van der Rohe, Adolphe Mouron Cassandre, Jan Tschichold, William Addison Dwiggings, Piet Zwart, Josef Albers, György Kepes.

Nåtid: Studenter, artister, designere, lærere m.m. søker stadig etter inspirasjon i sitt arbeid, og innflytelse og påvirkning fra tidligere epoker og tidligere designere og mestere. Bauhaus-bevegelsen har en egen stil, og dette er noe som mange andre designere har brukt og blitt påvirket av i sitt arbeid. Eksemplene under viser at former, farger og plassering viser inspirasjon fra Bauhaus, samtidig som typografi er svært viktig.

 

De Stijl er tysk for «stilen», og ble grunnlagt i 1917. Denne stilen kjennetegner enkelhet, abstraksjon, reduksjon av elementer og bruk av de mest grunnleggende farger- slik som rød, blå og gul, samt hvit og svart. Måøet var å uttrykke et nytt utopisk ideal av spirituell harmoni og orden. Denne bevegelsen var et samle prosjekt, og handlet ikke om politikk eller noe sosialt. Designere fra denne stilen er Theo Van Doesburg, Piet Mondrian, Gerrit Rietveld.

Nåtid: Denne bevegelsen har inspirert og hatt innflytelse på mange kunstnere og designere. Mest av alt har deres enkelhet og bruk av de tre grunnleggende fargene blitt mye brukt, samt redusering av elementer til kun det mest nødvendige. Under har jeg noen eksempler som viser dette.

 

International style/Swiss style ble til i Nederland på 1940-1950 tallet, og spredte seg raskt til Russland og Tyskland. Denne stilen handler om enkelhet, leselighet, objektivitet, bruk av sans-serif typografi, fotografi, grid og asymmetri. Her er det også viktig å kombinere typografi og fotografi som en løsning på visuell kommunikasjon. Plakater fra denne stilen er særlig innflytelsesrike og populære. Designere fra denne stilen er Max Bill, Armin Hofmann, Richard Paul Lohse, Josef Müller-Brockmann, Emil Ruder, Walter Herdeg, Alvin Lustig, Erik Nitsche.

 

Nåtid: Dette er absolutt den mest populære og brukte bevegelsen av de tre jeg har presentert i dette innlegget. Her spiller tekst og fotografi stor rolle, og bruk av asymmetrisk layout og grid, samt vekt på leselighet og forståelse hos publikum. Under er noen mer moderne eksempler.

Kilder:
http://www.smashingmagazine.com/2009/08/02/bauhaus-ninety-years-of-inspiration/

http://www.smashingmagazine.com/2009/07/17/lessons-from-swiss-style-graphic-design/

http://gdh.2rsolutions.cz/#

– 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.

 

WEBP – Child Theme

De siste dagene har jeg jobbet med å forstå og teste ut hva Child Theme er og hva jeg kan gjøre med det. Jeg har forstått at det er svært nødvendig hvis man ønsker å forandre noe på design og oppsett, på temaet man allerede har valgt. Først gikk jeg gjennom en del videoer, tok notater og følte meg klar til å teste dette ut i praksis.

– Åpnet cPanel, gikk inn i wp-content mappen, deretter Themes. Derfra valgte jeg new folder, hvor jeg skrev inn et nytt navn på et theme.
–  Åpnet Adobe Dreamweaver, nytt css dokument, og byttet ut det som trengtes ut i fra eksempelet fra WordPress.org sine sider, her.

Videre var det svært viktig at man linket child themet til parent themets stylesheet, altså @import url. Ellers ville ikke nettstedet bli stylet i det hele tatt, og jeg måtte bygd det opp fra bunn, noe som selvfølgelig er en mulighet..
– Test 1; jeg logget inn på wordpress sine sider og gikk til themes. Der fant jeg IKKE mitt child theme, og fant senere ut at det sto beskrevet nederst på siden at themet var ødelagt. Jeg skjønte ingenting, og visste ikke hva jeg kunne gjøre for å fikse det eller hva som var lurt i dette tilfelle.
Deretter bestemte jeg meg for å prøve å lage child theme av Twentyeleven themet (siden mange viser eksempler på dette, og jeg tenkte at hvis jeg ikke klarte det nå måtte det være noen alvorlige feil noe sted). Etter en del sletting og ny opprettelse logget jeg igjen inn og denne gangen kom child themet mitt opp. Det var en stor lettelse.Videre brukte jeg et bilde fra kunden som screenshot, som fungerer som et lite bilde/ikon som symboliserer (child) themet mitt.

Jeg har allerede lest/sett og blitt inspirert/motivert av mange nettsider, og noe av det jeg kommer til å fokusere på fremover er fonttype. Kunden ønsker faktisk at menyen skal fungere som individuelle knapper, og disse knappene skal være bilder med valgt tekst/font. Kunden ønsker en spesiell font, som representerer selskapet og produktene. Har prøvd å finne ut av hvordan man kan lage en meny bestående av klikkbare-bilder, men det virker svært komplisert i forhold til plassering og brukervennlighet. Dette er noe jeg kommer tilbake til i senere blogg-innlegg.

Her er noen gode kilder med mange gode tips til wordpress og child theme:
tips1 
tips2
tips3 

Jeg har lært en del nytt om file permissions, som jeg ønsker å dele med andre. Utifra wordpress.org, her, er det slik at directories (mapper) skal ha permissions 755 eller 750, og files (filer) skal ha permissions 644 eller 640. Det er svært viktig at wp-config filen har permission 600, på grunn av sikkerhet og fare for hacking.

Allerede henger jeg litt etter fremdriftsplanen, og merker at det er mye nytt og mye som tar tid siden jeg må sette meg godt inn i det. Jeg ønsker å forstå hva jeg gjør, og hvorfor, og at det ikke skal oppstå for mange problemer og feil underveis. Den tekniske biten er svært krevende, og særlig når jeg føler jeg ikke har noe pensum fra Noroff å støtte meg mot. Men jeg har funnet og kommer til å bruke mange av de gode kildene jeg har så langt.

– Annette B. D.

WEBP – Research 3

Research er en veldig viktig del i idéutviklings fasen. Det en en grundig og systematisk  måte man bruker for å finne og granske ny viten, samtidig som man øker kunnskapene. Jeg har i tidligere blogg-innlegg skrevet en del om litterær research, og i dette innlegget vil jeg fokusere på research via internett. Jeg har så langt funnet mange gode og inspirerende internettkilder, disse ønsker jeg å dele med dere, samtidig som jeg ønsker å dokumentere denne delen av oppgaven.

Inspirerende og gode kilder for wordpress etc:
– Her har jeg funnet mye inspirasjon og motivasjon. Har sett og gått gjennom utallige mange websider, og testet ut brukervennligheten, design og navigasjon. Dette har absolutt vært nødvendig for å selv tenke ut løsning til denne oppgaven, og hva som skal bli vektlagt og hva som skal utelukkes. Jeg har funnet en del gode kilder til hvordan man lager et Child Theme, og disse kommer jeg til å følge nøye i prosessen fremover.

http://www.flickr.com/photos/splat/sets/981332/

http://www.webcreme.com/

http://welovewp.com/

http://sixrevisions.com/wordpress/beautiful_wordpress_designs/

http://kreativ1.no/artikkel/447/kom-igang-med-wordpress

http://bothack.wordpress.com/2006/09/17/how-to-create-a-wordpress-template-in-5-minutes/

http://www.side2.no/livsstil/article2807228.ece

http://themeshaper.com/2009/04/17/wordpress-child-theme-basics/

http://www.webdesignerdepot.com/2011/12/creating-your-first-wordpress-child-theme/

Favoritter, når det gjelder layout og design av nettsider:
– De utvalgte nettsidene presentert nedenfor var sider som gjorde et godt inntrykk på meg, og som var lette å ta i bruk. Førsteinntrykket var svært godt, både design og teknisk, og etterhvert navigasjonen, samt brukervennligheten. De inneholder få, men nødvendige elementer, og en god typografi som passer godt til stilen. Keep it simple!

http://studio8169.com/

http://www.nemethinteractive.com/#/home

http://glasscoatphotobooth.com/

http://themischiefco.com/

http://thewoman.ro/

http://www.myownbike.de/

http://www.uniform.no/ (min absolutt favoritt)

Videoer:
– Nedenfor er en liste over noen videoer jeg har sett og kommer til å bruke videre i prosessen fremover. De handler om wordpress, og child theme, noe jeg skal jobbe nøye med for å forstå og gjennomføre til denne oppgaven.

http://css-tricks.com/video-screencasts/25-designing-for-wordpress-part-one/

http://css-tricks.com/video-screencasts/26-designing-for-wordpress-part-two/

http://css-tricks.com/video-screencasts/27-designing-for-wordpress-part-three/

http://www.youtube.com/watch?v=xUjHtm3vcw8&feature=relmfu

http://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

Andre nyttige linker:
– Tilslutt ønsker jeg å legge ved andre nyttige og gode internettkilder, som jeg absolutt kommer til å benytte ved senere anledninger. Her er det tips og triks til koding av html og css, samt info om Photoshop, Php, Child themes, Filezilla etc.

http://codex.wordpress.org/Editing_wp-config.php

https://api.wordpress.org/secret-key/1.1/salt/

http://codex.wordpress.org/Child_Themes

http://codex.wordpress.org/Pages

http://filezilla-project.org/

http://psd.tutsplus.com/

http://w3schools.com/

http://php.net/

Nå har jeg mange kilder å gå utifra, både litterære og fra internett. I dagene fremover skal jeg jobbe videre med idéutvikling, og lage flere analoge og digitale skisser. Jeg skal itillegg finne og bruke et anbefalt webhotell, laste ned wordpress, themes, child theme etc. Jeg er fortsatt litt usikker på hvordan jeg skal ordne mappestukturen min nå som jeg jobber med et nettsted med egen domene. Dette og andre spørsmål/problemer er noe jeg skal jobbe med for å forstå og utføre riktig.