Professional Documents
Culture Documents
ch2 Web Princpl
ch2 Web Princpl
Objectives
• State the principles of design for the
computer medium
• Develop a unified look for a Web site
• Understand the importance of active white
space
• Focus your design on the user
• Evaluate Web sites using screen-oriented
design principles
2
Principles of Web Design Chapter 2
3
Principles of Web Design Chapter 2
4
Principles of Web Design Chapter 2
5
Principles of Web Design Chapter 2
6
Principles of Web Design Chapter 2
7
Principles of Web Design Chapter 2
8
Principles of Web Design Chapter 2
9
Principles of Web Design Chapter 2
10
Principles of Web Design Chapter 2
11
Principles of Web Design Chapter 2
12
Principles of Web Design Chapter 2
13
Principles of Web Design Chapter 2
14
Principles of Web Design Chapter 2
15
Principles of Web Design Chapter 2
16
Principles of Web Design Chapter 2
17
Principles of Web Design Chapter 2
18
Principles of Web Design Chapter 2
19
Principles of Web Design Chapter 2
20
Principles of Web Design Chapter 2
21
Principles of Web Design Chapter 2
22
Principles of Web Design Chapter 2
23
Principles of Web Design Chapter 2
25
Principles of Web Design Chapter 2
26
Principles of Web Design Chapter 2
27
Principles of Web Design Chapter 2
28
Principles of Web Design Chapter 2
29
Principles of Web Design Chapter 2
30
Principles of Web Design Chapter 2
31
Principles of Web Design Chapter 2
32
Principles of Web Design Chapter 2
33
Principles of Web Design Chapter 2
34
Principles of Web Design Chapter 2
36
Principles of Web Design Chapter 2
37
Principles of Web Design Chapter 2
38
Principles of Web Design Chapter 2
39
Principles of Web Design Chapter 2
40
Principles of Web Design Chapter 2
41
Principles of Web Design Chapter 2
42
Principles of Web Design Chapter 2
43
Principles of Web Design Chapter 2
44
Principles of Web Design Chapter 2
46
Principles of Web Design Chapter 2
47
Principles of Web Design Chapter 2
48
Principles of Web Design Chapter 2
49
Principles of Web Design Chapter 2
Summary
Craft a look and feel and stick with it
throughout your site. Revise and test your
interface by paying close attention to the
demands of online display.
Make your design portable, using as low a
bandwidth as possible.
Plan for easy access to your information.
Don’t let the user click through more than
two or three pages before they get what
they want.
50
Principles of Web Design Chapter 2
Summary
Design a unified look for your site. Create
templates for your grid structure and apply
them consistently.
Use white space actively as an integral
part of your design. Use text, color, and
object placement to guide the user’s eye.
Leverage the power of hypertext linking.
Provide enough links for the user to create
their own path through your information.
51
Principles of Web Design Chapter 2
Summary
Use the ALT attribute on all graphics. Plan
for users who can’t or won’t download
graphics.
Design your text for online display.
52