loading...
52WeeksofUX.png
 
loading...
ColorSchemeDesigner.png
 

 

 
User Experience

52 Weeks of UX
 

 

 
CITS F221 - Week 05: Web Design Principles
A few example sites we'll be visiting during class this evening
 

 

 
Color

Tints, Tones, Shades
Warm vs. Cool
Color Schemes:
  • Monochromatic
  • Complimentary
  • Triadic
  • Tetradic
  • Analogous

 

 

 
Layout

Proximity
Alignment
Repetition
Contrast

Examples:
http://crushlovely.com
http://www.globalspendsolutions.com
http://sickdesigner.com
http://www.designobserver.com

The Rule Of Thirds
This reading explains the principles of the Rule of Thirds. Even though it is explained through the lens of photography the principles can be applied to the creation of graphics and layout design as well.

Grid Systems
Grids can help visually organize information and give order to a layout, particularly when there is a lot of information.
 

 

 
Typography

Web-safe fonts - A reference that lists fonts common to most PC and Mac systems common these days.

Google also serves web fonts to use in web sites. Review the list of fonts they serve.

Examples:
 

 

 
Texture and Opacity

Texture and opacity are integral in adding dimension and depth to designs. When executed correctly, they can give a minimalist design substance or a complex design structure.

Examples: