Principles of Good Web Page Layout
Principles of Good Web Page Layout <ul><li>Text Size </li></ul><ul><li>Font and Background Color </li></ul><ul><li>Easy Na...
Text Size <ul><li>Text should be big enough to read… </li></ul>BUT NOT TOO BIG!
Font and Background Color <ul><li>Use  LIGHT  font colors on  DARK  backgrounds </li></ul>Use  DARK  font colors on  LIGHT...
Navigation <ul><li>What is Navigation? </li></ul><ul><li>Moving Around the Page </li></ul><ul><li>Navigation should be eas...
The “Three-Click” Rule <ul><li>Visitors should not have to click more than three times to get information. </li></ul>
Plan your Design <ul><li>Sketch your design on paper </li></ul><ul><li>Ask the opinions of others in your class </li></ul>...
Upcoming SlideShare
Loading in …5
×

Weblayout

258
-1

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
258
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Weblayout

  1. 1. Principles of Good Web Page Layout
  2. 2. Principles of Good Web Page Layout <ul><li>Text Size </li></ul><ul><li>Font and Background Color </li></ul><ul><li>Easy Navigation </li></ul><ul><li>The “Three-Click” Rule </li></ul>
  3. 3. Text Size <ul><li>Text should be big enough to read… </li></ul>BUT NOT TOO BIG!
  4. 4. Font and Background Color <ul><li>Use LIGHT font colors on DARK backgrounds </li></ul>Use DARK font colors on LIGHT backgrounds
  5. 5. Navigation <ul><li>What is Navigation? </li></ul><ul><li>Moving Around the Page </li></ul><ul><li>Navigation should be easy for the user. </li></ul>
  6. 6. The “Three-Click” Rule <ul><li>Visitors should not have to click more than three times to get information. </li></ul>
  7. 7. Plan your Design <ul><li>Sketch your design on paper </li></ul><ul><li>Ask the opinions of others in your class </li></ul><ul><li>Revise, revise and revise some more! </li></ul>

×