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.

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.

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.

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.

Oblig.08 – Prosess

I dette innlegget ønsker jeg å vise til min videre prosess fra idéutviklingsmetodene. Her vil jeg presentere valg av domene navn og skisser.

 

Når domenenavn ble bestemt, sjekket jeg om dette var tilgjendelig på Pro ISP sine hjemmesider. Navnet journeyofart.no var ledig, så da opprettet jeg dette og sendte dem en mail. Etter 24 timer var navnet og nettsiden offisielt oppe, bare uten innhold. Det kostet penger å opprette et nytt domenenavn, og for å ha et tilleggsdomene.

Videre logget jeg inn med brukernavn og passord til cpanel. Der fant jeg Softaculous apps, og valgte WordPress. Jeg fylte ut all nødvendig informasjon og deretter klikket installer. Jeg ønsket å bruke WordPress til denne oppgaven, siden jeg ikke føler jeg 100% sikker med programmering. Jeg synes også det er mer enn nok å sette seg inn i, og jeg ønsker å kunne fokusere på design. I fremtiden ønsker jeg å designe, og kunne jobbe med en programmerer som lager siden slik jeg har designet.

Jeg skrev journeyofart.no/wp-admin i url adressen, og logget inn. Jeg kom da til WordPress siden, og gjorde noen forandringer. Videre gikk jeg tilbake i cpanel og opprettet et child theme til themet twenty thirteen som jeg har valgt å benytte til nettsiden. Jeg kopierte noen filer fra parent theme og gjorde noen forandringer i filene før jeg lagret dem i child theme. Alt som lagres i child theme overskriver det som finnes i parent theme.

Forsiden er statisk. Jeg har fjernet toppbilde på nettsiden, jeg ønsker bare topptekst (header). Jeg har opprettet 5 sider: home, abstrakt ekspresjonisme, swiss, pop art og psykdelisk. En plug-in har blitt installert – Styles. Denne funksjonen gjør det lettere å forandre farger, fonter og størrelse på tekst og layout på nettsiden.

Nettsiden har gjennomgått en del eksperimentering av fargeharmoni og balanse, samt font valg. Selv om dette er noe jeg har tenkt mye på i design prosessen, måtte jeg teste ut hvordan de forskjellige fargene så ut på skjerm, og fonter. Dette var til stor hjelp.

– Annette B. D.

Oblig.06 – Prosess

Her vil jeg ta for meg den siste prosessen i oppgaven.

Etter å ha gått igjennom de 120 bildene som ble tatt i forbindelse med denne oppgaven, valgte jeg tilslutt ut 8 bilder å velge mellom. Disse er basert på fokus, komposisjon, og lys.

contactsheet2

Videre i prosessen har jeg halvert bildene, hvor jeg tilslutt står igjen med de fire beste bildene til prosjektet. Utifra disse må jeg velge et med motion blur og et med motion freeze.

contactsheet3

Nedenfor har jeg utarbeidet en kontrakt hvor modellen skulle signere og vite hva han gikk med på, samt hva prosjektet handlet om. Det er viktig å vite om sine rettigheter og publiseringstillatelse. Dette kontrakten har jeg selv laget, og det ble gjort i starten av prosjektet.

Med etterarbeid er de to valgte bildene beskjært. De er beskjært slik at modellen er i det gyldne snitt, under vises eksempler på dette. Dette har blitt valgt for å skape en spennende komposisjon, og blikkfang.

Programmet Camera Raw 6.3 har blitt benyttet til korrigering av hvitbalanse, fargetemperatur, eksponering, beskjæring og justering på fargene. Når det gjelder fargene har HSL/Grayscale blitt forandret, disse forandringene er gjort (samme innstilling på begge bildene):
Saturation
Reds + 30, oranges + 15, yellows + 15, greens + 30, aquas 0, blues + 20, purples + 10, magenta – 10
Hue
Reds – 10, oranges 0, yellows + 10, greens + 5, aquas 0, blues 0, purples 0, magentas 0
Luminance
Reds 0, oranges + 10, yellows 0, greens 0, aquas 0, blues 0, purples 0, magentas 0.

