Web Design Principles
What we know | What we need to know
What We Know
Analysis: The first stage in the ADDIE model of Instructional Design is analysis. One of the pieces of analysis you'll need to consider is your audience. Who is this site for and how does that change the design?
Hierarchy: Organize your information in a way that communicates it best. Use Headings and sub-headings to achieve clarity of hierarchy.
Typography: Using screen friendly and web friendly fonts and typefaces can help make your site more appealing.
Images: Images speak a thousand words.
Hypertext: Ensure your clicks are meaningful and they work. Links are the lifeblood of your site.
What We Need to Know

Grids and Columns

Additional Resources
- Creating Balanced Page Layouts - Short 7 tips for better layout design
- Guide to Page Layout Principles - Short article discussing the 6 principles of page layout design (alignment, balance, contrast, proximity, repetition and white space)
- Design Structure with Grids - Very in depth video walk-through of a designer talking about how he's using grids in his page layout for a website