Principles of Design, Applied to the Open Web

Transcript

1. Principles of Design Applied to the Open Web
2. Design e process of consciously optimizing a solution to help humans achieve a goal
3. Open Web Technologies anybody can contribute to that work together as the World Wide Web
4. e Principles Ideas that help us talk about design and why it works
5. 4 Principles Coined by Robin Williams Non-Designer’s Design Book
6. Contrast Repetition Alignment Proximity
7. Contrast Repetition Alignment Proximity
8. Contrast · Distinguish elements on the page · Guide your user’s eye
10. Current page highlighted New tweet button stands out
11. Repetition · Create design cohesiveness · Make your user comfortable
13. Same style for all navigation Navigation stays at the centre top
14. Alignment · Everything in its place · Help your user manage connections
16. Navigation on the left User controls on the right
17. Proximity · Group related things together · Help your user understand
19. Navigation grouped together User controls grouped together
21. Contrast Repetition Alignment Proximity
22. dailyblogtips.com/crapthe-four-principles-of-sound-design/ digital-web.com/articles/principles_of_design/ speakerdeck.com/u/thomasjbradley thinkvitamin.com/design/how-crap-is-your-site-design/ en.wikipedia.org/wiki/Design_elements_and_principles colorado.edu/AmStudies/lewis/Design/graprin.htm amazon.ca/dp/0321534042