Jeg har gjort disse forandringene i fargene for å skape en større kontrast. De gul/grønne fargene har påvirket naturen i bildet, mens de rød/oransje fargene har påvirket underlaget man kan finne i begge bildene.

Adobe Photoshop CS5.5. har også blitt benyttet mest ved bruk av heeling tool og clone stamp, for å fjerne støy og uønskede flekker i bildene. Videre har det ikke blitt gjort noen annen form for forandring i bildene, og ingen manupulasjon er gjort.

Innstillinger: EF 50 mm, ISO 1000, f/20, 1/8, cloudy

Innstillinger: EF 50mm (objektiv), ISO 1000, f/4, 1/4000, cloudy

– Annette B. D.

Oblig.05 – Prosess

Her vil jeg vise prosessen med arbeidet som jeg har gjort med illustrasjonen som jeg skal bruke sammen med Sunlight produktet i den ferdige plakaten. Bilde til venstre har jeg selv tegnet analogt, først med blyant på hvitt ark, og dereter med en svart pen (for at det skal bli tydligere etter scanning). Jeg har utifra moodboardsene tegnet denne damen. Siden jeg må tenke på hvor produktet skal plasseres, er den ene hånden utstrakt siden det er tenkt at såpen skal være/ligge i hånden.

Jeg scannet tegningen og åpnet det i Illustrator. Videre brukte jeg pen tool og tegnet rundt. Resultatet ser dere i bildet nr.2. Dette resultatet ble jeg ikke så fornøyd med, og selv etter mye arbeid visst jeg at det ville kreve mye mer arbeid for å få til et resultat jeg ønsket. Derfor endte jeg opp med å live trace den originale tegningen min.

Deretter fortsatte jeg å jobbe i programmet, og begynte å fargelegge illustrasjonen. Det tok mye tid å velge farge, samt å planlegge hvor fargene skulle være. Dette arbeidet krevde tålmodighet og nøyaktighet. Under er noen printscreens av arbeidet mitt underveis.

Da alle fargene var fylt ut zoomet jeg inn og oppdaget mange hvite prikker = detaljer hvor det ikke var kommer noe farge. Dermed måtte jeg gå over hele tegningen og se til at alle hvite prikker og områder ble fylt med riktig farge.

Til bakgrunn i plakaten ønsker jeg å bruke et gammelt papir i gultone. Siden dette er det jeg anser som en typisk vintage farge, og noe som går igjen i mange av bildene i moodboardene, var det er naturlig valg.

I bildet under har jeg laget et nytt lag over bakgrunnen, og brukt rounded rectangle tool for å lage en form. Videre har jeg valgt en annen gul-farge. Deretter valgte jeg Layer -> Layer mask -> reveal all. På grunn av dette kunne jeg nå bruke brush tool, velge svart farge og lage noe mønster i overgangen i formen (spesielt rundt kanten) slik at dette ikke skulle bli så tydelig. Resultatet synes jeg ble svært interessant og spennende, med et gammelt uttrykk.

Videre i testing av design har jeg lagt til illustrasjonen av damen hvor jeg tegnet over med pen tool. Denne illustrasjonen er gjennomsiktig, og denne effekten er ikke ønskelig til den ferdige resultatet. Videre har jeg prøvd meg med noe svart bakgrunn, med hvit tekst over. Inspirasjonen til dette kan dere se i bildet til høyre. Et bilde jeg fant tidlig i moodboards-fasen, og som jeg synes var svært interessant. Særlig bruken av både serif og sans-serif, samt versaler og minuskler var en interessant vinkling/løsning. Noe jeg ønsker å prøve.

– Annette B. D.

Eksamen – Prosess

I denne innlegget ønsker jeg å presentere valg av font, fargeinspirasjon og logoinspirasjon, særlig med tanke på plassering av symbol og tekst.

