Portfolio – 4.semester

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

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

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

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

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

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

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

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

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

– Annette B. D.

Portfolio 3 semester

You should present the tasks specified below in a Digital Portfolio. You choose the technique and design of the digital folder, but it should represent you as the designer you are. In addition to the digital folder you should have a link to your reflective diary.
– Oblig.01 – Journey of a centimeter
– Oblig.02 – Four surfaces, four decades
– Oblig.03 – Patch to Plate
– Oblig.04 – Book Design

Portfolioen skal leveres på fredag, og jeg ønsker i den forbindelse å introdusere oppgaven og det jeg har jobbet med så langt. Hovedsakelig har jeg jobbet med å forbedre de tidligere oppgavene, altså oblig.01, oblig.02 og oblig.03.

Oblig.01: Tolk setningen «journey of a centimeter» og produser et valgfritt produkt. Et element fra kunsthistorien må inkluderes, men hvilken epoke og hvordan er valgfritt. Slik ser resultatet ut, før (ved første innlevering):oblig01_01Etter tilbakemeldingen på denne oppgaven fra skolen, startet jeg med å finne en QR-kode. Dette siden en QR-kode er mer «in» og moderne, i forhold til en strekkode. Dessuten ønsket jeg å teste dette ut i designet mitt, og se om det ville fungere bedre enn stekkode. Jeg jobbet videre med formene til en av de tidligere arbeidsfilene, og gjorde den røde boksen større og boksen til QR-koden lik. Synes at dette fungerte mye bedre enn det gamle designet. Under kan du se noen andre forslag og utkast som jeg jobbet med:QR Code Skjermbilde 2013-01-13 kl. 15.56.40Skjermbilde 2013-01-13 kl. 12.30.44Skjermbilde 2013-01-13 kl. 12.37.56Skjermbilde 2013-01-13 kl. 11.20.36Skjermbilde 2013-04-19 kl. 18.27.45
Jeg jobber mye med å finne en ny og passende font, som var mer lettleselig og passet bedre til designet. Jeg har også jobbet mer med symbolene, og detaljer, samt fokusert på luft mellom elementene.

Slik ser resultatet ut , etter alle forbedringene og det er slik de vil se ut til portfolio:oblig.01_02Tatt i betrakning med tilbakemeldingen har disse endringene blitt gjort:

Strekkode er byttet ut med QR-kode, dette for å fremstå mer moderne og for at det passer bedre inn i designet, samt at det er mer appellerende til brukerne. Fontene Menlo og Silom er byttet ut med Helvetica regular og Helvetica light. Dette siden Helvetica er en lettleselig font og fungerer bedre til designet enn det de to andre fontene gjorde. Symbolene til bil, motorsykkel, helikopter og sykkel er fjernet, siden dette ikke er «naturlig» transport for kollektivt reisende. Ved disse formene for transport er ikke en billett normalt, derfor fungerer det ikke å bruke dem i forhold til oppgaven. Dermed står seks symboler igjen: buss, båt, fly, t-bane, trikk og tog. Ved disse symbolene fungerer det naturlig med en billett. Alle symbolene er forbedret og gjennomført med mer nøyaktighet. Videre har det vært sterkere fokus på reduksjon av elementer og luft rundt elementene.

