Innhold
Rutenettet er ikke primært et visuelt designverktøy, det er et brukeropplevelseshjelpemiddel - som baner på en gate. Et godt rutenett vil etablere en norm, og en rytme for å se på et nettsted, slik at brukerne ikke tenker på hvor de skal lese eller se neste, de intuiterer det på grunn av rekkefølgen og hierarkiet du har etablert på rutenettet. Du kan lære mer fra Designer's Guide to Grid Theory.
Hvis alt fulgte regimet til rutenettet, ville vi alle sammen bli gjøk fra visuell kjedsomhet. Noen ganger vil vi at et design skal ha elementer som spretter ut av linjene og sier: "Hei, se på meg! Jeg er kult for å bryte reglene".
Definer rutenettet
Hvis du ikke først definerer et sterkt rutenett, vil det ikke bety noe å bryte det. Et sterkt rent rutenett med en klar struktur og rikelig med hvit plass for å puste rom er en av de viktigste delene av en god visuell struktur for innholdet ditt.
En subtil brudd på reglene kan være en fin måte å gjøre oppmerksom på detaljer i designet ditt. Gjort riktig, det kan hjelpe designet ditt å bryte seg bort fra det begrensede og boksete utseendet - en vanlig kritikk av webdesign.
Et bilde som er trukket utover en grense, eller en klistremerkeetikett som sitter over litt innhold, vil komme langt for å legge til en fin, trassig detalj i designet ditt. For mye av denne teknikken vil imidlertid drepe nyansen, og du mister interessen. Velg din regel som bryter nøye.
Fire gode eksempler
01. Apple
For et par år tilbake fikk Apple.com iMac-ene sine til å springe over den veldefinerte kanten av hovedrammen til innholdet, noe som gir følelsen av at disse Mac-ene ikke vil være begrenset.
02. Gene’s Sausage Shop
Du kan bruke et merke, klistremerke, banner eller bånd for å bryte rutenettet og levere litt moro som Gene’s Sausage Shop & Delicatessen gjør her.
03. Andy Clarke
Et subtilt, men effektivt bilde som overlapper en tidligere iterasjon av designeren Andy Clarkes portefølje. Denne teknikken er en fin måte å holde en bildestabel frisk.
04. Style Spy
Bilder er ikke den eneste måten å bryte rutenettet på. Motebloggen thestylespy.com's overskrift manus flyr ut for å antyde energi og moro.
Hvis du har sett noen eksempler på nettsteder som subtilt bryter rutenettet, hvorfor ikke nevne dem i kommentarene?
Ord: Matthew Smith
Denne artikkelen ble opprinnelig publisert i nettmagasinet.