I følge Donna Svei gir script fonter assosiasjoner som feminin, elegant, vennlig, kreativ og spennende. Fonter slik som Lobster, Zaphino, Pacifico, Lucida og Brush Script er blant topp 5 når det kommer til script fonter. I arket under har jeg samlet 11 ulike fonter som jeg ønsker å teste ut, og tilslutt komme frem til en av dem som skal brukes sammen med symbolet og danne en logo. Noen fonter var for tynne i forhold til symbolet, noen for kursive eller dekorative, derfor valgte jeg en font med litt tykkelse og som er solid. Arket ved siden av viser de ulike fontene testet ut sammen med symbolet. Symbolet er satt i svart, for å ha fokus på plassering og layout. Underveis i denne prosessen kom jeg frem til at logoen kun skal inneholde teksten «Oslo blomsterfestival«. Dato og år har blitt kuttet ut, siden dette er en logo som skal kunne benyttes år etter år, uten å måtte forandre dato og år, hvert år.

Jeg har postet min første versjon av logoen i farger på Moodle, og fått noen tilbakemeldinger. Mye av det som ble sagt var ting jeg allerede hadde testet ut. Slik som valg av font, og plassering. Prosessen ser dere over. Videre når det gjelder fargevalg fikk jeg spørsmål om det fantes noe som heter «årets blomst«. Dette finnes ikke, og dessuten var det ikke ønskelig å ta inspirasjon fra en blomst fra ett spesifikt år siden logoen skal brukes om og om igjen.

Tilslutt etter mye research kom jeg frem til at vi har to nasjonalblomster i Norge; Bergfrue og Røsslyng. Vi har også egne blomster som representerer hvert fylke og kommune. Blomsten Bakkekløver er Oslo kommunes blomst. Jeg valgte å bruke Røsslyng som inspirasjon til fargevalg i logoen, siden fargene gir assosiasjoner som passer til festivalen og målgruppen, og fordi de andre blomstene jeg vurderte mest inneholdt fargen hvit.

I det første arket over ser dere noen bilder jeg har samlet av Røsslyng (Calluna vulgaris) fra internett, som er en vanlig blomst over hele landet. «Blomstene er rosa, en sjelden gang hvite, og er samlet i tette klaser» (Håpnes, 2006: 28). I følge Donna Svei er slab serif fonter assosiert med moderne, tykke, sterke, funky og solide, samt at disse fontene ofte blir brukt til festivaler og konserter. Med denne begrunnelsen ønsker jeg å bruke en slik font til tekst i plakat, program, flyer og annet materiale til festivalen. Fonter slik som Rockwell, Courier, Museo, Clarendon og Bevan er blant topp 5 når det gjelder slab fonter. Noen av fontene var for tynne, for tykke eller så ble bokstavmellom rommet for bredt eller for tett. Under ser dere bilder av boken og siden med informasjon om blomsten jeg har brukt, samt inspirerende bilder. Håpnes, A. (2006). Blomster, J.W. Cappelens forlag.

Her vil jeg presentere min inspirasjon for plassering av symbol og tekst i logoen. Fonten jeg har valgt er en font som er lastet ned fra internett, en script font som heter Norican regular. Jeg har også prøvd å kutte ut «O´en» i Oslo, for å se om det går ann å bruke symbolet som en slags «O». Under ser dere noen etablerte logoer hvor denne plasseringen fungerer optimalt.

Over kan dere se etablerte logoer slik som microsoft, vodafone, motorola, mercedes benz, logitech, statoil, turkish airlines etc. bruker et symbol med typografi under. Jeg ønsker å oppnå en slags følelse av symmetri, derfor synes jeg den beste plasseringen vil bli med symbolet i midten over typografien.

– Annette B. D.

Portfolio 3.semester 2

Her vil jeg presentere prosessen med arbeidet i henhold til utarbeidelsen av portfolioen for 3.semester på Noroff, og arbeidet med oblig.03 og 04.

