4. An execution of a plan through
patterned, organized and
understood emotional,
psychological and physiological
human responses through either
conscious or sub-conscious
communication based on visual,
physical, and auditory cues.
21. Elements of Color
Hue = color
Saturation = amount of hue
Brightness = push towards white
Value = lightness / darkness of a color,
think along gray scales
29. Color Harmonies
Analogous – adjacent on color wheel
Complementary – opposite hue
Monochromatic – within the same hue
Triad – 3 of equal distance on wheel
Neutral – not found on color wheel
30. Color Paring
Some colors go well together
Some do not
Pairing gives relevance to another concept
35. More Information
Color Principles http://www.ncsu.edu/scivis/lessons/colormodels/
color_models2.html
Color Harmony http://kuler.adobe.com/#create
Basic Color Theory
http://www.colormatters.com/color-and-design/basic-color-theory
In fact, check out all of Colormatters.com
62. Visual Hierarchy
• Equal Sizing, Color/Value, Weight
! ! ! ! ! ! ! ! ! ! =
! ! ! ! ! ! Same Importance
• Larger Items are more Important
• Placement of Elements
• Group Similar Elements
63.
64. More Information
960 Grid http://www.960.gs
Golden Ratio http://bit.ly/9OIfnA (Paul Trani)
White Space http://bit.ly/a0ebKf (AlistApart)
67. Fonts and styles
• Serif • Italic
• San Serif • Bold
• Monospaced • Thin/Light
• Script • THick
• Non Latin Alphabets
• Never to be used, ever at penalty of death
68.
69. Typesetting
Kerning – distance between two letters
Tracking – distribution between
multiple characters
Leading – distance between baselines
70. Elements of a Typeface (some)
Baseline X-height
Serif Serif Sans
Descender Ascender
72. More Information
What should I look for in a UI typeface?
http://bit.ly/pWxY3s
Why you should care about Typography (check
out the “What it’s saying” section)
http://bit.ly/ohghLY
73. Interaction Design
10 Principles of Interaction Design:
http://www.netmagazine.com/features/10-principles-
interaction-design
Deeper Thinking
UX Movement http://uxmovement.com