looking for suitable grid system

Primary tabs

15 posts / 0 new
Last post
jonny's picture
Offline
Joined: 7 Aug 2009 - 4:45pm
looking for suitable grid system
0

Does not have a baseline grid grid system. at moment
Please feel free to comment on a grid system you may find would be suitable. ive heard of the web layout grid system called the 960 grid stystem . I am happy with 4 coloumn grid is my current idea. Feel free to post below you ideas or links to grid sytems
Rough image layout illustrator image attached - final will have to completed indesign

jonny's picture
Offline
Joined: 7 Aug 2009 - 4:45pm
0

I am not asking for anyone to complete the design. I am asking for comments on ideas about grid systems. I have a basic idea about width and height being symmetery . Which makes design functional and astetically pleasing to the eye. .. This is guesswork at the moment i would like to take these ideas to a completed design

James Michaels's picture
Offline
Joined: 6 Mar 2010 - 12:54am
0

In my opinion you don't need a grid system (other than alignment) for a small, simple layout like you're showing, just make it visually attractive and functional.

Riccardo Sartori's picture
Joined: 13 Jul 2009 - 4:20am
0

There are a number of grid systems out there, but, as James inferred, they’re mostly aimed at larger, complex project.
However, one that could be of interest for typophiles as well is Type & Grids: http://www.typeandgrids.com

jonny's picture
Offline
Joined: 7 Aug 2009 - 4:45pm
0

I would like to ask another question. It is in releation to the size of the gutters. If my body text is Helvetica size 10 pt is the leading.. Is good practice to use the gutters width the same size as the body text leading .

James Michaels's picture
Offline
Joined: 6 Mar 2010 - 12:54am
0

If you're talking about the space between those squares of color, 12 or 13 pts might work fine. But I'd use more for the outer margins, and I'd normally like to see more between columns of text.

Grids are fine, but as Riccardo mentioned they are more for larger projects, like pages of text or several documents that need to look similar. For a small project like this I'd just space things to look attractive.

James Michaels's picture
Offline
Joined: 6 Mar 2010 - 12:54am
0

One more thing — if your layout is actual size, the type beneath the color squares looks pretty tiny.

Cory Maylett's picture
Offline
Joined: 18 Jan 2007 - 1:11am
0

In print, underlying grids serve as an invisible framework against which elements can be positioned to impart unity and cohesiveness to the design.

In web design, the 960 and other similar grids do much the same thing, but they also serve a different purpose. In essence, they're prebuilt frameworks where the CSS is already thought through and can be applied to a grid structure that can reconfigure itself in response to various display resolutions.

How this is relevant to the sketch you posted, I'm not quite sure.

jonny's picture
Offline
Joined: 7 Aug 2009 - 4:45pm
0

After the advice i now understand the size of this project didnt require a complicated grid system.
I will later post my cv which does require grid sytem in the near future. I will open this post again . tank you for the commen on the 960 grid sytem , i have better understanding now the 960 grid is not onlya about layout but also the how efficient it downloads the pages

after the advice i left the design simple as it was only to dowload some textures . Just usd a baseline grid
http://fav.me/d7xnz3u

James Michaels's picture
Offline
Joined: 6 Mar 2010 - 12:54am
0

Your new layout has some areas that look dark gray and some that look black.

jonny's picture
Offline
Joined: 7 Aug 2009 - 4:45pm
0

correct dark grey and black have been used jame s. reasion i choose this colour scheme . 3d tota sites and the new adobe packages cc have chosen black and grey.
http://www.3dtotal.com/

Cory Maylett's picture
Offline
Joined: 18 Jan 2007 - 1:11am
0

I can't speak for James, but I think what he might be saying is that it appears to be a mistake because the gray and the black are so close in value. You might try lightening up the gray just a bit so that it looks intentionally different from black.

There's a greater distinction between the values on the 3dtotal.com site because of its use of lighter grays, diagonal lines and the even lighter gray lines separating the different gray/black areas, which makes the subtle differences appear intentional.

jonny's picture
Offline
Joined: 7 Aug 2009 - 4:45pm
0

ok will go 1 shade down as there realy only about 4 gray values that can be seen . I will go a couple of shades down in the grey colour . thk u

James Michaels's picture
Offline
Joined: 6 Mar 2010 - 12:54am
0

> the gray and the black are so close in value

Exactly. When two colors are very close but don't quite match, it looks like a mistake. Either make them the same or definitely different.

Same thing when 2 objects almost align but not quite, or 2 lines of adjacent type are just a tiny bit different in size. There are exceptions, but in general it looks like a mistake.

Brian Washington's picture
Joined: 31 May 2013 - 6:21am
0

Buy Josef Muller-Brockmann's Grid Systems book. It's an excellent resource for learning to work with grid systems.