wd131 unit 8 module 3 visual hierarchy for the web

4
In website design both the size and the placement of text determines hierarchy. Items at the top and bottom of the page attract more attention than text at the side. Hierarchy WD131: Fundamentals of Design Unit 8: Visual Hierarchy Module 3: Visual Hierarchy for the Web

Upload: kateridrex

Post on 13-Apr-2017

132 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Wd131 unit 8 module 3 visual hierarchy for the web

In website design both the size and the placement of text determines hierarchy. Items at the top and bottom of the page attract more attention than text at the side.

Hierarchy

WD131: Fundamentals of DesignUnit 8: Visual HierarchyModule 3: Visual Hierarchy for the Web

Page 2: Wd131 unit 8 module 3 visual hierarchy for the web

This is due to page scanning patterns. Site visitors scan the page first to see if they are interested before fully reading the page.

Hierarchy

WD131: Fundamentals of DesignUnit 8: Visual HierarchyModule 3: Visual Hierarchy for the Web

Page 3: Wd131 unit 8 module 3 visual hierarchy for the web

The size of type on a page attracts attention. Larger items will override any inclination to read in a “normal” top down , left to right pattern.

Hierarchy

WD131: Fundamentals of DesignUnit 8: Visual HierarchyModule 3: Visual Hierarchy for the Web

Page 4: Wd131 unit 8 module 3 visual hierarchy for the web

Brighter colors stand out on screen more than greys and browns.

Hierarchy

WD131: Fundamentals of DesignUnit 8: Visual HierarchyModule 3: Visual Hierarchy for the Web