Oblig.02: Utvikle et konsept for en valgri kunde, og illustrer ulike motiver for fire overflater. Hver overflate skal representere en kunstepoke fra ulike tiår, valg av epoke er valgfritt. Slik ser resultatet ut, før (ved første innlevering):oblig.02_01Etter tilbakemeldingene jeg fikk på denne oppgaven ønsket jeg å finne en passende font til hvert design, slik at sensor kunne ha mer å vurdere utifra kunstepoke og helhet. Jeg ønsker selv at det ikke bare skal være fokus på illustrasjonene, men på hva slags vindrue vinen er laget av. Jeg startet med å finne en font som passet til kunstepoken og til designet, dette gjorde jeg hovedsaklig fra internett. Her er noen jeg vurderte:Skjermbilde 2013-03-04 kl. 21.00.23Skjermbilde 2013-03-04 kl. 21.02.02Skjermbilde 2013-03-04 kl. 21.02.39Skjermbilde 2013-03-04 kl. 21.03.14Skjermbilde 2013-03-04 kl. 21.03.30Skjermbilde 2013-03-04 kl. 21.04.07Skjermbilde 2013-01-13 kl. 16.04.02Skjermbilde 2013-01-13 kl. 16.07.00Skjermbilde 2013-01-13 kl. 16.07.32Skjermbilde 2013-01-13 kl. 16.13.30Skjermbilde 2013-01-13 kl. 16.15.41Skjermbilde 2013-01-13 kl. 16.23.14Skjermbilde 2013-01-13 kl. 16.23.32Skjermbilde 2013-01-13 kl. 16.26.55Skjermbilde 2013-01-13 kl. 20.02.58Skjermbilde 2013-01-13 kl. 20.12.36Skjermbilde 2013-01-13 kl. 20.13.06Skjermbilde 2013-01-13 kl. 20.15.57Designet til kubisme og art nouveau var jeg fornøyd med, og ønsket ikke å slette. Her har jeg jobbet videre med designet og forbedret det, mer i henhold til epoken og stilen. Designet til pop art og minimalisme har jeg slettet og laget helt nye. Dette har vært en utfordring, men denne gangen visste jeg mer hva jeg ville og hva epoken krevde. Her er noen inspirasjonsbilder:
circleDIY-Circles-ArtMed epoken Art Nouveau har jeg skapt dette resultatet, enda mer dekorativt og med ornamenter, samt en ny farge og typografi. Fonten som er valgt er Baroque Script. Det er ønskelig at designet skal virke eksklusivt, glamorøst og elegant.
Skjermbilde 2013-04-19 kl. 18.51.01Skjermbilde 2013-04-19 kl. 18.51.13Skjermbilde 2013-04-19 kl. 18.51.19
I designet som er inspirert av epoken kubisme har jeg som sagt tidligere ikke forandret på illustrasjonen/designet, men lagt til en font. For å få vintype-navnet til å passe inn i designet måtte hver enkelt bokstav integreres og passe inn i forhold til størrelse, vinkel og proporsjon. Dette arbeidet var mye mer avansert enn jeg trodde, men til gjengjeld har jeg et resultat jeg er svært fornøyd med.
Skjermbilde 2013-04-19 kl. 18.54.57
Mitt tidligere design til epoken minimalisme var i følge tilbakemeldingen ikke helt riktig, og kanskje jeg hadde misforstått. Jeg prøvde å lage et enkelt design, men som tilslutt egentlig var ganske komplisert og med mye farger. I mitt nye design har jeg fokusert på primærfarger, og en rolig bakgrunnsfarge som ikke er forstyrrende.
Skjermbilde 2013-04-19 kl. 18.58.22Skjermbilde 2013-04-19 kl. 18.58.35Skjermbilde 2013-04-19 kl. 18.59.01
Til epoken Pop Art har jeg blitt inspirert av kunstnerne Pushwagner og Warhol. Mitt forrige design var noe enkelt, men veldig Pushwagner stil. Jeg valgte å slette det gamle og prøve et nytt design, med et mer typisk pop art uttrykk og utseende. Tilslutt valgte jeg å farge håret lilla, og fjerne hånden som jeg opprinnelig tegnet, fordi det passet bedre til designet og fremstår mindre forstyrrende. På etiketten har jeg også laget en tankeboble.Skjermbilde 2013-03-04 kl. 21.57.09Skjermbilde 2013-03-04 kl. 22.01.47Skjermbilde 2013-04-19 kl. 19.10.20Skjermbilde 2013-04-19 kl. 19.10.28
Slik ser resultatet ut nå, etter alle forandringene som er gjort, og det er slik det vil se ut til  portfolioen:oblig.02_02Tatt i betrakning med tilbakemeldingen har disse endringene blitt gjort:

Illustrasjonene er blitt utarbeidet ytterligere og detaljer betraktelig forbedret iht epokens stil, og en font til hver illustrasjon/tidsperiode har blitt inkludert i designet. Til epoken Art Nouveau har det blitt valgt en dekorativ font, Baroque Script. Illustrasjonen er blitt gjort enda mer dekorativ og elegant, og ornamenter er blitt laget i to av hjørnene. Til epoken Kubisme har en stovepipe font blitt benyttet, LHL Union Thug, og deretter blitt integrert i ilustrasjonen. Til epoken minimalisme har fonten Lois Ann blitt valgt. Det har blitt laget ett helt nytt design til denne epoken, med fokus på primærfarger og enkle former. Til den siste epoken, Pop Art, har en mer uformell font blitt valgt, Komika Display Kaps. Det har blitt laget ett helt nytt design til denne epoken også, men fokus på sterke farger, uttrykksform og stilen på personen i illustrasjonen.

– Annette B. D.

Learning Activity – Starting phase of designing visual identity

Design a logo for the following service and according to the following brief:
– The product/service name: Chemin
– The product/service description: A new urban railway service that takes passengers from the airport to four major centers in the capital of the country. The service will expand in due time to cover wider areas and to extend to other cities in the country as well.
– Unique aspects of product/service: The service prides itself using the latest new-millennium technology, thus being sophisticated, super fast, convenient and comfortable but not expensive and overly luxurious.

I denne oppgaven har jeg først sett på konkurrenters logo, det vil si andre flyselskap og togselskap. Jeg har laget et moodboard av ulike logoer av flyselskaper og utifra dette har jeg konkludert med at fargene blå og rød blir mest brukt.

airlines

Jeg lagde også et moodboard av logoer fra tog og metro selskaper, og utifra dette har jeg funnet ut at fargene rød og blå blir mye brukt, samt bruken av oransje.

railway

Utifra research har jeg kommet frem ti at jeg vil bruke fargene rød, oransje og blå. Itillegg ønsker jeg å benytte to symboler i logoen, samt navnetrekk (Chemin). Symbolene jeg ønsker å bruke er et flysymbol (som skal representere at dette er en service som har noe med fly og gjøre) og et tog symbol (som skal representere at dette er en service som har noe med tog å gjøre). For å best mulig illustrere at servicen til Chemin er transport med tog fra flyplass til store byer/hovedstader, har jeg valgt å plassere flysymbolet til venstre for navnet og togsymbolet til høyre for navnet. Altså i den virkelige rekkefølgen. Slik ble resultatet:

chemin1

 

Med bruk av sterke farger vil denne logoen få mye oppmerksomhet, synlighet og itillegg til en god lesbar font, vil det ikke oppstå noen misforståelser.

– Annette B. D.