Hvordan Design Med et rutenett Basert Layout

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

1 Hvordan Design Med et rutenett Basert Layout

Den brukere skjermoppløsning vil avgjøre hvordan de vil se ditt nettsted.

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.

2 Hvordan Design Med et rutenett Basert Layout

Piksler er kvadratiske enheter av målinger for grafikk.

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.

3 Hvordan Design Med et rutenett Basert Layout

Bunnteksten er der informasjonen om opphavsrett er plassert.

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.

4 Hvordan Design Med et rutenett Basert Layout

Horisontal navigasjon utnyttes mer om det vil være statisk på hver side av nettstedet.

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.

5 Hvordan Design Med et rutenett Basert Layout

Grafiske elementer som en firmalogo kan måtte gå utenfor rutenettet.

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.