Mobile app version of vmapp.org
Login or Join
Goswami567

: Designing websites using grids I read a lot about grids and how they make the websites look good (needless to say I agree) though I have not been able to work with them. Have not been able

@Goswami567

Posted in: #AdobePhotoshop #Grids #WebsiteDesign

I read a lot about grids and how they make the websites look good (needless to say I agree)

though I have not been able to work with them. Have not been able to "feel" the advantage whilst using the grid system (I'm always talking about the photoshop stage).

So I was wondering if there were some resources on how to take advantage of the grid system. Preferably, I'm looking for tutorials (better still video tutorials) where the author says "this is how I use this everyday" NOT "this is what you can do". Basically, I know how to use the grid system. but I am looking for good practices, Something (for example) I would get by looking over the shoulder of an expert.

Hope you can help, thanks

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Goswami567

4 Comments

Sorted by latest first Latest Oldest Best

 

@Kaufman565

I'm also starting to learn about grids and stuff like that when it comes to web design, I found a book that is quite usefull and cheap(if you want to buy it, a quick tip for low budget students like me, you can also find it on torrents).

The book is called " Ordering Disorder: Grid Principles for Web Design " by Khoi Vinh . Here is the link if you want to buy it from Amazon.

10% popularity Vote Up Vote Down


 

@Bethany839

Aurel,

A benefit from using grids helps you apply even spacing of elements in your composition. When you're working with information and text elements, like a web page, it's highly important that one places elements onto the layout with a structured, visual hierarchy. Information of course, is the backbone of the web so creating structure of this information is just as important as any other informational design project.

One of the many things I learned from graphic design school was that visual elements need room to breathe and white space is just as important as visual elements on the layout. Try to experiment with your layout. Make one composition with arbitrary padding and then make another following the guidelines of the grid. I can guarantee you that the layout that is more regulated, in terms of placement of information, will look more professional. Somewhat bizarre if you think about that you're using the same exact elements and the only difference is the spacing between them!

As stated in the previous posts, you can use 960grid system to help you with the web/photoshop stuff. You can also check out this grid system book at the library (yes, a library) to gain more knowledge about it. Other resouces: The Grid System, Grid System Wiki

Good luck!

10% popularity Vote Up Vote Down


 

@Courtney577

I would check out this resource: www.designinfluences.com/fluid960gs/ & 960ls.atomidata.com/#usage
It gives you a lot better learning material, then poking around other published sites.

10% popularity Vote Up Vote Down


 

@Radia289

I like to just look at websites for inspiration and study "the grid". I can't think of any 'everyday practice' other than to just play with it. Here is nice website with 50 Good Grid Websites
Good Luck!

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme