Uke 27 Oppg. 9.1: Layoutstiler – CURB

I denne oppgaven skulle vi utarbeide design og layout for hovedsiden til det fiktive magasinet CURB på nett. Vi har fått utdelt en rekke elementer som kan brukes som utgangspunkt for siden. Vi skulle også produsere 6 skisser med ulike layoutstiler og en wireframe der grid skulle brukes som hjelpemiddel. Designet skulle utarbeides i Adobe Photoshop eller InDesign, slices opp, og produseres som HTML fil med CSS til layout-arbeidet.

Skisser: 

I disse skissene har jeg prøvd ut både symmetrisk, asymmetrisk og kombinert layout. Siden jeg tidligere har laget symmetrisk design ville jeg nå velge en asymmetrisk løsning. Dette gir et litt mer spennende inntrykk, samtidig som det gir mer plass til illustrasjon. Jeg har benyttet Adobe Photoshop og Dreamweaver i denne oppgaven.

Wireframe: 

Til å utarbeide wireframe har jeg benyttet baseline grid i Adobe InDesign. I Adobe Photoshop brukte jeg denne wireframen til å sette opp guider som jeg igjen brukte som utgangspunkt for layouten.

Hovedside, CURB på nett: 

Klikk på bildet for å komme til siden 

 

Reklamer

Legg igjen en kommentar

Fyll inn i feltene under, eller klikk på et ikon for å logge inn:

WordPress.com-logo

Du kommenterer med bruk av din WordPress.com konto. Logg ut /  Endre )

Google-bilde

Du kommenterer med bruk av din Google konto. Logg ut /  Endre )

Twitter-bilde

Du kommenterer med bruk av din Twitter konto. Logg ut /  Endre )

Facebookbilde

Du kommenterer med bruk av din Facebook konto. Logg ut /  Endre )

Kobler til %s

%d bloggere like this: