Upload
fife-college-halbeath
View
891
Download
1
Tags:
Embed Size (px)
Citation preview
IMD09117 and IMD09118 Web Design and Development Unit 4
Visual contrasts and perceptual organisation
Visual contrasts
Version A Unit 4 ©2008 Napier University
Visual contrasts are established by changing the perceptual qualities of the 8 retinal variables
These changes are perceived immediately and effortlessly
Visual contrasts
Version A Unit 4 ©2008 Napier University
size, dimension or scale, the relative size and measurement of an image
value
hue and saturation, the make up of colour co-ordination of value with added component of chroma
Visual contrasts
Version A Unit 4 ©2008 Napier University
direction or orientation
texture, optical or tactile, the surface characteristic of visual materials
shape
position
movement
Visual contrasts
Version A Unit 4 ©2008 Napier University
Size, dimension or scale
Visual contrasts
Version A Unit 4 ©2008 Napier University
Value, relative lightness or darkness
Visual contrasts
Version A Unit 4 ©2008 Napier University
Expresses emotions, form, space, movement as well as the illusion of light
Dark areas represent gloom, mystery,drama and menace
Light areas represent happiness, fun, gaiety, warmth and closeness
Value
Visual contrasts
Version A Unit 4 ©2008 Napier University
Hue and saturation
Visual contrasts
Version A Unit 4 ©2008 Napier University
Orientation or direction
Visual contrasts
Version A Unit 4 ©2008 Napier University
Texture
Visual contrasts
Version A Unit 4 ©2008 Napier University
Shape
Visual contrasts
Version A Unit 4 ©2008 Napier University
Position
Effective visual variables
Number of dimensions
Scale of measurement for each dimension
Length
Version A Unit 4 ©2008 Napier University
Information in a visual display is characterised by
Effective visual variables
Nominal
Associative
Selective
Ordered
Quantitative
Version A Unit 4 ©2008 Napier University
Scale of measurement
Effective visual variables
A visual variable is associative if it does not affect the visibility of other dimensions
Otherwise dissociative
Version A Unit 4 ©2008 Napier University
Associative perception
Effective visual variables
Which dimensions are associative?
Which dimensions are dissociative?
Version A Unit 4 ©2008 Napier University
Associative perception
Effective visual variables
Version A Unit 4 ©2008 Napier University
Selective perception
A visual variable is selective if it effortless to isolate one particular instance of a variable
Effective visual variables
Version A Unit 4 ©2008 Napier University
Selective perception
Which dimensions are selective?
Which dimensions are not selective?
Effective visual variables
Version A Unit 4 ©2008 Napier University
K
NK
M
K
Z
K K
Z
Z
Z
K
N
M
N
K
Effective visual variables
Version A Unit 4 ©2008 Napier University
K
NK
M
K
Z
K K
Z
Z
Z
K
N
M
N
K
Effective visual variables
Version A Unit 4 ©2008 Napier University
Ordered perception
Objects should be able to be put into ranked order based on the visual variable
Immediately obvious and easy
No need for a key
Effective visual variables
Version A Unit 4 ©2008 Napier University
Ordered perception
Which variables are ordered in human perception?
size, value, hue, orientation, texture, shape or position?
Effective visual variables
Version A Unit 4 ©2008 Napier University
Ordered perception
Effective visual variables
Version A Unit 4 ©2008 Napier University
Quantitative perception
Viewer can see the relative value differences based on the visual variable
Immediately obvious and easy to calculate
No need for a key
Effective visual variables
Version A Unit 4 ©2008 Napier University
Quantitative perception
Which variables are quantitative in human perception?
size, value, hue, orientation, texture, shape or position?
Effective visual variables
Version A Unit 4 ©2008 Napier University
Length of the variables
The visual variables differ in length
Number of discernibly different measurement levels each can support
Effective visual variables
Version A Unit 4 ©2008 Napier University
Length of the variables
Arrange the visual variables size, value, hue, orientation, texture, shape or position in order of their length.
Effective visual variables
Version A Unit 4 ©2008 Napier University
Length of the variables
Shape
Position
Size and hue
Value and texture
Orientation
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Gestalt principlesProximity
Similarity
Continuity of direction
Closure
Common fate
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Proximity
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Proximity
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Similarity
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Similarity
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Similarity
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Similarity
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Continuity of direction
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Continuity of direction
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Closure
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Closure
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Closure
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Common fate
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Experience
EE
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Experience
EE
Perceptual organisation
Version A Unit 4 ©2008 Napier University
Experience
Summary
Version A Unit 4 ©2008 Napier University
Perceptual qualities: size, value, hue, orientation, texture, shape, position and movement.
Visual display can be characterised by the number of dimensions, their length and the scale of the measurement.
Summary
Version A Unit 4 ©2008 Napier University
Scale of measurement can be associative, selective, ordered or quantitative.
Perceptual organisation considers the grouping of objects including proximity, similarity, continuity, closure and common fate. Experience is also used