Elementer å vurdere før du selv å skape et rutenett

I web design, er et rutenett en rekke firkanter som fyller rommet ditt nettsted vil oppta. Rutenettet selv er vanligvis ikke synlig i den endelige utformingen, men en design basert på et rutenett vil typisk være lett å få øye på i forhold til andre mer fri form design. Grid-basert design kan være den perfekte estetiske valg for nettstedet ditt, men du kan også dra nytte av enklere design eller de som lar nettstedets innhold for å passe i ulike skjermstørrelser og former.

målgruppen

Hvis besøkende på nettstedet ditt forvente å finne innholdet presenteres i distinkte, kasselignende seksjoner, deretter et rutenett vil imøtekomme deres forventninger. Et rutenett kan presentere en hoveddelen der de siste nyhetene eller viktigste informasjonen fremtredende vises for å fange publikums oppmerksomhet, og de andre delene kan da være viet til flere funksjoner.

Content

Hvis du har mindre innhold å tilby, kan et rutenett ikke være nødvendig. For eksempel kan en weblogg som bare viser blogginnleggene i kronologisk rekkefølge har en veldig enkel design som ser ut som en punktliste. Hvis nettstedet ditt er tungt på innhold, men kan en uorganisert utforming la seerne forvirret og desorientert. Ved hjelp av et rutenett for å skille og kalle mer eller mindre oppmerksomhet til ulike innholds funksjoner kan lindre denne bekymringen. Eksempler på ekstra innhold som er bedre vises i et rutenett inkluderer elektroniske kalendere, favorittkoblinger, widgets og reklame. I eksempelet av weblog, hvis du skulle legge til disse og andre tilleggs deler av innhold til bloggen din, vil du ganske sikkert ønsker å arrangere dem i et rutenett for å lede oppmerksomheten til nettstedets besøkende til det viktigste innholdet først.

Nettstedets layout på flere skjermtyper

Et rutenett forutsetter en bestemt skjermstørrelse og oppløsning. Hvis du designe din rutenettet for en mindre skjerm eller lavere oppløsninger, vil det vises annerledes på større skjermer. Webdesignere vanligvis overvinne denne bekymringen ved å plassere tomrom av variabel bredde på hver side av rutenettet design, slik at du ser på nettsiden på en større skjerm bare sentre utformingen mellom mellomrom. På mindre skjermer, slik som de på web-aktiverte mobile enheter, kan innholdet være uleselig etter at den er krympet ned til en liten nok størrelse til å passe på skjermen. Benytte en mobil leserens zooming evner kan forstørre innhold, men dette vil også forstørre hele design, forårsaker mye av det å bevege seg utenfor skjermens visningsområde.