Eksamen – Sluttprodukt

Her vil jeg presentere det som har blitt laget til eksamen for 4. semester (logo, designelementer, trykksaker og webside), reflektere rundt produktene samt inkludere ting som ble vurdert å ha med. Sluttproduktene bygger opp under grundig research og godt skissearbeid, samt god kommunikasjon med kunden. Trykkerier er blitt kontaktet og det var lagt opp at materialer skulle trykkes som en del av eksamen. Men siden det er vanskelig å vite hvor mange som svarer JA til invitasjonen, må mange trykksaker endres. Derfor er det valgt å vente med å trykke materialene før brudeparet er sikre på sine gjester og har fått de svarene de trenger.

Først og fremst ble det utviklet en logo, som fungerer som et monogram. Dette er noe som skal gå igjen i nesten alle trykksakene, og som skal representere brudeparet. Logoen har blitt designet på en måte som symboliserer kjærlighet i form av et hjerte, noe som er svært viktig og sentralt i et bryllup. Videre har forbokstavene i navnene til brudeparet blitt brukt for å representere dem. På denne måten blir det både romantisk og personlig. Logoen har jeg selv utviklet ved bruk av programmet Illustrator.
Skjermbilde 2013-11-27 kl. 20.41.49

Ettersom brudeparet skal gifte seg på sommeren var det naturlig å søke etter inspirasjon fra denne årstiden. Dette kan sees på som en råd tråd gjennom alle produktene. Til et sommerbryllup er prestekrager og sommerfugler veldig vanlige, og brudeparet valgte sommerfugler. Fargene er sommerlige, romantiske, lyse og feminine. Fargene passer også svært godt i et bryllup og med temaet kjærlighet. Den rosa fargen er vanligvis brukt i en romantisk stil for bryllup, og dermed ble dette valgt siden det passer brudeparet.
SommerfuglSommerfugl2

Sommerfugler_final farger

Invitasjonen og takkekort er i samme liggende format (26,8 cm x 13,4 cm uten bleed) og inneholder 4 sider. Disse inneholder logo, sommerfugler i flokk og enkeltvis, tekst, samt rosa ramme (=alle fire fargene). Under ser du hvordan invitasjon og takkekort ser ut, og disse skal da brettes på midten, eks. tittel er forside og logo bakside. På takkekortet skal det ikke stå like mye informasjon som i invitasjonen, og i takkekortet skal det være et bilde av brudeparet. Invitasjonen er det første gjestene ser, mens takkekortet er det siste de ser, derfor var det ønskelig at de skulle være nokså like. Informasjonen i invitasjonen har blitt forandret en del underveis i eksamen, dette på grunn av at brudeparet fortsatt var i startfasen, lokalet og kirken var ikke fastsatt.

invitasjon2invitasjon22

11takkekort11takkekort2

I invitasjonen vil det legges ved et 2 sidet svarkort (7,8 cm x 9,3 cm uten bleed) i liggende format. Svarkortet inneholder sommerfugler i flokk, tekst, logo, rosa ramme og to bokser i fargene lys rosa og lys grå (=alle fire fargene). I invitasjonen står det en adresse som gjestene skal bruke til å reurnere svarkortet. Gjestene skal fylle ut hvem det er fra, hvor mange som kommer, om de kommer eller ikke og om de har noen allergier eller annet som brudeparet må vite om. Svarkort er blitt mer og mer vanlig å bruke i anledning bryllup.
svarkort2svarkort22

Når gjestene ankommer lokalet vil det første som møter dem være et kart over bordplasseringen som vil bli printet i A3 størrelse (29,1 cm x 41,4 cm uten bleed). Det vil bli printet 4 stk. De grå sommerfuglene representerer menn, mens de rosa representerer kvinner. Bordkart har blitt laget for at det skal være enkelt for gjestene å finne sin plass ved bordet. Bordplasseringen er utarbeidet i samarbeid med brudeparet, og inkluderer alle navn på de som skal bli bedt, sommerfugler enkeltvis, logo og velkommen tekst (=alle fire fargene). Noe forandring vil skje i forhold til hvor mange som svarer JA til invitasjonen.
bordplassering2

