How To Establish The Layout Grid In Css: Page Layouts


show more Establishing the layout grid provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts show less
please wait ...

Establishing the layout grid

Because the planning stage of the design process is so critical to a site's success, I want to take a few movies to walk through my typical workflow. I want to start by illustrating the use of grids for planning layouts. Although I use a grid as the basis of all my layouts, fixed layouts lend themselves particularly well to grid-based designs. If you're already a graphic designer, I'm betting that you're pretty familiar designing around a grid; and if you are not, I think you'll soon see the advantages that grids give you when creating layouts. So I am going to be working with this file fixed_planning.ai, and here I am again, of course, in Illustrator.

Now, I have saved the finished version of this file in the Assets folder, which is a located directly in the exercise files folder, and if you want, you can open it up. And of course you are going to open up the finished version of what we are going to be doing here. Actually, what I would most encourage you to do is t...

Establishing the layout grid
Video duration: 7m 57s 8h 57m Beginner

Viewers:

Establishing the layout grid provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts

Subject:
Web
Software:
CSS
Author:
please wait ...