# Designing with grid systems?

**URL:** <https://forum.kirupa.com/t/designing-with-grid-systems/261481>\
**Category:** random\
**Created:** [May 28, 2008, 2:11am UTC](https://forum.kirupa.com/t/designing-with-grid-systems/261481 "2008-05-28T02:11:06Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Theros](https://avatars.discourse-cdn.com/v4/letter/t/e5b9ba/32.png) [@Theros](https://forum.kirupa.com/u/Theros)\
**Post date:** [May 28, 2008, 2:11am UTC](https://forum.kirupa.com/t/designing-with-grid-systems/261481/1 "2008-05-28T02:11:06Z")

</div>

Hey all!

A web design/development question…I’ve always designed in photoshop for my sites using a grid…but, I’ve never really looked into “grid systems” before. From this article [here](http://nettuts.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/), there’s a bunch out there. Stuff like blueprintcss, or the 960 grid system. Both of which seem interesting, but I’m not really sure how’d I really put them to good use?

My thoughts are…do any of you actually use stuff like this? I quickly looking through some of the source files, and just thought to myself, when would I ever need half of this code? So yeah…maybe the answer is just to modify it to each project itself.

Anyway, your thoughts are always welcome.

Thanks,  
Eric Huang

---

<div class="post-metadata">

**Author:** ![Jeff\_Wheeler](https://avatars.discourse-cdn.com/v4/letter/j/59ef9b/32.png) [@Jeff\_Wheeler](https://forum.kirupa.com/u/Jeff_Wheeler)\
**Post date:** [May 28, 2008, 2:16am UTC](https://forum.kirupa.com/t/designing-with-grid-systems/261481/2 "2008-05-28T02:16:35Z")

</div>

I do follow a grid design pattern, but I don’t use a premade setup file to do so. I prefer to do the custom code, but the style guidelines presented there are excellent. Grids definitely do help page structure, and are especially easy for non-designers like myself to make look decent.

---

<div class="post-metadata">

**Author:** ![nobody](https://avatars.discourse-cdn.com/v4/letter/n/94ad74/32.png) [@nobody](https://forum.kirupa.com/u/nobody)\
**Post date:** [May 28, 2008, 2:16am UTC](https://forum.kirupa.com/t/designing-with-grid-systems/261481/3 "2008-05-28T02:16:57Z")

</div>

I’ve never used a system but I am very careful to align my sites to a grid which is visually appealing. A lot of that is type line-heights and things of that nature.

---

<div class="post-metadata">

**Author:** ![anon1712571](https://avatars.discourse-cdn.com/v4/letter/a/9dc877/32.png) [@anon1712571](https://forum.kirupa.com/u/anon1712571)\
**Post date:** [May 28, 2008, 7:12am UTC](https://forum.kirupa.com/t/designing-with-grid-systems/261481/4 "2008-05-28T07:12:57Z")

</div>

checking alignments with a grid by eye is a nice way to do it. Setting up a crazy grid system leaves a bunch of unused stuff in your stylesheet

---

<div class="post-metadata">

**Author:** ![Theros](https://avatars.discourse-cdn.com/v4/letter/t/e5b9ba/32.png) [@Theros](https://forum.kirupa.com/u/Theros)\
**Post date:** [May 28, 2008, 11:04am UTC](https://forum.kirupa.com/t/designing-with-grid-systems/261481/5 "2008-05-28T11:04:17Z")

</div>

> [@darkmotion;2332206](#):
>
> checking alignments with a grid by eye is a nice way to do it. Setting up a crazy grid system leaves a bunch of unused stuff in your stylesheet

Right, that’s what I thought…hmm, I’m still not sure? I guess you could always just use it for testing the site, then just code it up yourself.

---

<div class="post-metadata">

**Author:** ![McGuffin](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/mcguffin/32/408_2.png) [@McGuffin](https://forum.kirupa.com/u/McGuffin)\
**Post date:** [May 28, 2008, 12:10pm UTC](https://forum.kirupa.com/t/designing-with-grid-systems/261481/6 "2008-05-28T12:10:29Z")

</div>

I used Blueprint for my portfolio. I don’t think it looks FANTASTIC, or anything like that, but it helped me keep the design really clean. It’s also a great workflow, you can build out designs really fast. There’s no one specific reason you’d go with a grid design over something else, it’s more a philosophy.

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [May 28, 2008, 1:35pm UTC](https://forum.kirupa.com/t/designing-with-grid-systems/261481/7 "2008-05-28T13:35:42Z")

</div>

Why wait for the CSS aspect to use these techniques, if your photoshop mock up is at least halfway decent, you shouldn’t ever have to worry about this.

unless I’m missing out on something…