Til bords vil gjestene finne mange ulike trykksaker. Først og fremst vil de nok se etter navnet sitt, og til dette har det blitt laget bordkort. Bordkortet er i samme formatet som svarkortet (7,8 cm x 9.3 cm uten bleed), bare stående og ulike design. Bordkortet inneholder logo, sommerfugler i flokk og navn (=ale fire fargene). I forhold til hvor mange som svarer JA til invitasjonen, vil disse navnene bli trykt.
bordkort1

På bordet vil gjestene også finne meny og vinkart, 2 sidet (20,4 cm x 9,3 cm uten bleed). Disse inneholder tekst, rosa ramme og sommerfugler enkeltvis (=alle fire fargene). Menyen er fastsatt og bestemt av brudeparet i samarbeid med en hovmester. Passende viner er anbefalt og bestemt, dette vil bli gjennomgått av hovmester på bryllupet. Formatet er såpass stort siden teksten skal være lesbar og siden det skal ligge på tallerkenen.
meny2meny22

Videre vil gjestene finne et program for bryllupsfesten ved plassen sin. Programmet er i A5 format (14,2 cm x 20,4 cm uten bleed) og totalt på 6 sider. Programmet inneholder tekst (font Chopin og Helvetica), rosa ramme, logo og sommerfugler i flokk (=alle fire fargene). Programmet starter med en forside som viser logo, brudeparets navn og dato, videre er det program for dagen fra kl.15 til kl.02. Programmet fortsetter med en velkomssang, en takk for maten sang og tilslutt en kaffesang til kaffen. Dette har blitt laget for å vise gjestene hva som kommer til å skje, og for å muntre opp stemningen med noen sanger.

programprogram2

 

program3program4

 

Det har også blitt laget et vielseprogram som skal deles ut når gjestene ankommer kirken. Vielseprogrammet er i samme stående format som festprogrammet (14,2 cm x 20,4 cm uten bleed) og nokså likt design, men på 4 sider. Vielseprogrammet inneholder tekst (font Chopin og Helvetica), rosa ramme, logo og sommerfugler i flokk (=alle fire fargene). Forside viser hvor vielsen er, navn på brudeparet, logo og dato. Videre er programmet utviklet i samarbeid med brudeparet og prest.

vielsevielse2

vielse3

Helhetlig føler jeg at alle produktene hører sammen med felles trekk, selv om det er noe variasjon av bruken fra produkt til produkt. Plasseringen og valg av elementer har blitt nøye valgt ut, alt er prøvd ut i prosessen.

En webside er også utviklet til eksamen og er tenkt å fungere som en kilde til praktisk informasjon. Gjestene blir allerede i invitasjonen henvist til websiden. Informasjonen skal være tydelig og konkret, og den er sentrert. Nettsiden vil bli oppdatert senere med mer informasjon og bilder, den er IKKE ferdig siden brudeparet fortsatt ikke har oppklart alt nødvendig.

Skjermbilde 2014-01-03 kl. 13.22.44

 

Det har blitt laget en header til websiden som inneholder logo, sommerfugler i flokk
Skjermbilde 2013-12-12 kl. 10.29.02

I denne eksamen har det vært fokus på analoge skisser før digitalt arbeid. De analoge skissene har jeg jobbet mye med og dette er den første oppgaven jeg har gjennomført hvor jeg har satt av en hel ukestid til skisser. Men dette har vært med på å gi meg mange ulike idéer og påvirket prosessen til ferdig resultat. Det var bra planlagt og et godt valg, som jeg er svært fornøyd med. Videre har det vært fokus på design før programmering. Dette har også vært med på å påvirke resultatet. To valg jeg er glad jeg planla så godt.

