Law of continuity• Items arranged on the page in alignment are perceived as belonging together.
Law of figure and ground separation• (= Law of prägnanz, or emergence): for a figure or concept to be perceived it must stand apart from the background. Thus some objects must take a prominent role, others fade into the background. In this way, a clear hierarchy amongst page elements can be established.
Use of contrastNo contrast clutteredKey elementsstand out
external consistency: the site is consistent with the client’s other *off-line] products
internal consistency: different parts of the site adhere to the same design approach
“A successful design is not merely a collection of small well-designed objects; rather, the objects should form a system that operates as a cohesive, consistent whole.” Jesse James Garrett, p.150
Style guide =A document that defines every aspect of a site’s visual design
• Global definitions: design grids, colour palettes, typography and logo specifications• Local definitions: standards for parts the site (e.g. ‘product catalogue’)• …• …• Interface elements• Navigation elements
Sources• http://www.interaction- design.org/encyclopedia/gestalt_principles_of_form_perception.ht ml• http://articles.sitepoint.com/article/develop-style-guide-site• http://www.alistapart.com/articles/writingainterfacestyleguide/• Mullet, K. and Sano D. (1994) Designing Visual Interfaces: Communication Oriented Techniques, Prentice Hall
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.