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.04 – Book Design

Design book cover, title page, table of contents and sample pages of the book «Typography from the East». Text, photos and illustrations are given from the writer, so you should concentrate on layout, typography and color. This book contains examples of Asian, Arabic or Indian Typography – you can choose which area you want to focus on. The book is meant for designers in the West who want insight into the expression and design of Eastern typography.

You should only work with typography, colors, and grid, as ways to express your theme. Download files from Noroff.

 

I denne oppgaven skal jeg designe et bokomslag, tittelside, kolofon side,  innholdsfortegnelse, forord og vise eksempler på sider hvor tekst og bilder skal fungere sammen. Jeg må vite om typografiske design prinsipper og metoder, få et innsyn i hvordan det er å jobbe med bok design og utforske typografi, layout og grid.

Jeg har valgt å fokusere på India, og Indisk typografi. Jeg ønsker å lære mer om deres typografi, kultur og historie, og synes det er et veldig spennende og interessant land. Jeg startet med å se gjennom filene som jeg har fått lastet ned fra Noroff. Deretter har jeg sett på bilder fra og om India i Google, og brukt diverse søkeord for å finne inspirasjon til design og layout. Videre har jeg lånt bøker fra mitt lokale bibliotek.

Fakta om India:
Språk: 18 offisielle språk, de største er hindu, urdu, engelsk, punjabi, tamil
Hovedstad: New Delhi
Innbyggere: 1,2 milliarder
Areal: (km2) 3,2 mill
Myntenhet: Rupi
Religion: Hinduisme 82%, islam 12%, buddhisme, 2% sikhisme, jainisme, kristendom 2,3%
Nasjonaldag: 26.januar
– Dyrelivet er mangeartet og rikt.
– India er blant verdens største økonomiske makter, samtidig som landet også er blant verdens fattigste.
– Indisk kultur har blitt eksponert over hele verden, for eksempel gjennom religion, yoga og mat.
– India har det høyeste antall spillefilmer per år, og det produseres om lag 1000 filmer årlig.

Videre har jeg jobbet med å lage moodboards, så langt har jeg laget fire forskjellige. Med fokus på elementer fra alfabetet og skriften, religion og historie, kultur og farger, samt med inspirasjon fra tre bøker som er lånt fra bibliotek.

moodboard_01moodboard_02


moodboard_04

 

moodboard_03

Videre i prosessen har jeg jobbet med idéutviklingsmetoder, slik som tankekart og ABC-metoden. Her har jeg samlet ord om India og typografi, samt annet.

img050img051

 

«Avstand er nøkkelen til god typografi» Eric Gill

Kilder

Rannem, Ø. (2005). Typografi og skrift, Abstrakt forlag.

http://snl.no/hindi

http://snl.no/urdu

http://snl.no/Alfabet_i_India

http://snl.no/India

http://www.kulturstudier.no/fakta-om-india

Uke 11 og 12 – Layout: Typography

Disse to ukene skal jeg lære om historien og utviklingen av fonter, samt typografiske prinsipper. Her er noen linker til kilder jeg har blitt anbefalt av skolen iht pensum:

http://spiekermann.com/en/

http://idsgn.org

http://ilovetypography.com

http://blogs.adobe.com/typblography/

http://typographica.org

http://www.lynda.com/Design-Typography-tutorials/Foundations-Typography/106698-2.html

http://www.lynda.com/InDesign-CS3-tutorials/professional-typography/531-2.html

http://www.youtube.com/watch?v=eKKDL6lekmA&feature=youtu.be

http://www.gustavjohansson.com

http://blog.8faces.com/post/15826164320/ubelly-spiekermann

http://vimeo.com/33434885

http://vimeo.com/36525254

http://vimeo.com/15032988

http://vimeo.com/35688592

http://typography-daily.com/2011/11/29/the-alphabet/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+TypographyDaily+%28Typography+Daily%29

Typography allows for the arrangement of letters and words to be reassembled and replicated as few or as many times as is needed to communicate a message. Typography uses signs (letters) to represent spoken and written language.

Typography isn’t handwriting

Typography isn’t lettering

Typography isn’t sign-writing

Typography isn’t carving letters into stone or wood by hand

Typography isn’t graffiti

Typograhphy isn’t building letters out of matchsticks.

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