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.

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.

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.

Mappevurdering 2.semester

Du skal til denne mappevurdering samle alle arbeidene fra 2.semester på EN nettside. Denne nettsiden må designes på en måte som representerer deg som designer. Siden skal ha linker til alle oppgavene, og link til din reflekterte dagbok.

De siste ukene har jeg jobbet veldig intenst med mappevurderingen for 2.semester. Jeg har hatt mange problemer med WordPress, både med installasjonen og videre i prosessen. Føler fortsatt jeg ikke har fått tilstrekkelig med hjelp fra lærere, og føler dette er et veldig krevende emne hvor studentene blir etterlatt for å klare seg selv. Derfor har de siste ukene vært veldig krevende både psykisk og fysisk, samt lite motivasjon og ønske om å gi opp. Tross en vanskelig periode har jeg klart å komme i mål, og jeg har produsert en nettside jeg er fornøyd med.

Først måtte jeg laste ned WordPress på nytt. Det er slik at man må laste ned WordPress på nytt for hver nettside man skal lage, så dermed blir det mange brukernavn og passord man må holde styr på. Etter installasjons delen lastet jeg ned en del themes som passet designet jeg ønsket for min mappevurdering. Themet Photolistic ble mitt valgte tema, som fokuserer på bilder/illustrasjoner, siden designet er minimalt og rent. Videre forandret jeg en del innstillinger under Settings i Wp; general (title, tagline, date), reading (static page, front page). Under Appearance ble det også gjort en del endringer for å lage mitt eget design, og gjøre nettsiden mer personlig, samt gjøre nettsiden mer som en webside og mindre blogg aktig.

Jeg startet med å lage noen skisser til layout og design, og innholdet/tekst på nettsiden. 

Jeg bestemte meg tidlig for at jeg ville inkludere sommerfugler i denne mappevurderingen også. Sommerfugler fasinerer meg, og de skaper stemning og liv til en nettside. Jeg er glad i farger, og derfor passer det bra å kunne gi hver og en sommerfugl hver sin farge. Det skaper en god helhet, og mulighet for gjentakelse ved bruk av de samme fargene.

Denne illustrasjonen er brukt som utgangspunkt, og deretter har jeg nøye valgt ut farger som passer sammen og danner en god helhet til nettsiden. Etter arbeid med å fargelegge sommerfuglene, startet arbeidet med å lage en header til nettsiden. Jeg brukt de dimensjonene som temaet jeg lastet ned allerede brukte til sin header, 940 px x 350 px. Plassering av elementene tok mye tid, og etter mange utkast og vurdering ble tekst lagt til.

Etter arbeidet med headeren har jeg jobbet mye med å fjerne uønskede widgets, og dette kunne jeg utføre ved å gå inn i Editor, og finne de ulike html filene det gjaldt. Videre lastet jeg ned en plug-in for flash filer.

Deretter åpnet jeg Adobe Flash og utarbeidet 4 forskjellige pekere med linker til obliger og blogg. Disse pekerne inneholder titler til obliger og blogg, samt hver sin sommerfugl med farger tatt fra headeren.

Disse pekerne lastet jeg opp via SWFObj plug-in, på en side jeg hadde kalt for WEBM 2.semester. Jeg forandret størrelsen så det ble to og to pekere (slik som vist over), istedenfor at det var en og en. Mitt ferdige resultat av mappevurdering for 2.semester kan du finne og se ved å bruke linken under:

http://elevarbeid.webstudent.no/dmk1_nettstudier/annette_dahlen/WEBM/

Jeg beklager lite blogging og oppdatering fra min side, det er ikke noe jeg har for vane å gjøre. Det skal bli mye oppdateringer og blogging fremover, neste uke starter eksamen og da gleder jeg meg til å fortelle dere alt jeg skal ta for med i 4-5 uker fremover.

Ellers ønsker jeg alle medstudenter lykke til med eksamen; vi må støtte og hjelpe hverandre om det trengs! Riktig god help til alle sammen!

– Annette B. D.