Principles of Effective Visual Design - PowerPoint PPT Presentation

View by Category
About This Presentation
Title:

Principles of Effective Visual Design

Description:

Principles of Effective Visual Design Margy Ingram Learning Technology Services University of Wisconsin-Stout – PowerPoint PPT presentation

Number of Views:94
Avg rating:3.0/5.0
Slides: 28
Provided by: Marga195
Learn more at: http://businesscommunicationnetwork.com
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Principles of Effective Visual Design


1
Principles of Effective Visual Design
  • Margy Ingram
  • Learning Technology Services
  • University of Wisconsin-Stout

2
Objectives
  • Identify five principles of visualization
  • Discuss at least twenty appropriate visual
    communication techniques
  • Apply visual communication techniques in a
    presentation that you create

3
What is Communication?
  • Message

Method Media
4
Methods
  • Formal
  • Informal

5
Media
  • Electronic
  • Slides
  • Transparencies
  • Video
  • Flip Charts
  • Chalk Board
  • Posters
  • Handouts

6
Visualization Process
  • Systematic approach to the selection of the most
    appropriate methods and media to deliver your
    message

7
Visualization Process
  • Analyze your audience
  • Establish objectives
  • Develop presentation outline
  • Determine visualization needs
  • Evaluate the resources available

8
Sources of Visual Media
  • Commercially produced media
  • Modify existing media
  • Design and produce customized media

9
Is this a Good Visual?
  • This text is too small to read effectively.
  • The type style not appropriate.
  • There are too many pieces of information on the
    visual and you cant determine what the important
    information is that the instructor is trying to
    get across.

10
Principles of Effective Visual Communication
  • Simple
  • Organized and compatible
  • Legible and readable
  • Appropriate graphics
  • Consistent

11
Simple
  • Visuals should be conciseand functional
  • Visuals should
  • Highlight
  • Clarify
  • Condense

12
Techniques
  • Use a horizontal format
  • One concept per visual
  • Use key words
  • Separate points
  • Use graphics instead of words
  • MIB - Make it Big
  • KIS - Keep it Simple

13
Organized and Compatible
  • Logical sequence
  • Media integral to lesson
  • Visuals should reinforce verbal content
  • Focus attention

14
Techniques
  • Outline presentation
  • Determine where visuals are essential
  • When not in use, turn media off
  • Use builds to sequence presentation
  • Focus attention by pointing
  • Incorporate pauses
  • Use transitions between visuals

15
Legible and Readable
  • Visuals should be readable to
  • everyone in the room

16
Can You Read This?
  • Is this line visible?
  • IF ITS ALL CAPS DOES IT HELP?
  • Do you find this typestyle easy to read?
  • This is readable type, the color is wrong.
  • Does it help to underline a whole sentence or a
    paragraph of type?
  • IF ITS ALL CAPS DOES IT HELP?
  • HOW ABOUT SCRIPT IN ALL CAPS?
  • This is a san serif type, this is serif

17
Techniques
  • No more than 3 typefaces (2 preferred)
  • Minimum type size is 18 point
  • Use a Gothic (sans serif) or Roman (serif)
    typeface of medium weight
  • Use bold, italic or color for emphasis
  • Select type color to contrast with background
  • Space lines appropriately

18
Line Spacing
  • Text is difficult to read when the lines are
    positioned too close together
  • Too much space between lines make the though
    seem disconnected
  • Text is most legible when the line separation is
    about 1 1/2 times the letter height

19
Type Size
  • This is 12 point type
  • This is 18 point type
  • This is 24 point type
  • This is 30 point type
  • This is 36 point type
  • This is 48 point type
  • This is 60 point type

20
Appropriate Graphics
  • Select graphic elements to enhance communication
  • Graphics should not be used to simply be cute
    or to take up space

21
Techniques
  • Separate or highlight information using
  • shapes
  • lines
  • color
  • Use graphs not of tables of numbers
  • Use clip art sparingly
  • Use cartoons with caution
  • Allow for white space

22
Consistent
  • Visuals should flow from one to another, giving a
    consistent look to the presentation.
  • Information should be presented in a consistent
    and accurate manner.

23
Techniques
  • Keep all backgrounds consistent
  • Proof read everything - twice - then have someone
    else proof it!
  • Preview presentation checking consistency in
    typefaces, colors, etc.
  • Check other material used in lesson to ensure
    consistent information
  • Create handouts

24
Before the Presentation
  • Preview all media
  • Check electronic presentation computer system in
    room
  • Check visuals on room screen
  • Check all equipment
  • Check lighting and seating
  • Have a back-up plan

25
During the Presentation
  • Prepare audience
  • Use media appropriately
  • Make eye contact
  • Require participation
  • Observe reaction to presentation
  • Verbal and non-verbal

26
After the Presentation
  • Evaluate the presentation
  • Determine ways to improve the presentation
  • Make notes on how to revise the media
  • Do it before you forget!

27
Have Fun!
About PowerShow.com