Using graphics effectively
Download
1 / 8

- PowerPoint PPT Presentation


  • 274 Views
  • Updated On :

Using Graphics Effectively Why Use Graphics: Visual Learning Show use of tools Show results of actions Present overviews Suggest uses/functions Make the abstract concrete Explain processes Support text Screen shots (windows, dialog boxes, etc.) Reports/results Photographs & drawings

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 '' - albert


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

Why use graphics visual learning l.jpg
Why Use Graphics: Visual Learning

  • Show use of tools

  • Show results of actions

  • Present overviews

  • Suggest uses/functions

  • Make the abstract concrete

  • Explain processes

  • Support text


Types of graphics l.jpg

Screen shots (windows, dialog boxes, etc.)

Reports/results

Photographs & drawings

Exploded drawings

Icons

Maps

Charts & diagrams

Graphs

Tables

Types of Graphics


Elements of graphics l.jpg

Rules & Lines

Straight

Consistent

Hierarchical

Size

1 page (rotate larger ones)

Crop for impact

Colors

Use meaningfully

Use consistently

Elements of Graphics

  • Title

    • Numbered

    • Listed

  • Labels (“callouts”)

    • Brief

    • Aligned

    • Consistent

  • Placement

    • Consistent

    • Close to relevant text


Meeting users needs l.jpg

Where is it? Graphics that locate key elements

Maps

Labeled illustrations

What is it? Graphics that illustrate concepts

Examples

Metaphors

Flow diagrams

How do I do it? Graphics that show process

Process diagrams

Where am I? Graphics that locate users

Maps

Progress bars

What’s the big picture? Graphics that summarize

Flow charts

Meeting Users’ Needs


Making things visual l.jpg
Making Things Visual

  • Show program/project elements

  • Illustrate abstract concepts

  • Make visuals clear and easy to read

    • Sized for viewing

    • Uncluttered


Making visuals effective l.jpg
Making Visuals Effective

  • Keep styles consistent (fonts, lines, boxes, etc.)

  • Use graphics as needed, not just because you can

  • Label graphics consistently

    • Labels shouldn’t hide graphics

    • Graphic shouldn’t hide labels

    • Labels should line up

    • Figure titles should be consistent


Making visuals effective cont d l.jpg

Rely on typographic techniques

Important things larger

Important things darker

Important things central

Important things sharper

Related things aligned

First left, later right

Lay out the image correctly

Use enough White space & boundaries (¼” - ½”)

Stay within margins

Size for readability

Larger is usually better

Making Visuals Effective (cont’d)


ad