+

Slik gir grids deg orden på nettsiden din

Thomas Gustavsen
Webutvikler3. august 2017

Hva er en grid?

En grid er en grunnleggende struktur i et web-design. En grid, eller rutenettet, består av ”usynlige” linjer som bestemmer hvor innholdet ditt plasseres.

Hvorfor bruke grids?

Et godt gjennomført grid-system hjelper deg med å gjøre designet på nettsiden din gjennomtenkt, organisert, pent og strukturert.

Terminologi

Enhet

Enheter er byggesteinene i ethvert rutenett. Flere enheter danner et grid. Det er vanlig å arbeide med 12 enheter i en grid. Dette fordi det er et tall som går fint opp i 4 og 3. Vi kommer tilbake til hvordan dette ser ut senere.

(En grid består som regel av 12 enheter)

Grøft/mellomrom

En grøft er mellomrommet mellom hver enhet.

Kolonne

En kolonne beskriver en samling av enheter og grøfter.

(Eksempel på 4, 3 og 2 kolonner)

 

Hvordan bruke grids?

Man kan lage sine helt egne grids, men det er vanlig å benytte seg av ferdige grid-systemer, som f.eks Bootstrap. Disse systemene kan også tilpasses dine ønsker i forhold til f.eks grøftbredde.

Når man har en grid, er det enkelt å se hvordan man kan blokke ut ulikt innhold man ønsker å ha på siden.

(Grid på tqmpartner.no)

 

Ønsker du å vite mer om hvordan du kan bruke grids på din hjemmeside? Kontakt Terje eller Silje for en uforpliktende prat.


Del på Facebook