Visual Hierarchy

         Related things spatially close

         Use bounding shapes

         Headlines to guide the eye

         Contrast in size, shape, color, texture, motion

 

 

 

 

 

Imagery

         Clip Art - use it selectively

         Find images distinct in terms of color, texture, size etc.

         Leverage image differences to support your story

         Animated GIFs: vary timing, long pauses

         Create your own animations

 

 

 

 

 

Typographic Heuristics (Lecture 3)

         Sans Serif type is better, easier to read on screen

         7 - 10 words per line

         Column width proportional to type size

         Bold and italic used for small blocks of text

         Enough contrast between type and background

 

 

 

prev