Hvordan Design Med et rutenett Basert Layout
Et rutenett-basert layout er en serie av horisontale og vertikale linjer som brukes til å organisere innholdet. Rutenettlinjer er fordelt jevnt for å markere for marginer, bunntekster, overskrifter og innhold. En av de mest vanlig anvendte gitteroppsett er 960 grid. Den rutenettet betyr ikke en design må være stiv eller kjedelig, men bare gir en veiledning om hvor ting skal plasseres i et design som skal proporsjonert og ser hensiktsmessig. Rutenettet basert layout er en designguide og bør brukes til å produsere web-design med et profesjonelt utseende.
Bruksanvisning
Ved hjelp av en grafisk program, klikk på "Fil" og "New" for å starte et nytt designprosjekt. Sett dimensjonene av dokumentet til 1024 x 768 piksler for å kunne bruke bæresystemet på et felles nettsted størrelse.
Plasser markøren over den horisontale linjalen til å klikke og dra header rutenett på plass. Overskriften linjenettet bør plasseres rundt 150 pixel mark ned fra toppen av dokumentet.
Klikk og dra andre rutenett til bunnen av dokumentet for bunntekst. Dette rutenett vil bli plassert 100 piksler fra bunnen av dokumentet. Bunnteksten vil typisk være mindre enn overskriften som den inneholder mindre informasjon og mindre grafisk innhold.
Klikk på enten vertikal eller horisontal linjal for å dra rutenett for navigasjons plassering. For en horisontal navigasjonslinjen grid skal dras til 50 eller 75 piksler under overskrifter rutenett. Den vertikale navigasjons rutenett vil bli plassert enten på venstre eller høyre side av dokumentet på 200 piksler fra kanten av dokumentet.
Plassere tekst og grafiske komponenter i rutenettet. Selv om bæresystem hjelper til med organiseringen det er tider et design må gå litt utenfor rammen av nettet for å bli utnyttet og funksjonell.