Visual hierarchy short lecture

1,769 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,769
On SlideShare
0
From Embeds
0
Number of Embeds
856
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • What techniques are used here to achieve visual hierarchy? How is color used? Why is color used this way? (what’s important).
  • Visual hierarchy short lecture

    1. 1. Visual hierarchy What is it? How can I get some?
    2. 2. Visual hierarchy toolbox Contrast Size Color & saturation Texture Salience (bottomup visual attention) Alignment Proximity Density / White space Repetition Gestalt principles of visual perception
    3. 3. Contrast
    4. 4. Size
    5. 5. Saturation
    6. 6. Texture
    7. 7. Contrast
    8. 8. Visual hierarchy A few more tricks
    9. 9. Visual hierarchy more? http://www.slideshare.net/antikano/understanding-visual-hierarchy-in-web-design http://www.slideshare.net/stephenpa/see-what-i-mean http://www.slideshare.net/tbisaacs/see-what-i-mean-pt-2-case-studies
    10. 10. show & tell Affordance Gestalt principles Mental models Visual hierarchy Contrast Size Color & saturation Texture Alignment Proximity Density / White space Repetition

    ×