Visual hierarchy
What is it?
How can I get some?
Visual hierarchy
toolbox
Contrast
Size
Color & saturation
Texture

Salience (bottomup visual attention)

Alignment
Proximi...
Contrast
Size
Saturation
Texture
Contrast
Visual hierarchy
A few more tricks
Visual hierarchy

more?
http://www.slideshare.net/antikano/understanding-visual-hierarchy-in-web-design
http://www.slidesh...
show & tell
Affordance
Gestalt principles

Mental models

Visual hierarchy
Contrast
Size
Color & saturation
Texture

Align...
Visual hierarchy short lecture
Visual hierarchy short lecture
Visual hierarchy short lecture
Upcoming SlideShare
Loading in...5
×

Visual hierarchy short lecture

866

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
866
On Slideshare
0
From Embeds
0
Number of Embeds
1
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

    ×