Kunden Its Happening har vært tilgjengelig til enhvert tid, og det har vært et godt samarbeid. Temaet bryllup har vært veldig krevende, siden det er en så spesiell og viktig dag for to mennesker. Det har vært viktig å designe noe unikt for dem, noe som passer dems personlighet og noe som gjør dagen deres perfekt. Jeg har lært utrolig mye på disse seks ukene og det har vært gøy. Håper å kunne jobbe med noe lignende i fremtiden!

– Annette B. D.

Eksamen – Webside

Her vil jeg ta for meg prosessen med å lage en webside for brudeparet.

Før jeg kunne starte jobbingen med webside og skisser, måtte jeg finne det perfekte domenenavnet. Alle forslagene ble sjekket opp, om domenenavnet er ledig eller opptatt. Jeg skrev ned mange forslag på et A4 ark, og etter møte med kunden hadde vi kommet frem til det endelige navnet: aelskera.no
domenenavn

Først startet jeg med å lage wireframe og sitemap for nettsiden. Wireframe viser plasseringen av de ulike elementene som skal inkluderes på hjemmesiden. Sitemap er en oversikt over hvilke sider som er ønskelig å inkludere på nettsiden, og hvor mange sider man trenger. Det er til stor hjelp å få dette avklart før man begynner, og tenke litt på hva slags innhold på ulike sidene skal ha.
wireframesitemap

 

Videre jobbet jeg med domene navnet, kontaktet Pro Isp som jeg allerede bruker, og fikk opprettet et nytt domene. På 24 timer var domene oppe og gikk. Jeg bruker cpanel, og logget inn, lastet ned WordPress og begynte å lete etter theme. Jeg endte med å bruke themet Twenty Thirteen siden jeg synes det er enkelt å jobbe med, og fordi det passer det nettsiden og det designet som er ønskelig. Videre opprettet jeg et child theme, som man MÅ gjøre om man skal gjøre forandringer i det opprinnelige themet.

– Annette B. D.

Eksamen – Trykkeri

I dette innlegget vil jeg skrive om kontakt jeg har hatt med ulike trykkerier i Oslo, siden mye av det jeg skal produsere til eksamen er trykksaker. Jeg har spurt om prisforslag på det som skal trykkes. Jeg startet med å gjøre research på ulike trykkerier i Oslo, og kontaktet dem per mail om de kunne utføre et slikt oppdrag, altså trykksaker til bryllup. Overraskende var det mange trykkerier som svarte at de ikke utførte denne typen arbeid, noen henviste meg til andre trykkerier, andre svarte at de ikke produserte i så liten skala og noen mente det ville bli altfor dyrt.

Skjermbilde 2013-12-03 kl. 12.19.51Skjermbilde 2013-12-03 kl. 12.21.13Skjermbilde 2013-12-03 kl. 12.22.37Skjermbilde 2013-12-03 kl. 12.21.53Skjermbilde 2013-12-03 kl. 12.22.07Skjermbilde 2013-12-03 kl. 12.22.21

Over ser du eksempler på noen prisforslag som jeg fikk av trykkerier som tok i mot en slik bestilling, og som sa jeg villig til å utføre jobben.

Skjermbilde 2013-12-03 kl. 12.23.32Skjermbilde 2013-12-03 kl. 12.24.07Skjermbilde 2013-12-03 kl. 12.24.59

Over ser du eksempler på andre svar jeg fikk på mail til mitt spørsmål om prisforslag. Jeg skjønner nå at noen trykkerier kun jobber med store opplag, og at min bestilling på 50 stk av hver ble for liten. Videre var det hyggelig å bli henvist til andre trykkerier, og lærerikt siden jeg kunne stille spørsmål som de svarte på. Jeg har i denne prosessen lært meg en del faguttrykk i trykkerier slik som rilling, plano, falsing, stansing, paginering. Utifra prisforslagene vet jeg at trykksakene koster under 3000,- og dette er noe jeg kan formidle videre til brudeparet og kunden min Its happening.

