1. WEB DESIGN TIPS FOR DESIGNING A WEB PAGE

2. PURPOSE OF WEBSITE To inform To persuade To market/sell To entertain To advocate KNOW YOUR PURPOSE!

3. CONTENT Easy to read Eye-catching Easy to scan No text in images or over images Emphasize important points Bold Colored font Lists –bullets or numbers

4. DESIGN PRINCIPLES 1.Alignment 2.Proximity 3.Repetition 4.Contrast 5.Grammar/Spelling

5. ALIGNMENT Items on the page are lined up with each other 2 types of alignment Horizontal Vertical Choose 1 type of each Use tables with invisible borders Professional look Keeps elements aligned correctly BE CONSISTENT!

6. PROXIMITY Relationships which develop when items are close to each other Examples: Title/Subtitle Picture/Caption Heading (article title)/Article Group items together which are related

7. REPETITION Some elements must be the same on every page Use the same layout on every page Repetition of elements give a unified, smooth look and transition from page to page Navigation buttons Colors Style Illustrations Format Layout Typography

8. CONTRAST What draws the eye onto the page Designs to consider Style Colors Arrangement Graphics Create a focal point

9. DESIGN TIPS

10. COLORS Use complementary colors – no more than 3 colors Think of a house- 3 colors: Main house Trim Accent color – doors & shutters Light backgrounds with dark fonts is best Stay away from bright colors and colors which are difficult to read such as RED and YELLOW

11. DESIGN TIPS Navigation Where am I? Where have I been? Where can I go? Should answer all 3 questions Should be the same on every page

12. DESIGN TIPS White Space Page should be evenly distributed Allow some space between graphics and text so the page doesn’t look cluttered Use squint test Stand back, squint eyes and see how it looks from that view for layout and white space

13. DESIGN TIPS Have a paper plan! Apply KISS principle (Keep It Simple Stupid!)

14. GRAMMAR & SPELLING PROOF, PROOF, PROOF… REVISE, REVISE, REVISE … To, Too, Two Your, You’re Good Luck!!