Oblig.03 -I denne oppgaven skal jeg utvikle en logo for Patch to Plate. Oppdraget var å skape et konsept om å dyrke selv i skolene ved bruk av metoder for strategisk design. Det skal designes en innpakning som barn og unge skal motta ved prosjektets start. I tillegg til dette skulle det utarbeides et spørreskjema og en markedsplan, samt en profilmanual. Slik ser resultatet ut, før (ved første innlevering):Den gamle logoen var i følge tilbakemeldingen for «busy» og rettet seg ikke mot den eldre gruppen av målgruppen (6 – 16 år). Jeg ønsket å bruke den gamle logoen som en evt. maskot, men etter å ha prøvd dette følgte jeg at det ikke helt passet til mitt nye konsept. Det er veldig synd å ikke kunne bruke noe man har brukt lang tid på, og mye forarbeid (i form av spørreskjema, markedsplan etc.). Nedenfor ønsker jeg å vise noe av min inspirasjon og prosess for den nye logoen jeg har utviklet til Patch to Plate:

Etter mye testing av farger, kom jeg frem til at en gul/grønn farge til bakgrunnen fungerte best, og med typografien i en brun farge. Denne fargekombinasjonen gir en fin harmoni til logoen. Fonten jeg brukte på den gamle logoen var Comic Sans, denne ble jeg bedt om å bytte ut, siden det er den mest forhatte fonten i verden.. På jakt etter en ny passende font, har disse blitt vurdert, og alle har blitt funnet på internett:
Videre har jeg forandret noe på designet på frøposene:

 

Slik ser resultatet ut nå, etter alle forbedringene og det er slik de vil se ut til portfolio:Tatt i betraktning med tilbakemeldingene har blitt endringene blitt gjort:

 

Det har blitt utviklet en helt ny logo, siden den gamle var noe busy. Den nye logoen består av en vektorbasert spire, en sirkel og en passende typografi, som sammen skaper en helhet og harmoni, samt at det passer bedre til Patch to Plate sine verdier. Fargene som er brukt i logoen er gul/grønn, grønn og brun, som sammen skaper en god fargeharmoni. Fonten Comis Sans er byttet ut med en font lastet ned fra nettet, Ray Johnson, og fonten Arial blir brukt til tekst på produkter og manual. Alle produktene er oppdatert med ny logo, og plasseringen av logoen er ikke tilfeldig. Spørreskjema og markedsplan er IKKE forandret eller oppdatert i henhold til de forandringene som er gjort med logo og den visuelle profilen. Profilmanualen er oppdatert, og noe forandret i design.

Oblig.04 – I denne oppgaven skulle det lages en forside, en tittelside, en kolofonside, innholdsfortegnelse og eksempelsider med bilder og tekst, til boken ”Typography from the East” av Casper Canovas. Boken inneholder eksempler av Asiatisk, Arabisk og Indisk typografi, og man skulle velge en av disse å fokusere på i oppgaven. Jeg valgte indisk typografi, har brukt InDesign til oppgaven.

Denne oppgaven ble levert idag, så derfor har jeg ikke gjort noen forandringer. Ønsker du å lese mer om denne oppgaven, prosessen og se hva jeg har gjort før resultatet, klikk deg inn på denne linken: https://annettebd.wordpress.com/category/obligatoriske-oppgaver-2-ar/oblig-04-book-design/

Slik ser resultatet ut nå, etter alle forbedringene og det er slik de vil se ut til portfolio:

 

 

 

 

 

 

 

 

 

– Annette B. D.

Oblig.02 – Idéutvikling

Videre i idéutviklingsprosessen har jeg benyttet bøker for å finne inspirasjon. Jeg har også jobbet videre i prosessen mot å velge en kunde, dette har vært svært krevende siden det er mange gode kandidater og mange konkurrenter. I dette innlegget ønsker jeg å presentere veien til valgt kunde og mer research som er gjort.