Videre i dette innlegget ønsker jeg å skrive om formatene til de ulike trykksakene, siden dette er noe jeg har jobbet mye med i oppgaven. Utifra bøker og internettkilder bestemte jeg meg først for ulike formater, men etter å ha tatt kontakt med trykkeriene var det flere som anbefalte meg å ta utgangspunkt i et A3 eller A2 ark. På denne måten kunne jeg utnytte formatet, og lage egne, unike formater som passet trykksakene, og som gjorde at jeg fikk mest mulig valuta for pengene. Ingen unødvendig plass på arket går bort i form av sløseri eller uvissthet om dette trikset.

Her er noen skisser jeg har laget av de ulike formatene, for å få en bedre oppfatning av størrelsen på trykksakene. Dette har vært til stor hjelp, og jeg har til og med klipt ut og sett hvordan det vil bli seende ut på bordet, og hvordan formatene passer sammen.
format1format2format3format4

Tilslutt, her er skisser av de formatene jeg endte opp med å bruke til oppgaven, samt et notatark med de nøyaktige dimensjonene, både med og uten bleed. Bordkort og svarkort er i samme format, invitasjon og takkekort er i samme format, og program for festen og vielsesprogram er i samme format. Bordkartet er i A3 størrelse, og menyen i stående format 21 x 9,9 cm (med bleed). Nedenfor ser du hvordan formatene ser ut!
notat_formatformat_svar_bord_vielseformat_meny_programformat_invitasjon_takk

– Annette B. D.

Eksamen – Produksjon

Her vil jeg presentere prosessen fra skisser til digital produksjonen av logo, designelementer, font og trykksaker. Denne prosessen tok noe lengre tid enn planlagt (en uke) men dette var på forhånd vurdert og tatt i betrakning. Derfor ble helgene godt brukt og og dagene i starten av uke nr.2.

Først i denne prosessen fortsatte jeg arbeidet med logoen. Utifra de 5 favorittene jeg sto igjen med fra skissene jobbet jeg videre med disse digitalt. I arket under ser du litt av prosessen, og hvordan jeg har jobbet. Alt av arbeid har foregått i Adobe Illustrator. Logoen med de to A’ene (som representerer forbokstaven på brud og brudgom) og hjertet føler kunden er den som fungerer best. Jeg er helt enig, så det er denne jeg kommer til å fortsette å jobbe med og bruke i alle trykksaker, der det lar seg gjøre.
logo_utviklinglogo

Utifra skisser jobbet jeg digitalt med å live trace noen av skissene, samt å lage design fra bunn av ved bruk av programmet Adobe Illustrator. På dette stadiet hadde jeg sammen med kunden bestemt at jeg skulle jobbe videre med enten blomst eller sommerfugl. Itillegg til dette har jeg laget en illustrasjon av en tallerken, gaffel og kniv som skal brukes til bordplasseringen til hver gjest i bordkartet. Under ser du også bilde til inspirasjon av farger: 2 rosetoner, 2 gråtoner og gull. For å holde designet enkelt og rent, har jeg valgt å kun beholde rosa og grå fargene, gull/gult skal IKKE inkluderes i designet.
illustrasjonSkjermbilde 2013-11-13 kl. 19.07.05farger

 

