Principles of Screen Design

1
Principles of Screen Design

• Focus on the message
• Don't include anything just because it's
  possible.
  
• Select all elements based on how well they
  support the message.
  
• Don't include elements that will distract from
  the main point of the screen.

2
Principles of Screen Design

• Keep the design simple
• Students will try to connect all the elements to
  the message of the screen.

3
Principles of Screen Design

• Provide an organization for the screen
• Our eyes and brain work to impose an order to the
  screen.
  
• Create that order.

4
Principles of Screen Design

• Provide a path for the eye to follow
• Eye-scan moves from upper left to lower right.

5
Principles of Screen Design

• Direct attention to the important part of the
  screen
  
• Use color contrast

6
Principles of Screen Design

• Direct attention to the important part of the
  screen
  
• Use color contrast
• Use graphic vectors

7
Principles of Screen Design

• Direct attention to the important part of the
  screen
  
• Use color contrast
• Use graphic vectors

8
Principles of Screen Design

• Keep the screen consistent
• Once the screen organization is set, keep it the
  same from screen to screen.
  
• Frees brain up to focus on parts that
  changewhich should be the content of the screen.

9
Principles of Screen Design

• Avoid using too much motion
• No focus to the page
• User cant tell what is important

10
Principles of Screen Design

• Make the screen interesting
• Use the "Rule of Thirds" to divide the screen
  space in interesting ways.

11
Principles of Screen Design

• The intersection of the lines are the points of
  interest

12
TTYP Whats wrong?
13
The One Foot Bookshelf

• Lynch, P. J. Horton, S. (2002). Web style
  guide Basic design principles for creating web
  sites (2nd ed.). New Haven Yale Univ Press.
  (ISBN 0300088981 List 18.95)

14
The One Foot Bookshelf

• Horton, S. (2000). Web teaching guide A
  practical approach to creating course Web sites.
  New Haven Yale Univ Press. (ISBN 0300087276
  List 15.95)

15
The One Foot Bookshelf

• Weinman, L. (2002). .
  (4th ed.) Indianapolis New Riders Publishing.
  (ISBN 0735710791 List 55.00)

16
The One Foot Bookshelf

• Krause, J. (2002). Color index Over 1100 color
  combinations, CMYK and RGB formulas, for print
  and Web media. (4th ed.) Cincinnati How
  Design Books. (ISBN 1581802366 List 23.99)