Joseph's eJournal  

 

 

 

 

 

 

    Thursday February 8, 2007

 

GRID IN DESIGN

 

 According to Web Style Guide the importance of using a grid in screen design is that it a great way to allow a variety of visual approaches to site design within an enterprise while maintaining a reasonably consistent navigational interface for the user. Constructing a layout grid usually begins by analyzing the content structure you have worked out and deciding where it (the content) will be placed.  A page grid therefore establishes the number, location, and terminology of all major page links and page graphic elements.

 

 

 

[Home]

 

[Profile]

 

[Interface Design]

 

[ Color Theory ]

 

[Color  and Design]

 

[Grid in Design]

 

[Color Resolution]

 

 [Color in Logos & Labels]

 

[Color and Collage]

 

[Typography]

 

[Logos]

 

[Lettermarks]

 

[Icons]

 

[Multimedia]

 

[Wireless Device]

 

[Accessibility] 

 

[Vischeck- ExtraCredit] 

 

[Usability]

 

[Navigation]

 

[Flowcharts]

 

:  : RESOURCES :  :

_______________________

[Mercedes Benz]

 

[Color Wheel Company]

 

 [McCracken and Wolfe]

 

[Web Style Guide]

 

[Royal Carribean]

 

[Jennifer Kyrnin]

 

[Digital Concepts for Business]

 

 [Sessions School of Design]

 

 

 

 

 

 

An example of a Web site that uses grids that I like is Buy.Com The navigation is superb.  The top has the  primary navigation, and the bottom has the secondary navigation.  The grid helps enhance the layout of the site since the graphics are well placed and aren't crowded together.  The overall structure of the site is very user-friendly and the items are easy to find.  No pop-up windows or Flash intros to interfere with navigation.  To the right is a screen shot of Buy.Com.

 

: : Click to enlarge [ + ]

 

 

 

 

 

An example of a Web site that doesn't use grids is Royal Caribbean The artwork is great and the Flash, but there are way too may preloaders that cause the user to wait every time a link is clicked. The navigation is also a little confusing. I would prefer an HTML version with a grid system where the content and images are laid out in plain view, and a search box to point the user to a specific section of the site.

 

: : Click to enlarge [ + ]

 

[Home]        [2D Interface]       [3D Multimedia]      [Blog]        [Contact]

 Designed and maintained by Graph-X Media a Division of Mp3joseph.Com  ©2007 All Rights Reserved.