Videre har jeg samlet prosessen til bordplanen, bordkort og meny i A4 dokumenter under. Dette er trykksakene som gjestene blir møtt av når de ankommer lokalet hvor bryllupsfesten skal holdes. Når det gjelder bordplanen synes jeg ikke at illustrasjonen av tallerken med bestikk fungerte like bra som i skissene. Jeg fikk en ny idé, hvorfor ikke bruke rosa sommerfugler til å vise til der damene sitter og grå sommerfugler til å indikere hvor herrene sitter. Slik fikk jeg inkludert alle de fire fargene (se eksempel over), og samtidig gjort planen enda mer oversiktig enn først planlagt. Når det gjelder bordkortene har jeg tatt utgangspunkt i skissene, og deretter prøvd meg frem med de ulike elementene, og farger, samt plassering. Tilslutt ser du prosessen med å lage en meny. Her har jeg prøvd med og uten ramme, og synes selv designet fungerer best med ramme – for å ramme inn teksten og innholdet.
bordplasseringbordkortmeny

 

I dokumentene under vises prosessen til utviklingen av invitasjon, svarkort og fonter som er brukt. Når det gjelder invitasjon og svarkort har disse blitt utviklet i forhold til skissene, og deretter bearbeidet i form av layout, plassering av elementer, størrelse og lesbarhet. Fonten Chopin Script er valgt på grunn av sin dekorative form, og kunden mener den passer utmerket i et bryllup. Fonten Helvetica er brukt på lengre tekster, slik som i program for festen og vielseprogrammet, samt at den skal brukes på websiden.invitasjonsvarkortfonts_02

– Annette B. D.

Portfolio – Finish

Her vil jeg presentere nettsiden som er laget til portfolioen for 4.semester og vise dere endringene som er gjort i oppgavene.

Først vil jeg starte med oblig.05 – Illustrasjon og foto. I denne oppgaven skulle jeg lage en reklameplakat hvor jeg skulle koble et produkt produsert før 1970-tallet sammen med en illustrasjon som skulle være inspirert av en selvvalgt epoke. Som produkt valgte jeg Sunlight såpe, og som epoke valgte jeg Jugendstil (1896-1909), som hører innenfor Art Nouveau. Produktet Sunlight har blitt fotografert for å kunne brukes i plakaten, og deretter bearbeidet i Photoshop.

Til min tidligere versjon jobbet jeg med epoken Revival, og hadde laget en illustrasjon av en dame. Til porteføljen har jeg jobbet med et nytt konsept, og en bedre kommunikasjon mot målgruppen. Fokuset har vært på helheten og uttrykket i plakaten. Jeg startet forbedringen med å lage et nytt tankekart og nye skisser.
img003img004

Mitt nye konsept var å lage en illustrasjon av en hånd. Til dette ønsket jeg å bruke min egen hånd som utgangspunkt. Derfor startet jeg med å fotografere hånden min. Nedenfor er bildene samlet i et contact sheet. Du vil også se litt av prosessen med hånden, hvor jeg startet med å live trace den i Illustrator, og derfra jobbet med form og skygge.
Skjermbilde 2013-11-04 kl. 12.12.56Skjermbilde 2013-11-04 kl. 12.13.31Skjermbilde 2013-11-04 kl. 12.13.53Skjermbilde 2013-11-04 kl. 12.14.03

 

Det har også blitt laget et nytt moodboard for Jugendstil, hvor man tydelig ser fokus på kvinnelige figurer, femininitet, eleganse, farger og tydelige streker. Det kan være noe tegneseriepreg over stilen.
moodboard_jug

Font og farge er behold slik som de opprinnelig var, fordi de passer til Jugendstil. Siden jeg har jobbet med et nytt konsept har rapporten blitt forandret en del, også på utseende. Sunlight såpen er gjort noe større og midtstilt. Hånden er hvit, dette for å gjenta fargen fra teksten og Sunlight produktet, samt med inspirasjon fra Jugendstil. Nedenfor vises den tidligere plakaten som først ble levert til venstre, og den nye og forbedrede plakaten til høyre.
Ferdig_plakatFerdig_plakat_NY

Videre ønsker jeg å ta for med oblig.06 – Person, produkt og naturlig lys. I denne oppgaven skulle jeg produsere to utendørs fotografier for en fiktiv reklame kampanje for et utendørs sportstøy merke.I oppgaven skulle jeg fokusere på å fange bevegelse, dette ved bruk av motion blur og motion freeze. Jeg fikk kun lov til å bruke naturlig lys til oppgaven. Programmet Adobe Photoshop kunne benyttet til bilde korrigering.

