Blèr

Sinds ik besloot om met YUI grids te gaan werken krijg ik her en der vragen over wat dit allemaal behelst.

Ik heb me inmiddels verder verdiept in de materie en in de loop van de tijd aardig wat artikelen over grids gelezen.

Eigenlijk zijn grids niet zozeer een technische knutselmethode, het is vooral een mindset tijdens het designen.

Dus hierbij een introductie in Grids webdesign.

Grids zelf worden al heel lang gebruikt in de drukwereld. ze zijn daarom eigenlijk een vereist stukje kennis van iedere ontwerper. Vanuit deze drukwereld, grids de webdesign wereld ingeslopen.

Wat precies een grid is, en waarom je ze zou willen is door Mark Boulton en Raj Dash al heel goed beschreven. Maar kort door de bocht, is te stellen dat met een grid een site mooier, sneller, goedkoper en beter onderhoudbaar is. Althans, voor sites waar de layout complexer is. Een grid brengt vooral orde in je layout.

De volgende vraag die je moet stellen, als je dan koos om met grids te werken, is welk framework. Zelf koos ik voor YUI, omdat deze veruit de best gedocumenteerde (want een van de eerste)is. En wordt ondersteund en gebruikt dor een grote naam. Dat laatste is natuurlijk geen goed argument, maar het "verkoopt" gewoon beter. "Als Yahoo! het maakte zal het wel goed zijn". Het bespaart me vaak een hele uitleg over warom grids überhaupt goed zouden zijn.

Als designer is het dus uitermate belangrijk dat je de randvoorwaarden van je grid-systeem kent. Net als met alle webdesign, kun je ook nu het beste zo vroeg mogelijk in HTML aan de slag gaan. Het mooie aan grids is dan dat je snel kunt schakelen, wnat je kunt je HTML en CSS heel makkelijk en snel aanpassen. Maak je layout dus beter niet in een of ander tekenpakket of in photoshop, maar doe het in CSS en HTML. Dat layout raamwerk kun je later wel weer in photoshop importeren, bijvoorbeeld door een screenshot als layer in je design op te nemen.
Snel schetsen kan ook met bijvoorbeeld gridr builder of de YUI grid builder.

Mocht dit idee je erg tegenstaan dan kun je ook uitgaan van een grid layout afbeelding. Deze zijn overigens ook uitermate handig om achter je site te leggen gedurende het layouten.

En dan is het tijd voor inspiratie.

Een wat vaker gehoorde reactie, is dat grids on-creatief zouden zijn. Als je houd van pixelfucken, eindeloos eikelen over floatende plaatjes, guillotine-bugs en dergelijke: dan zeker. Als je echter mooie sites wilt maken, is een grid een verademing. Mijn inziens heeft juist dat geklooi met CSS weining met creativiteit te maken.
Natuurlijk moet je "binnen de lijntjes blijven". Maar die lijntjes zijn er, omdat ze a) technisch het beste werken, b) ontwerprinciepes als gulden snedes, vlakverdeling enzovoort volgen en c) mensen nu eenmaal van strakke lijnen houden.
Als je je hieraan confirmeert, de grids goed onder de knei hebt, maak je veel mooiere sites. En dan kun je jou creativiteit inzetten om net dat ene kleurtje recht te trekken, een randje te verfraaien, de verdeling te verbeteren of nét dat vrolijke stukje uit de grids te laten springe.

Verder lezen kun je op The Grid System of , weblogs ne portals die exclusief over grids frameworks gaan.