Bildene over viser produkter hvor etiketter har blitt designet. En etikett/label er det jeg ønsker å designe for vinflasker. Bildene er hentet fra boken Norsk Designråd, (2011). Merket for god design. Det har vært interessant å se hvordan disse produktdesignene/emballasje fungerer og det er inspirerende å se at de har vunnet priser.

Bildene over er hentet fra boken Gordon, Bob & Maggie, (2005). The complete guide to digital graphic design, Thames and Hudson. Her har jeg sett på produktdesign og emballasje på ulike kjent merker slik som Coca-Cola, Jellybeans, Lavazza, Smarties.

Videre har jeg brukt boken Ronold, A. (2009). Norges beste vinkjøp, Vigmostad Bjerke og internett kilder for å finne statistikker over anbefalte vin-merker, og deretter laget meg en liste over kunder (merker) jeg gjerne ville jobbet med. I boken står det at Norge (Vinmonopolet) selger over 10 000 merker, og jeg har klart og laget meg en liste på 10 stk:

 http://www.black-tower.de/homepage/

 http://gallo.com

 http://www.yellowtailwine.com

 http://www.barefootwine.com

 http://www.jacobscreek.com/home

 http://www.blossomhill.com

 http://www.hardys.com.au

 http://www.sutterhome.com

 http://www.jpchenet.com

 http://www.torres.es/wps/portal/web/inicio/home/!ut/p/c5/04_SB8K8xLLM9MSSzPy8xBz9CP0os3gTlyBfJydDRwN_S1dDA08Ts9BQXy9_YwtXI6B8pFm8AQ7gaEBAdzjIPpwqDCxMIPJ4zPfzyM9N1S_IjTDIMnFUBABT93de/dl3/d3/L2dBISEvZ0FBIS9nQSEh/

Etter denne researchen har jeg rett og slett gjort et valg, ved å gå tilbake til merkenes hjemmesider, og valgt å benytte Jacob’s creek som kunde. Jeg valgte denne kunden på grunn av deres lange historie = troverdighet, bred kundegruppe = mye salg, moderne design og så klart god vin, av god kvalitet.

Creative brief:

Kunde: Jacob’s Creek, vinprodusent fra Australia.
Prosjekt: Designe fire ulike uttrykk/motiver på etiketter for Jacob’s Creek vinflasker ved hjelp og inspirasjon fra fire forskjellige kunsthistoriske epoker.
Hvorfor: For å vise at Jacob’s Creek er et trendy og moderne merke, samt for å gjøre målgruppen mer oppmerksom på flaskene og at de skiller seg ut – på en positiv måte.
Hvordan: Designe nytt uttrykk/motiv til etikett for rødvin, hvitvin, rosévin og musserende vin. Rødvin skal være inspirert av epoken Kubisme, hvitvin av epoken Minimalisme, rosévin av epoken Pop Art og musserende vin av epoken Art Nouveau.
Problem: Hvordan designe noe inspirert av Kubismen til å passe på en rødvinsflaske? Hvordan lage et design inspirert av Minimalismen, og få dette til å passe til en hvitvinsflaske? Hvordan designe en etikett inspirert av Pop Art til å passe på en rosévinsflaske? Hvordan lage et design inspirert av Art Nouveau, og samtidig få dette til å passe til en flaske med musserende vin?
Mål: Flere kunder, bedre synlighet, mer oppmerksomhet og publisitet, samt flere fornøyde kultur- mat og vin-kunder.

Litt mer informasjon om kunden:
Jacob’s Creek er en av de mest kjente Australske vinprodusentene, med røtter helt tilbake til 1847. De leverer friske, elegante og velsmakende viner som viser kvalitet. De leverer vin i de fleste segmenter, slik som rødvin, hvitvin, rosévin, musserende, og flere sorter. Vinene er laget med tanke på større markeder, og er (i mange land, men ikke i Norge) å finne i butikkhyllene i flere store kjeder.

Allikevel er vinen deres et kvalitetsprodukt, og det er nok noe av det som kommer frem i merkebyggingen. En vinflaske fra Jacob’s Creek skal gi deg en stabil opplevelse, og skal være en vin du kan stole på at leverer etter forventningene når det gjelder smaksopplevelse.