Sportstøy merke som ble valgt var Craft, og modell var min sporty samboer. Location var Stovner friidrettsbane, og bildene ble tatt med et Canon 7D kamera og 50mm objektiv. Det ene bilde var i portrett format og det andre landskap. De samme bildene blir brukt til porteføljen, siden tilbakemeldingen var god. Jeg har jobbet med det tekniske og med dybdeskarpheten. Rapporten er noe forandret, og utseende er forandret.

I Freeze bildet har personen fått mer fokus og bakgrunnen er noe dempet. Dette er gjort i Adjustment med Saturation -20. I bakgrunnen har jeg lagt til en blur effekt, Gaussian Blur -2.0, for å få bakgrunnen mindre i fokus. Videre har jeg jobbet med å tone ned fargene, så de ikke får all oppmerksomhet. Nedenfor vises det tidligere bildet til venstre, og den forbedrede versjonen til høyre.
foto2freeze_0111

I Blur bildet har jeg også jobbet med dybdeskarpheten, hvitbalansen og highlight. Dette gjort med tanke på tilbakemeldingen. Personen er forandret ved bruk av Adjustment med Lightness -10, brightness -10 og contrast +10. Itillegg til dette har jeg jobbet med curves for å forbedre hvitbalansen. Noen steder, spesielt beina, var det litt for lyst. Bakgrunnen har fått samme blur effekt, og lik saturation innstilling. Nedenfor vil du se den tidligere versjonen til venstre, og den forbedrede versjonen til høyre.
Foto_011blur_011

Over til oppgaven oblig.07 – Åpningstittelsekvens. I denne oppgaven skulle jeg jobbe med et helt nytt program, et program som ikke engang var inkludert i Adobe-pakken jeg kjøpte ved studiestart. Programmet var Adobe After Effects. Jeg lastet ned en prøveversjon for oppgaven. Videre skulle jeg produsere en åpningstittelsekvens for Diamond Awards, som er Noroff sitt årlige event for prisutdeling av studentarbeider. I denne filmen skulle Noroff sine nettstudier presenteres, og Diamond Awards logoen inkluderes. Itillegg skulle jeg finne passende musikk.

Til jobbing med endringer til porteføljen måtte en ny prøveversjon lastes ned, men på en annen maskin. Dette gjorde arbeidet noe mer komplisert. Noroff nettstudier (i starten) hadde tidligere en rød farge, men denne ble for lik logoen uten at den var selve logoen. Derfor forandret jeg fargen til hvit, slik som resten av tekst-innholdet i filmen. Diamond Awards logoen var av dårlig oppløsning, men dette er fikset ved hjelp fra lærer og Google-søk. På slutten av filmen hadde jeg inkludert credit, siden dette var en betingelse for å bruke musikkfilen. Dette fikk jeg dårlig tilbakemelding på, så den er nå fjernet. Ellers er det gjort lite forandring i rapport, men utseende er noe forandret. Under vises det til den nye åpningstittelsekvensen.
http://www.youtube.com/watch?v=ORwOCnzg4F4
Noroff1Noroff2

Tilslutt vil jeg presentere den siste oppgaven oblig.08 – Interaktiv inforgrafisk nettside. I denne oppgaven skulle jeg lage og produsere en nettside med interaktiv infografikk. Jeg skulle videre velge et objekt eller produkt som skulle ha fire ulike design inspirert av fire bestemte stilepoker. Som objekt valgte jeg frimerke, og epokene jeg måtte jobbe med var Abstrakt ekspresjonisme, Swiss, Pop Art og Psykedelisk. Det ble jobbet med å finne et passende domene navn som passet til oppgaven, og deretter ble dette kjøpt.

Tilbakemeldingen på oppgaven fikk jeg en dag før porteføljen skulle leveres, så valget falt på å ikke bruke tid på å forbedre denne oppgaven. Utifra tilbakemeldingene følte jeg selv at det ikke var så mye jeg kunne forandret uten om å bytte ut fargen gul med noe annet, samt fargen på tekst i footer. Jeg ønsket å beholde primærfargene, siden dette var konseptet mitt, og siden det understreker at nettsiden handler om kunst. Webdesign er ikke min sterke side, så jeg var veldig fornøyd med det jeg klarte å oppnå. Det var ønskelig å fokusere på farger og enkelhet. Videre er det ikke gjort noen endring i rapport, men noe på utseende. Under finner du linken til Journey of Art – nettsiden.
http://journeyofart.no
Journeyofart

For å komme til porteføljen min gå til denne nettsiden: www.studioannette.com

– Annette B. D.

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.08 – Ferdig Produkt

Her vil jeg presentere det ferdige sluttproduktet for oppgaven, i form av en nettside som handler om fire forskjellige kunstepoker. Først vil jeg vise noe av prosessen jeg har vært i gjennom med utforsking av farge, fonter og stil. Nedenfor ser du dette samlet.moodboard_prosess1moodboard_prosess2moodboard_prosess3Journeyofart

Over ser du prosessen med hvert frimerke-design, noen litt mer komplisert enn andre. Det andre bildet viser et skjermbilde av hvordan hovedsiden til nettsiden ser ut.

– Annette B. D.

Oblig.08 – Prosess 2 webside

I dette innlegget vil jeg vise noe av min prosess videre med websiden, og vise dere de ferdige designene for frimerkene som skal brukes på nettsiden.

Først ønsker jeg å vise dere litt av prosessen for å lage design til hver stilepoke. Først vil jeg ta for meg stilen Abtrskt ekspresjonisme. I denne stilen var det mye malerier, og ulike teknikker som ble brukt. Til designet for denne stilen, ønsket jeg selv å male. På det ene bildet ser du utstyret jeg brukte: akvarellmaling, pensler og papir. Det andre bildet viser et utsnitt av det ferdige maleriet. Jeg har valgt å fokusere på primærfarger, og har deretter blandet disse fargene for å skape sekundærfarger og andre nyanser. Det er ønskelig at bildet skal vise solen og dens varme i venstre hjørne, og deretter jorden, gresset og tilslutt havet og kulde.
_MG_3482maleri4

 

Slik ser det ferdige resultatet ut:
webabstractexpstamp1

Neste stil jeg ønsker å presentere er Swiss. Denne stilen bruker mye sans-serif typografi, grid og asymmetri. Det designet til denne stilen har jeg blitt inspirert av bildet under.
Skjermbilde 2013-10-13 kl. 22.21.31Skjermbilde 2013-10-13 kl. 22.10.23

Slik ser det ferdige resultatet ut:
webswisstamp2

Neste stil jeg ønsker å vise dere er Pop Art. Denne stilen har jeg jobbet med tidligere og føler meg ganske trygg på. Her har jeg valgt å fotografere meg selv, og bruke leppene mine som et utgangspunkt til designet, se bilde under. Jeg har valgt å bruke primærfargene blå, gul og rød, samt sekundærfargen grønn i det endelige designet.
_MG_3478Skjermbilde 2013-10-11 kl. 19.36.58

Slik ser det ferdige resultatet ut:
webpopartstamp2

Tilslutt vil jeg vise dere prosessen med designet til stilen Psykedelisk.
Skjermbilde 2013-10-14 kl. 13.37.34

Slik ser det ferdige resultatet ut:
webpsychstamp1

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.

domenenavnskisse1skisse2

 

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.
Skjermbilde 2013-10-07 kl. 12.13.55

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.Skjermbilde 2013-10-07 kl. 12.19.52

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.
Skjermbilde 2013-10-07 kl. 13.50.10

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

