5. 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.
Thursday, December 8, 2011 5
6. Getting people to do
something or feel a
certain way.
Thursday, December 8, 2011 6
7. Designer : People
::
Developer : Computers
Thursday, December 8, 2011 7
22. Elements of color
Hue = color
Saturation = amount of hue
Brightness = push towards white
Value = lightness / darkness of a color,
think along gray scales
Thursday, December 8, 2011 22
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
Thursday, December 8, 2011 29
30. 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
Thursday, December 8, 2011 30
31. Line - Shape - Volume
Thursday, December 8, 2011 31
32. Lines
• Create division
• Direct the eye
• Can be implied
Thursday, December 8, 2011 32
58. Visual hierarchy
• Equal Sizing = Same Importance
• Larger Items are more Important
• Placement of Elements
• Group Similar Elements
Thursday, December 8, 2011 58
59. More information
960 Grid: http://www.960.gs
Golden Ratio: http://bit.ly/9OIfnA (Paul Trani)
White Space (AlistApart): http://bit.ly/a0ebKf
Thursday, December 8, 2011 59
64. Typesetting
• Kerning – distance between two letters
• Tracking – distribution between
multiple characters
• Leading – distance between baselines
Thursday, December 8, 2011 64
65. Elements of a typeface
Baseline X-height
Serif Sans Serif
Descender Ascender
Thursday, December 8, 2011 65
66. More information
Typeface Elements: http://bit.ly/sOAOth
Fonts.com Glossary: http://www.fonts.com/
aboutfonts/glossary
Thursday, December 8, 2011 66
67. 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
Thursday, December 8, 2011 67
68. Interaction Design
10Principles of Interaction Design:
http://www.netmagazine.com/features/10-
principles-interaction-design
Deeper Thinking:
UX Movement http://uxmovement.com
Thursday, December 8, 2011 68
69. Antonio Holguin
Senior Designer @SmashingIdeas
@AntonioHolguin
http://swfhead.com < gonna be changing
Thursday, December 8, 2011 69