Eksempel på rutenett (grid) på nettside
Rutenettet er et underliggende rammeverk av strukturlinjer som styrer hvordan de visuelle elementene plasseres i forhold til hverandre, for eksempel i utformingen av trykksaker og nettsider. Her eksempel fra rutenettet i denne artikkelen.
Eksempel på rutenett (grid) på nettside
Lisens: CC BY SA 3.0

Rutenett, eller grid (engelsk), er innen design en formell, abstrakt struktur som brukes som et nyttig verktøy innen visuell utforming. Rutenettet er et underliggende rammeverk av strukturlinjer, eller hjelpelinjer som de også kalles, som styrer hvordan de visuelle elementene plasseres i forhold til hverandre, for eksempel i utformingen av periodika (tidsskrifter, årbøker, serier og aviser).

Lik bredde på marger, spalter, kanter og tomrom og lik høyde på rader skaper helhet og orden i komposisjoner med mange elementer og gjør arbeidet med å utforme siden mer effektiv.

Rutenettet er også med på å gi komposisjonen identitet og er ofte en sentral del av utformingen. Rutenettet kan indikere for leseren hvor i trykksaken han eller hun er: Innholdsfortegnelsen, småstoff eller et langt intervju har som regel forskjellige rutenett.

Rutenett eller grid er like viktig for utformingen av digitale grensesnitt som for trykte og fysiske. Hvordan det samme innholdet kan fungere på forskjellige formater, er særlig viktig for responsivt design, altså design for digitale flater med ulik skjermstørrelse.

Selv om et rutenett fungerer som en usynlig, bakenforliggende mal, påvirker den aktivt utseendet på innholdet. Et rutenett kan være strengt ved at alle elementene skal fylles ut og innholdet ikke skal gå ut over rutenettets rammer, eller det kan være en veileder som lar innholdet følge rutenettet når det er hensiktsmessig, men bryte med det når det passer best.

Les mer i Store norske leksikon

Kommentarer

Kommentarer til artikkelen blir synlig for alle. Ikke skriv inn sensitive opplysninger, for eksempel helseopplysninger. Fagansvarlig eller redaktør svarer når de kan. Det kan ta tid før du får svar.

Du må være logget inn for å kommentere.

eller registrer deg