Embed Size (px)
DESCRIPTION
Week 3 additional notes
Citation preview
IMD09117 and IMD09118 Web Design and Development Unit 3
Presentation design and visual components
Presentation design
Version A Unit 3 ©2008 Napier University
Interaction Information
Presentation
Presentation design
information design
interaction design
evaluation design
presentation design
Version A Unit 3 ©2008 Napier University
Designing a computer system
Presentation design
Presentation design is concerned with
how the system should look
defining style and layout
producing prototypes
making it engaging and understandable
Version A Unit 3 ©2008 Napier University
Role of presentation
Presentation can help to
maintain consistency
educate users
establish relationships between content
create emphasis and focus
give a system personality
establish a sense of placeVersion A Unit 3 ©2008 Napier University
Role of presentation
Presentation can help to
provide situational awareness
provide clarity
provide emotional impact
engage and invite users
explain organisation
guide usersVersion A Unit 3 ©2008 Napier University
Visual literacy
humans are biased towards visual information
visual information is more memorable
verbal literacy v visual literacy
visual literacy is ability to understand and produce visual messages
input and output strategiesVersion A Unit 3 ©2008 Napier University
Visual components
the point or dot
the line
the basic shapes of the square, circle and triangle
Version A Unit 3 ©2008 Napier University
Visual elements
The point or dot
Smallest graphical unit
Without dimension, space or form
Acts as a focus
Can trigger emotions
Version A Unit 3 ©2008 Napier University
The point or dot
Version A Unit 3 ©2008 Napier University
The point or dot
Version A Unit 3 ©2008 Napier University
Static
Active
Passive
Dynamic
Exciting
Calm
Sad
Happy
Heavy
Floating
Near
Far
Entering
Exiting
The point or dot
Version A Unit 3 ©2008 Napier University
The point or dot
Version A Unit 3 ©2008 Napier University
The point or dot
Version A Unit 3 ©2008 Napier University
The point or dot
Version A Unit 3 ©2008 Napier University
The point or dot
Version A Unit 3 ©2008 Napier University
The point or dot
Version A Unit 3 ©2008 Napier University
Direct attention to a specific point
The point or dot
Version A Unit 3 ©2008 Napier University
Emphasise key ideas
The point or dot
Version A Unit 3 ©2008 Napier University
Represent a more complicated object or idea
The point or dot
Version A Unit 3 ©2008 Napier University
Form images
The point or dot
Version A Unit 3 ©2008 Napier University
Form images
The point or dot
Version A Unit 3 ©2008 Napier University
Exclusion, hierarchy, tension, motion, happiness, order, gathering, flight, conflict, noise, confused
A B C D E
The point or dot
Version A Unit 3 ©2008 Napier University
Suggest motion and direction
The point or dot
Version A Unit 3 ©2008 Napier University
Form a line
The line
Is a dot in motion or the history of a dot
contains energy, not static
can join, surround, support or intersect other visual elements
can express a wide variety of emotions
Version A Unit 3 ©2008 Napier University
A line
Characteristics of a line
Version A Unit 3 ©2008 Napier University
Positive, growing, dynamic, entering, leaving, depressing, unusual, deteriorating, powerful.
A B C D E
Characteristics of a line
Version A Unit 3 ©2008 Napier University
A horizontal line
Characteristics of a line
Version A Unit 3 ©2008 Napier University
A vertical line
Characteristics of a line
Version A Unit 3 ©2008 Napier University
A diagonal line
Multiple lines
Version A Unit 3 ©2008 Napier University
Multiple lines
Version A Unit 3 ©2008 Napier University
Basic shapes
Version A Unit 3 ©2008 Napier University
A circle
Basic shapes
Version A Unit 3 ©2008 Napier University
A square
Basic shapes
Version A Unit 3 ©2008 Napier University
A triangle
Summary
Version A Unit 3 ©2008 Napier University
Information, interaction, evaluation and presentation design
role of presentation
visual literacy
The power of the point, the line and basic shapes
