[Limbo]

Seems a very misunderstood subject. Some Helpful reading:

Link list: Designing With Grid-Based Approach | Smashing Magazine

This is a favourite example of mine: Subtraction: Grid Computing… and Design

This is good for the newb:
Five simple steps to designing grid systems - Part 1 : Journal : Mark Boulton

And something with a bit more depth:
http://www.subtraction.com/pics/0703/grids_are_good.pdf

[emil]

Yeah, cool selection. I am using Khoi's method too, when lying out websites now. I think oli posted something similar on tutorilablog? Some interesting aids there, too.

[emil]

Found it
» Grid systems in Web Design

[weldo]

ok ... i'm gonna risk getting shot down here ....

CAN SOMEONE SUM UP IN A SHORT SENTANCE WHY I SUDDENLY NEED TO USE GUIDELINES AND GRIDS TO LINE STUFF UP THAT I'VE NORMALLY JUST USED MY EYES FOR ???


(good opportunity for someone to bring this old codger up to date ...)

[emil]

I for one decided my eyes are crap.
Grids make things look neater. But I'm sure a real designer will give you a better answer

[Mr Fred]

Originally Posted by weldo

ok ... i'm gonna risk getting shot down here ....

CAN SOMEONE SUM UP IN A SHORT SENTANCE WHY I SUDDENLY NEED TO USE GUIDELINES AND GRIDS TO LINE STUFF UP THAT I'VE NORMALLY JUST USED MY EYES FOR ???


(good opportunity for someone to bring this old codger up to date ...)

well said.

[Limbo]

I like to get granular. Using a grid (guides) allows placement to be exact - which transfers nicely to CSS.

[stickmus]

Originally Posted by weldo

ok ... i'm gonna risk getting shot down here ....

CAN SOMEONE SUM UP IN A SHORT SENTANCE WHY I SUDDENLY NEED TO USE GUIDELINES AND GRIDS TO LINE STUFF UP THAT I'VE NORMALLY JUST USED MY EYES FOR ???


(good opportunity for someone to bring this old codger up to date ...)

Read the subtraction one. (Short enough?)

[Mr Fred]

but surely you cant be a designer if you are just reading this shit now?
day one - one oh one skills.

[weldo]

Originally Posted by stickmus

Read the subtraction one. (Short enough?)

hmmm ...

short enough ? - yes
insightful, descriptive and massively enlightening ? - no. not particularly.

guess it wouldn't hurt me to read a bit more ... and maybe apply it to the next job i do ... maybe the proof of the pudding will be in the baking ??


still unconvinced, but open to the idea ...

[weldo]

Originally Posted by Mr Fred

but surely you cant be a designer if you are just reading this shit now?

ah ... but you're forgetting one thing - we didn't all end up here via graphics or typography ...

there lies the difference

[Scott]

Thought i'd add a nice article about grids in Flash.

AisleOneâ„¢ - A blog about design, typography and everything else. » Blog Archive » Designing Grid Systems For Flash

[Aen]

Grids gives order to layouts and allows the eyes to flow easily across the orderly content. Grid layouts are suitable for information type of content, e.g. websites, newspapers, magazines, editorial, annual reports, statistics, etc.

When I design a website in PS, I use guides for the grid. Here're 2 examples of my grids on a working layout.



It's not for everything. It's just another way of giving composition to a visual layout.

[mike_m]

singaporean brides eh? where do I sign up..

[weldo]

Originally Posted by Aen

When I design a website in PS, I use guides for the grid. Here're 2 examples of my grids on a working layout.



It's not for everything. It's just another way of giving composition to a visual layout.

Is it only me that sees that as just loads of guidelines that don't particularly relate to where things are positioned ???

thanks, anyway

[cocknose]

I think alot of people believe that guidelines and a well set up grid is the same thing...

its not!!! (just alot of people having no idea what they are doin)

a good grid should define your type size, line length,hierarchy, dynamic movement, etc. A good grid should be thought about before you do anything. It should be based on document size and how the typography and images are gonna be used. In print, margin sizes and gutter sizes are all apart of grid development. To add tension and fluidity.

Alot of people here just regurgitate what they hear from other people without the appropriate research and experience.

Its a very good tool if done correctly.

[Limbo]

Originally Posted by cocknose

I think alot of people believe that guidelines and a well set up grid is the same thing...

its not!!! (just alot of people having no idea what they are doin)

a good grid should define your type size, line length,hierarchy, dynamic movement, etc. A good grid should be thought about before you do anything. It should be based on document size and how the typography and images are gonna be used. In print, margin sizes and gutter sizes are all apart of grid development. To add tension and fluidity.

Alot of people here just regurgitate what they hear from other people without the appropriate research and experience.

Its a very good tool if done correctly.

here here!

[Aen]

How can that pic show a well-designed grid when photoshop only allows 1 color for guides? But if you have the eyes of a designer, you should be able to see the "boxes" among the mess.

Well, Photoshop is not illustrator where you can turn strokes into guides. In PS it's always a mess of guides but if you look carefully, you'll see that the guides actually sets the correct line-heights, padding and margins of the various boxes. I use the Info pallete and snappign to guides and the selection tool to determine widths and ratios. Like content areas will usually be 480px wide or more, sidebars will have 180px or more and also principles like the golden section (1.618:1) can easily be determined with guides and a handy calculator.

[emil]

so a grid showcase site

Design By Grid | Showcase Archive

[d*d]

Originally Posted by Limbo

Seems a very misunderstood subject.

As proved with this thread