Join Sean Adams for an in-depth discussion in this video Website grids, part of Foundations of Layout and Composition: Grids.
- Obviously, I like grids.…They provide structure and consistency.…They make my life better.…When I began working with website design,…I applied my traditional approach to grids…and soon found this didn't work.…A printed page requires…margins, columns, and markers.…But a website is not limited…by the size of the book or poster.…Information exists dimensionally…with pulldowns, hovering texts, and pop outs.…Websites need a grid structure…to aid in navigation and information.…
On a website, the real estate allocation is critical.…Is the navigation bar on the top or the side?…Are all the images one size…and can be opened in a separate window?…That real estate relies on a grid structure…to keep the page from becoming a chaotic mess.…When images, text, and shapes align,…we access the information faster.…There are many courses on Lynda.com…that do a great job to address…the technical aspect of creating a grid on a website.…
In terms of layout, I found a 12-column grid…to be a good basis in web design.…This structure works in both…
- Why grids and proportions?
- The elements of a grid
- The types of grids
- Designing a master grid
- Asymmetrical vs. symmetrical grids
- Working with column and modular grids
- Managing multiple grids
- Designing posters with a grid
- Using grids in other design projects
Skill Level Beginner
Foundations of Layout and Compositionwith Sean Adams1h 35m Beginner
2. The Pieces
4. Publications and Magazines
6. Other Formats
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.