Reflektert dagbok – multimediedesign

Grid, margin

I denne oppgaven skulle vi finne 4 enkeltsider i blader og aviser, og tegne inn grid og marginer. Vi skulle måle størrelsen på marginene og på kolonnene, og reflektere over hvordan størrelsesforholdene på margin og kolonner virker på lesbarheten.

Noen av skanningene mine ble litt skjeve, eller mangler indre margin på bildet, men målene er reelle.

KK:
Margin topp:  7,5 cm
Margin bunn: 1,8 cm
Indre margin: 1 cm
Ytre margin: 1,3 cm
Kolonner: 3 stykker
Kolonnebredde: 5,9 cm
Gutter: 0,6 cm

Denne layouten fungerer veldig bra, er lesbar og fin. Luftig, stort bilde og sitat i store bokstaver bryter fint opp. Marginene har bra proposjoner. Tre kolonner ser ut til å være veldig vanlig i mange blader, sikkert fordi det ofte fungerer bra.

A-magasinet:
Margin topp: 4,2 cm
Margin bunn: 1,6 cm
Indre margin: 1,3 cm
Ytre margin: 3,8 cm (minus en ekstra kolonne, der er bredden 1,1 cm)
Kolonner: 4. 1 smal og kort, pluss 3 like brede
Kolonnebredde: 2,3 cm (1 stykk) + 5 cm (3 stykker)
Gutter (mellomrom): 0,4 cm

Også en god layout. Tre hovedkolonner som på KK, men en ekstra, kortere en for ingress. Brede felter rundt teksten, særlig i topp og ytre kant gjør at gutter kan være smalere uten at det går ut over lesbarheten.


Familien:

Margin topp: 0 cm / 12 cm om man ikke teller med bildet
Margin bunn: 1,3 cm
Indre margin: 1 cm
Ytre margin: 0,7 cm
Kolonner: 4 stykker
Kolonnebredde: 4,4 cm
Gutter (mellomrom): 0,4 cm

Denne layouten er litt mindre bra for mitt øye. Det skyldes at den har fire kolonner og i tillegg at marginene og gutter er veldig smale. Det burde være enten eller. I tillegg er ytre margin smalene enn indre, og det ser litt feil ut. Lesbarheten er likevel bra, fordi kolonnene er såpass smale at øyet ikke skal så langt for hver linje.

Seasons:
Margin topp: 2,8 cm
Margin bunn: 2,1 cm
Indre margin: 1,6 cm
Ytre margin: 1,8 cm
Kolonner: 2 stykker
Kolonnebredde: 8,2 cm
Gutter (mellomrom): 0,6 cm

Symmetrisk layout med to brede kolonner. Bredden på kolonnene gjør den nok noe mer tung å lese enn de foregående eksemplene. Likevel er den mye bedre enn den neste.

Holmen senter:
Margin topp:1,4 cm
Margin bunn: 1,7 cm
Indre margin: 0,6 cm
Ytre margin: 2,1 cm
Kolonner: 2 stykker, men ujevnt fordelt

OPPE:
Kolonnebredde, tekst: 7,3 cm
Bildebredde: 11,8 cm
Gutter (mellomrom): 0,9 cm

NEDE:
Kolonnebredde, tekst: 9,5 cm
Bildebredde: 10,9 cm
Gutter (mellomrom): 0,5 cm

Denne layouten er nesten litt vond å se på. Det første som skjærer i øynene er at bildene er skjevt plassert i hvert sitt hjørne, noe som sikkert kunne fungert med bilder som var like store, men både bildene og tekstfeltene (kolonnene) har forskjellig størrelser oppe og nede. Gutter er også ulikt oppe og nede. I tillegg er marginene ganske smale. Selv om det skal se ut som løse lapper med oppskrifter på ville det tatt seg bedre ut med litt mer synkronisert bruk av grid, tror jeg.

2 responses

  1. Psst! Er det forrsten noen som vet hvordan man kan unngå at teksten legger seg på feil sted i forhold til bildet på WordPress-blogger? På noen websider kan man legge inn usynlige tabeller for å holde ting på plass men det går visst ikke her! Det hjelper ikke med hardt linjeskift! Æsj, det ser fryktelig ut!😦

    september 13, 2010, kl. 23:58

  2. Jeg fulgte Elisabeths gode råd og satte bildet til «ingen» alignment. Da fikk bildene står på en egen linje. Det ble et litt laaaangt innlegg av den grunn, men iallefall litt mindre rotete med tekst og bilde.😉 Takk for tipset Elisabeth!

    september 16, 2010, kl. 10:25

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 )

Twitter picture

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

Facebookbilde

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

Google+ photo

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

Kobler til %s