Her vil jeg presentere research som er gjort til oppgaven, særlig valg av objekt og de fire stilepokene har jeg lest og funnet mye informasjon om.

Først ønsker jeg å vise notater og moodboard i forbindelse med oppgaven hvor man skal velge et objekt, et element eller en karakter som skal forandre seg («going on a journey») gjennom de ulike stilepokene. Utifra notatene har jeg samlet relevante bilder fra internett. Jeg har funnet mye inspirasjon til objekter på fototrykk.no sin side. Her har jeg fått inspirasjon til gjentander som man kan trykke på. Dette har vært en svært viktig faktor siden jeg ønsker å inkludere både design og typografi i oppgaven, dette for å tydelig vise hvilken stil som skal bli illustrert.
Objekt_notatmoodboard_01

Videre har jeg valgt kopp og frimerke som de to objektene jeg synes virket mest spennende og interessant for oppgaven. I disse to elementene kan man inkludere typografi naturlig. Når det gjelder koppen kan man bruke typografi ved å skrive hva slags kaffe koppen inneholder eller navnet på den som skal drikke (Starbucks stil). Når det gjelder et frimerke er det naturlig å inkludere typografi i form av pris, land og eventuelle andre opplysninger. Her har jeg samlet bilder funnet fra internett.
moodboard_krusmoodboard_frimerke

Utifra dette har jeg tatt enda et valg og bestemt meg for å velge frimerke som mitt valgte objekt for denne oppgaven. Begrunnelsen for dette er at typografi kommer naturlig, og at et frimerke er på reise (journey). Jeg føler dette objektet passer svært godt til oppgaven. Videre har jeg gjort en del research på frimerke design og kunst, og laget et moodboard.
moodboard_fridesign

Nå er objektet på plass. Stilepokene som skal brukes til denne oppgaven er bestemt av Noroff, og de er som følger: Abstrakt ekspresjonisme, Swiss, Pop Art og Psykedelia. Jeg har lånt noen bøker på biblioteket og brukt internett for å finne informasjon og inspirasjon om disse stilene og deres epoke. Nedenfor vil jeg skrive ned litt informasjon rundt hver stil og legge ved moodboard, slik at du får et inntrykk av hvordan stilen er.

Abstrakt Ekspresjonisme (1943-1965) – Også kalt The New York School. Startet i USA. Kunstnerne var opptatt av å uttrykke sine indre følelser og underbevissthet. Det ble brukt sterke og intense virkemidler, og et direkte og autentisk uttrykk. Kunstnere fra denne stilen er: Pollock, Kline, Rothko, Newman.
moodboard_abstrakt

Swiss (1950) – Også kalt The International Typographic Style. Startet i Sveits på 1950-tallet.  Viktige virkemidler er bruken av grid, asymmetrisk layout, sans-serif typografi, fotografi. Kunstnere fra denne stilen er: Max Bill, Frutiger, Hofmann, Ruder, Müller-Brockmann, Rand.
moodboard_swiss

Pop Art (1955-1970) – Var en reaksjon mot den abstrakte ekspresjonismen. Startet i USA i 1950 årene. Her er fokus på temaer og teknikker hentet fra masse og underholdningskulturen viktig. Stor påvirkning fra reklame, tv, tegneserie, industridesign, science fiction og vitenskapelige ideer. Kunstnere fra denne stilen er: Richard Hamilton, Peter Phillips, Pushwagner, Andy Warhol.
moodboard_pop

Psykedelia (1960-1970) – Startet på 1960-tallet, i hippiemiljøer. Stilen er preget av svingende og svaiende former, og sterke farger. Påvirkning fra Art Nouveau stilen, synsbilder og bruk av narkotika. Kunstnere fra denne stilen er: Wes Wilson, Rick Griffin, Stanley Mouse, Victor Moscoso.
moodboard-psy

– Annette B. D.