Strukturert til fingerspissane!

Alle treng litt struk­tur i livet sitt innimel­lom, og er du design­er kan det vere lurt å gjere det i den dig­i­tale kvarda­gen også. Det finst utal­lige sys­te­mer på kor­leis dette kan løysast best, men eg har sam­la nokre «hjelpe­sen­tralar» under som eg nyt­tar meg av når eg skal designe ei nett­side.

Sjefen over alle sjefar

Eigent­leg hadde eg ikkje treng å nemne noko meir etter denne. The Grid Sys­tem er rett og slett sje­fen over alle sje­far når det kjem til grid-baserte løysin­gar. På nettstaden kan du finne alt av sys­te­mer, artik­lar, veiledningar/maler og annan rel­e­vant inspi­rasjon til å putte saman den ulti­mate nettstad. Struk­turmes­sig vert­fall.

Kolonne meg der, kolonne meg her…

I mitt neste design (når det enn klarar å kome vekk frå skiss­es­tadi­et) er det prin­sip­pet til 960 Grid Sys­tem eg kjem til å nyt­ta mest. Med dette kan du set­je opp designet ditt til å føl­gje ein mal på 12, 16 eller 24 (takkar Joachim Mol­und for påmin­ning om den siste der) kolon­ner i ei brei­d­de på 960 pik­sler — ei brei­d­de som dei fleste skjer­mar i dag skal kunne vise. På nettstaden kan du også laste ned maler til bruk i blant anna InDe­sign, Illus­tra­tor, GIMP og Pho­to­shop.

Grunnprinsippieltaktig-ish

Base­line CSS gir deg eit utgongspunkt i koda CSS og HTML slik at du kan bygge opp nettsi­da di med ein god grunnstein. Det vert lagt vekt på  kode, design og typografi i denne.

Alt du treng vite om rutenettsystem

Mark Boul­ton har ein serie med tips og triks for kor­leis du kan lage deg dine eigne sys­te­mer å bruke i dine design. Han tek for seg alt frå byr­jin­ga til den store finalen der du får sett det i prak­sis. Primært er det for det tryk­te media, men vil tru at grun­nprin­sip­pet fun­ger­er likegodt i design på nett.

Er tekst vanskeleg?

Om du er av typen som heller ser på illus­tasjo­nane og bile­ta i mag­a­sin, eller elskar å lese teik­ne­se­ri­ar, er denne av Brad Col­bow noko for deg. Den fork­larar enkelt kor­leis enkle jus­teringar kan gjere eit design myk­je meir delikat.

Rutenett over alt!

Om du ikkje har fått nok av ovan­nem­nte sider og rutesys­tem er det fort­satt håp! Slam­mer er ein app­likasjon til Mac OS X (Snow Leop­ard) som gir deg moglegheit til å legge eit rutenett akku­rat der du måtte ynskje. I til­legg kan du bruke det som måle­bånd, skjer­mdump-takar og forstør­relses­glas.

For mykje faste oppsett?

Om du er lei av faste oppsett og klar for meir fly­tande føde innan­for temaet vil eg anbe­fale deg å besøk­je bloggen til Anders-Mey­er Eldøy. Han har nett har pub­lis­ert ein artikkel som tek for seg fly­tande grids.

Nyt­tar du nokre av dei ovanståande sys­tema når du design­er?