effective visual design
Download
Skip this Video
Download Presentation
Effective Visual Design

Loading in 2 Seconds...

play fullscreen
1 / 27

Effective Visual Design - PowerPoint PPT Presentation


  • 300 Views
  • Uploaded on

Effective Visual Design. Margy Ingram Learning Technology Services University of Wisconsin-Stout. Objectives. Identify five principles of visualization Discuss at least twenty appropriate visual communication techniques Apply visual communication techniques in a presentation that you create.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Effective Visual Design' - Rita


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
effective visual design

Effective Visual Design

Margy Ingram

Learning Technology Services

University of Wisconsin-Stout

objectives
Objectives
  • Identify five principles of visualization
  • Discuss at least twenty appropriate visual communication techniques
  • Apply visual communication techniques in a presentation that you create
what is communication
What is Communication?

Message

Method

Media

methods
Methods
  • Formal
  • Informal
media
Electronic

Slides

Transparencies

Video

Flip Charts

Chalk Board

Posters

Handouts

Media
visualization process
Visualization Process

Systematic approach to the selection of the most appropriate methods and media to deliver your message

visualization process7
Visualization Process
  • Analyze your audience
  • Establish objectives
  • Develop presentation outline
  • Determine visualization needs
  • Evaluate the resources available
sources of visual media
Sources of Visual Media
  • Commercially produced media
  • Modify existing media
  • Design and produce customized media
is this a good visual
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 can’t determine what the important information is that the instructor is trying to get across.
principles of effective visual communication
Principles of Effective Visual Communication
  • Simple
  • Organized and compatible
  • Legible and readable
  • Appropriate graphics
  • Consistent
simple
Simple
  • Visuals should be conciseand functional
  • Visuals should
    • Highlight
    • Clarify
    • Condense
techniques
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
organized and compatible
Organized and Compatible
  • Logical sequence
  • Media integral to lesson
  • Visuals should reinforce verbal content
  • Focus attention
techniques14
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
legible and readable
Legible and Readable

Visuals should be readable to

everyone in the room

can you read this
Can You Read This?
  • Is this line visible?
  • IF IT’S 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 IT’S ALL CAPS DOES IT HELP?
  • HOW ABOUT SCRIPT IN ALL CAPS?
  • This is a san serif type, this is serif
techniques17
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
line spacing
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
type size
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

appropriate graphics
Appropriate Graphics
  • Select graphic elements to enhance communication
  • Graphics should not be used to simply be “cute” or to “take up space”
techniques21
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”
consistent
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.
techniques23
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
before the presentation
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
during the presentation
During the Presentation
  • Prepare audience
  • Use media appropriately
  • Make eye contact
  • Require participation
  • Observe reaction to presentation
    • Verbal and non-verbal
after the presentation
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!
ad