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.

WEBP – Avslutning

Imorgen er leverings fristen for eksamen for 2.semester: nettsted. Dette blir antakeligvis min siste post dette semesteret. Jeg har nå tatt en siste gjennomgang av nettsiden, cd og cd-cover, rapport og oppdatert fremdriftsplan. Kommer til å få noen til å lese gjennom rapporten og deretter gjøre eventuelle forandringer. Ellers er planen å presentere de ferdige produktene for kunden, og forhåpentligvis ende opp med en positiv og god følelse over det hele.

Imorgen skal jeg navngi filene etter Noroffs retningslinjer, og levere på Moodle. Deretter er planen å feire bursdag (12.juni) og nyte sommerferien med sol og varme! Jeg reiser 3 uker til USA og kommer til å opprette en egen blogg for dette, legger inn link til dette senere i dette innlegget, så kan de som vil følge meg der. Her er et kart over dit jeg skal:

Tilslutt ønsker jeg å presentere noen av de siste beslutninger som er tatt i henhold til produksjonen av nettsiden:

Kontakt (contact) side er kuttet ut siden det kun besto av en e-post adresse, dette er derimot lagt til i footer, med en link som fører brukeren direkte til en ny-mail side. Dette er kanskje ikke så lett å finne ved første øyekast, men flere som har testet ut nettstedet har merket seg dette ved å klikke seg rundt på nettstedet. Dessuten var det ønskelig at e-post/contact kunne forekomme på alle sider. Ved å benytte denne linken kan brukere/kunder sende forespørsler direkte til eieren og garantert få et raskt svar.

Stockists siden ble lagt til underveis i prosessen og var ikke en idé fra starten. Her kommer det mer informasjon senere. Kunden ønsket dette for kundene sine, siden produktene kan kun bli kjøpt via andre web-butikker, eller via direkte kontakt med kunden. Her vil det senere bli lagt til et kart eller tekst med de fem verdensdelene og derfra delt inn i land som selger Steel Feather produkter.

Filer/templates som har blitt forandret i kodingen er footer.php, header.php, sidebar.php, content-page.php og style.css. Jeg har lært at man kan bruke /* beskrivelse av hva koden betyr eller gjør */ for å skape en mer oversiktlig koding som det er enklere å gå tilbake til og forstå senere.

– Fredriftsplanen er noe forandret på grunn av at jeg var nødt til å reinstallere WordPress og starte på nytt 23.05. Fremdriftsplanen er justert og oppdatert, og innholder gode aktivitetsbeskrivelser for hver dag jeg har jobbet med dette prosjektet. Jeg har itillegg brukt noe lengre tid på research og produksjon enn først planlagt, derfor ble jeg ikke ferdig til datoen jeg opprinnelig hadde satt, tirsdag 06.06.12.

Her er screenshots av hver page/side brukeren kommer til via hovedmenyen på nettsiden. Dette legger jeg ved så lærere ved Noroff kan se hvordan nettsiden så ut idag for meg og hvordan sidene ser ut for dem når de går gjennom prosjektet mitt. På denne måten kan de sammenligne, og forsikre seg om at jeg ikke har gjort noen forandringer etter innleverinsfristen:

Første bildet er av hjemmeside til Steel Feather, hovedsiden. Videre på menyen kommer brukeren til en side som beskriver bakgrunnen til produktet og hvor de blir laget.

Tredje side fra menyen fører brukeren til en beskrivelse om produktet, samt bilder. Videre på menyen finner man en side med et galleri med 25 bilder som viser detaljer i produktet, arbeidere, maskiner og eieren av merkevaren, dette for å øke troverdigheten.

Femte siden fra hovedmenyen fører brukeren til bloggen til Steel Feather, hvor kunden vil oppdatere med nyheter om produkter etc. Videre kommer man til en side som ikke er helt klar enda, men som vil vise hvor man kan få kjøpt Steel Feather jeans og produkter.

De to siste sidene fra menyen fører til to sosiale medier Steel Feather benytter seg av. Her kan kunder og brukere som ikke kjenner merket lese mer om Steel Feather, og andres kommentarer til produktet.

Og tilslutt, linken til Steel Feathers hjemmeside:

www.steel-feather.com

Ønsker alle medstudenter og andre som følger bloggen, en riktig god og velfortjent sommerferie! Oppdateringer om hva jeg skal til høsten kommer etterhvert.

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