Grid based web design
- Started
- Last post
- 19 Responses
- tFour
A colleague of mine is currently designing the website for the agency we work for, and he doesn't see the benefits of using a grid based design. I will be the one doing the xhtml/css.
Anyone got a link to an article giving the pros (and cons) on grid based design, and why you should use them?
Thanks!
- tFour0
Exactly what I was looking for, thanks!
- ukit20
Sounds like he is lacking some basic knowledge of design. Designing with a grid is just common sense.
- TheBlueOne0
I love grids as much as the next guy - but it depends on the design really. Does the content of the design demand an extensive grid, or would a few column or simple floated sections cover what the content demands? No reason to bloat the code with a whole lot of unused grid stuff if all you're doing is a basic two column design.
But hey I design and code, so what teh fuck do I know...
- Once you have the two columns you have essentially already created a gridukit2
- TheBlueOne0
...and then just wait until you tell him you should really make a responsive grid, because you know, everything is going mobile and all tablety. Then you can have fun with that as well.
- maikel0
Designing without grids is like building without blueprints/drawings.
Certainly there are people who do that... but I guess you can see the difference in results.
- section_0140
How does he design then? Concentric circles? Setting up a grid (even a mad basic one) is design 101 shit.
- tFour0
He just fires up Photoshop and starts creating and dragging stuff. Rounded rectangles etc. get pasted from Illustrator, resulting in pixel-imperfect edges, sizes don't get rounded to 10's of 5's, etc.
Whoever gave this guy his diploma deserves a kick in the teeth, I'm telling ya.
- i_was0
grid based design=ugliness
- omg0
anyone who knows how to design with grids, would never say that they don't use them. whereas the person who doesnt design with them, will mostly not use them, and try and glorify the fact that they just don't know how to use them.
- monospaced0
"He just fires up Photoshop and starts creating and dragging stuff. Rounded rectangles etc. get pasted from Illustrator, resulting in pixel-imperfect edges, sizes don't get rounded to 10's of 5's, etc."
So? You're just gonna code it and do it all over again in css anyway.
- this is a dickhead thing to sayd_rek
- I didn't mean it like that. The point I'm making is that the css replaces all the graphics, so pixel perfect is kinda pointlessmonospaced
- my developers tell me this all the time: don't waste time making it pretty, we'll just do it all over again anywaymonospaced
- aaux0
I've never understood why anyone would not use a grid. It takes a whole 5 seconds to set up when you first open a new PSD.
- clearThoughts1
- div#Bauhaus {
background-image: url(http://www.propr...
}melq
- div#Bauhaus {
- 3stripe0
say waaaaaaaat.....
what kind of designer doesn't want to use a grid (of some kind)
- monolith0
grid design is a fad due to "responsive design" hype.. nobody gives a shit about web on mobile and statistics show it clearly. Stop wasting your time.
If you want to do good shit learn to build apps (whatever your choice might be - native, HTML5, AIR).