GUI Design: Layout

 

Use a Grid

  • Horizontal and vertical lines to locate window components
  • aligns related components

Organization

  • contrast for dominant elements
  • element groupings by proximity
  • organizational structure
  • alignment

Consistency

  • location
  • format
  • element repetition
  • organization

 

General Example and Specific Example:

 

Relating Screen Elements

  • proximal clusters
  • alignment white (negative) space
  • explicit structure
 
 

 

 

 

 

 

 

 

 

 

Lets Critique the Following

Allignment? Contrast? Repetition? Structure?

 

which is better:

 

overuse of 3D

overuse of 3D