Dashboards work best when they are laid out on a design grid that makes sense from both an aesthetic and functional point of view. With the popularity of out-of-the-box business intelligence dashboard applications, the dashboard designer often enjoys the luxury of not having to worry about grid alignment or underlying grid design.

However, for those dashboard designers and business intelligence application designers who must deal themselves with dashboard grid layouts, here are some resources:

This Dashboard Layout System tutorial illustrates step by step how to convert a design grid into html layout. Here’s an example from it:

Dashboard grid design

And for you that need the basics of grid layout design, please study the “Rule of Thirds” or the “Golden Mean”:

Golden Mean design rule