Målgruppe: Aldersgrense 18 år. Alle over 18 år og oppover. Hovedgruppen fra 25 – 45 år, kvinner og menn, som liker å nyte et glass god vin til middag eller i selskap med venner.
Konkurrenter: Jacob’s Creek har utrolig mange konkurrenter, bare i Norge selges det over 10 000 andre konkurrerende vinmerker. På denne siden kan du se noen, her. I forbindelse med denne oppgaven ser jeg på noen merker som større konkurrenter, spesielt de som tilbyr både rødvin, hvitvin, rosévin og musserende – slik som Jacob’s Creek gjør. Noen merker spesialiserer seg på en kategori, altså en type vin.

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

WEBP – Idéutvikling 1

Denne uken startet jeg arbeidet med moodboards. Med de to moodboardene nedenfor ønsker jeg å vise farger, tekstur og andre viktige elementer som kunden ønsker at jeg skal ta hensyn til underveis i prosessen. Fargene indigo og burgunder var hovedsaklig kundens ønsker, og om dette er noe som passer til det endelige resultatet får jeg teste ut. Jeg har også brukt noen av kundens egne bilder av prosess og produkt, for inspirasjon.

Videre har jeg jobbet en del med wireframes, og digitale skisser av design og layout av nettstedet. Disse har jeg laget i Photoshop, og fokusert på plassering av elementer, samt navngivelse av disse for en bedre oversikt. Wireframe er et storyboard, og et visuelt uttrykk som viser hovedelementene som skal være med.

 

De 4 wireframene over viser hovedsiden (Home) til nettstedet. Jeg ønsker å ta for meg hovedsiden først, deretter de andre sidene. Derfor kommer wireframes, elementer, tekst og annet til de andre sidene til nettstedet senere.

Ha en fin 17.mai alle sammen! Hipp Hipp HURRA!

– Annette B. D.

Oblig.08 – Galleri prosess

Nå begynner fotogalleriet mitt å bli ferdig, har jobbe veldig intenst med det i mange dager i strekk. Siden det ikke er så lett å vise prosessen min her på bloggen har jeg tatt printscreen av hvordan hver scene i galleriet mitt ser ut. Tilsammen har jeg laget 8 scener, og når jeg tilslutt laster dette opp på mitt enkle nettsted, skal det være mulig å klikke seg fra scene til scene og tilbake til hovedsiden. Alt fungerer som det skal i programmet, og jeg er veldig spent på om alt vil fungere på mitt enkle nettsted. Jeg kommer til å laste opp galleriet mot slutten av denne uken, så frem til da kan dere ta en titt på disse printscreens.

Dette er hovedside nr. 1, altså den første siden brukeren vil komme til fra banneren som reklamerer for dette fotogalleriet. Nederst til venstre er alle lagene jeg har opprettet og jobbet med, og til høyre er alle symbolene jeg har jobbet med til fotogalleriet. På denne hovedsiden presenterer jeg forsiden til fotogalleriet, med tittelen på fotoessayet og et fotografi av et objekt som betyr mye for personen som er med i fotoessayet.

Dette er hovedside nr. 2, siden man kommer til fra hovedside nr. 1. Denne siden har jeg jobbet veldig grundig med, og utforsket, samt eksperimentert med ulike funksjoner man kan legge til på symbolene/knapper. Det har vært svært krevende å få til koding for Action Script riktig, men etter mye retting er alt på plass og slik jeg ønsker det. Tilsammen ble det 76 linjer med koding, et utsnitt kan du se i eksempelet nedenfor.

Den ene funksjonen gjør at du kan se små versjoner av bildene i fotogalleriet ved å holde pilen over bilde titlene/navnene. En annen funksjon gjør at brukeren kommer tilbake til den opprinnelig siden, altså slik det ser ut i eksempelet for hovedside 2. Den siste funksjonen er at brukeren kan klikke seg videre fra en av bilde titlene/navnene og komme til selve galleriet, hvor bildene blir vist på hver sin side.

