Tag Archives: Point Of Interest

Static and Kinetic Screen – Module Two

✄ – – – – Using What You Know!! – – – – 

The composition of visual elements : Visual Hierarchy.

1. Info-graphics (Guiding users through the use of information and content within visuals) –

  • Navigation
  • Mapping
  • Information Architecture
★ Graphic Design  ➔  Information Design  ➔  Interactive Design ★
a. Signage


b. Interactive Structures (Electronic Directories)












Image Source: 

2. Visual – Spatial Design (Gestalt Principles)

  • How information are grouped on the page
  • How visual elements on the page are interrelated
*so the information functions collectively as a whole, instead of being in bits and pieces.
a. Points of Interest
  • the focus point within the composition
  • works as the leader of the visual hierarchy
  • should not overtake the whole composition
  • should not be too weak or hidden
b. Contrast

  • the light and dark areas within the visual
  • the difference between visual elements within a work (i.e: the opposing nature)

c. Tone

  • The relative lightness and darkness of a colour
  • most often used to weaken or strengthen the point of interest
d. Scale and Weight
  • the relative size of the graphic form
  • it is closely related to the perspective and depth of the graphics
  • the dominance of size of graphic forms, which causes eye- tracking
  • An illusion of foreground and background of the graphics
e. Colour
  • effective use of colour can define areas and topics, as well as creating space between different informations.

f. Typography 

  • Legibility: How clear is the text visually? (the size of the text)
  • Readablilty:  The degree of the meaning of text is understandable, visually and conceptually. (user’s interpretation of the information)

Information Reference: Hughes, Greg. “Module 2: Using What You Know” Lecture. The Static and Kinetic Screen. 16 Mar. 2012. Web. 23 Mar. 2012.


Tags: , , , , ,