Dette er siden man kommer til ved å klikke på bilde nr. 1 på hovedside 2, altså det første bildet fra fotoessayet. Her har jeg jobbet i flere lag, og vært svært nøyaktig med plassering av alle elementer på scenen. Denne siden inneholder et fotografi med en grå ramme i midten, en knapp på høyre side hvor brukeren kan komme videre til neste bilde og en logo nederst som fører brukeren tilbake til hovedside 2. Logoen har jeg laget selv i Flash, og det er denne jeg kommer til å jobbe med og bruke til banneren.

Dette er bilde nr. 2 i fotoessayet, som brukeren kommer til ved å klikke på neste-knappen på forrige side/scene, eller fra hovedside 2. Her har jeg også et fotografi med en grå ramme i midten, en knapp på høyre side hvor brukeren kan komme videre til neste bilde og en logo nederst som fører brukeren tilbake til hovedside 2. I tillegg til disse har jeg lagt til en knapp på venstre side hvor brukeren kan komme tilbake til forrige bilde.

Dette er bilde nr. 3 i fotoessayet, som brukeren kommer til ved å klikke på neste-knappen fra forrige side/scene, eller fra hovedside 2. Her har jeg lagt til de tre samme knappene som på forrige side, en tilbake/forrige-knapp, en neste-knapp og en hovedside-knapp. Siden dette fotografiet er vertikalt/portrett har jeg igjen jobbet svært nøyaktig med plasseringen av bilde og ramme, samt andre elementer.

Dette er bilde nr. 4 i fotoessayet, som brukeren kommer til ved å klikke på neste-knappen fra forrige side/scene, eller fra hovedside 2. Her er de samme knappene lagt til, nøyaktig på samme plass som de andre horisontale/landskaps fotografiene.

Dette er bilde nr. 5 i fotoessayet, som brukeren kommer til ved å klikke på neste-knappen fra forrige side/scene, eller fra hovedside 2. Her er de samme knappene lagt til, på nøyaktig samme plass som blant annet forrige side.

Dette er bilde nr. 6 i fotoessayet, altså det siste bildet som brukeren kommer til ved å klikke på neste-knappen fra forrige side/scene, eller fra hovedside 2. Her er kun tilbake/forrige-knapp og hovedside-knapp lagt til. Siden dette er det siste bildet i dette galleriet skal ikke brukeren kunne gå videre, her stopper fremvisningen. Fotografiet og rammen har blitt plassert nøyaktig på samme plass som det andre vertikale/portrett fotografiet (bilde nr. 3).

Til fotogalleriet mitt har jeg jobbet svært grundig med plasseringen av elementene jeg har brukt, og benyttet hjelpelinjer, rutenett og linjal i programmet som veiledning. Jeg har vært nøye med navngivning av elementer (instance name), og å låse lag jeg ikke jober med for at ikke noe skal forsyve seg. Som font til tekst/titler har jeg brukt Copperplate, som er en serif font designet av Frederic W. Goudy, og som er både lettleselig og brukervennlig.

Hver scene har et eget Actions lag, hvor jeg har lagt inn koding i et eget vindu til knappene jeg bruker og den funksjonen de skal ha. Knappene har jeg laget enkle, slik at brukerne skal forstå hvor de skal klikke og hva knappenes funksjon er. Til knappene (< og >) har jeg brukt en stroke størrelse på 10, mens til rammene en stroke størrelse på 5. Dette har jeg gjort fordi knappene må være synlige og brukervennlige, mens rammene ikke trenger denne funksjonen siden de ikke er klikkbare. Rammene har jeg laget for å skape en helhet i designet, og fordi fotografiene skal være fokuset på siden/scenen, samt at fargene skal komme bedre frem. I designet av layout har jeg benyttet gjentakelse i farger, hvor fargene jeg bruker er svart, blå og grå. Dette er farger som også går igjen i fotografiene.

– Annette B. D.