Skip to content Skip to navigation

Connexions

You are here: Home » Content » Graphics and when not to use images

Navigation

Content Actions

  • Download module PDF
  • Add to ...
    Add the module to:
    • My Favorites
    • A lens
    • An external social bookmarking service
    • My Favorites (What is 'My Favorites'?)
      'My Favorites' is a special kind of lens which you can use to bookmark modules and collections directly in Connexions. 'My Favorites' can only be seen by you, and collections saved in 'My Favorites' can remember the last module you were on. You need a Connexions account to use 'My Favorites'.
    • A lens (What is a lens?)

      Definition of a lens

      Lenses

      A lens is a custom view of Connexions content. You can think of it as a fancy kind of list that will let you see Connexions through the eyes of organizations and people you trust.

      What is in a lens?

      Lens makers point to Connexions materials (modules and collections), creating a guide that includes their own comments and descriptive tags about the content.

      Who can create a lens?

      Any individual Connexions member, a community, or a respected organization.

      What are tags? tag icon

      Tags are descriptors added by lens makers to help label content, attaching a vocabulary that is meaningful in the context of the lens.

    • External bookmarks
  • E-mail the author
  • Rate this module (How does the rating system work?)

    Rating system

    Ratings

    Ratings allow you to judge the quality of modules. If other users have ranked the module then its average rating is displayed below. Ratings are calculated on a scale from one star (Poor) to five stars (Excellent).

    How to rate a module

    Hover over the star that corresponds to the rating you wish to assign. Click on the star to add your rating. Your rating should be based on the quality of the content. You must have an account and be logged in to rate content.

    (0 ratings)

Lenses

What is a lens?

Definition of a lens

Lenses

A lens is a custom view of Connexions content. You can think of it as a fancy kind of list that will let you see Connexions through the eyes of organizations and people you trust.

What is in a lens?

Lens makers point to Connexions materials (modules and collections), creating a guide that includes their own comments and descriptive tags about the content.

Who can create a lens?

Any individual Connexions member, a community, or a respected organization.

What are tags? tag icon

Tags are descriptors added by lens makers to help label content, attaching a vocabulary that is meaningful in the context of the lens.

This content is ...

In these lenses

  • TWU Distance Education display tagshide tags

    This module is included inLens: Texas Woman's University Distance Education Lens
    By: Keith RestineAs a part of collection:"Visual Design for Distance Education Content"

    Comments:

    "Information about designing a visually appealing course"

    Click the "TWU Distance Education" link to see all content selected in this lens.

    Click the tag icon tag icon to display tags associated with this content.

Recently Viewed

This feature requires Javascript to be enabled.

Tags

(What is a tag?)

These tags come from the endorsement, affiliation, and other lenses that include this content.

Graphics and when not to use images

Module by: Robin Bartoletti

Summary: Graphics and when not to use images

Graphics for Blackboard

There are two main types of graphics you may want to use in your course:

1) a banner and

2) those that help to illustrate points in the content of your lessons.

Banner

A banner is an image that can appear on your course opening page. A banner can:

  • establish identity
  • achieve a unified look
  • aid the user's ability to recognize and navigate through your site

For example, here is a sample banner created by Distance Education.

Figure 1
Figure 1 (graphics1.png)

You may not think a visual cue such as a banner is valuable, but think what it would be like if all of our road signs looked exactly alike. From a distance you recognize immediately from both the shape and color of a sign what's coming up in the roadway. If stops, yields, and other signals were placed on signs of exactly the same shape and colors, you would not be able to determine what was required of you as quickly! Think of your course banner as a roadsign for your course.

Illustrative Graphics

The second type of graphics you will probably use in your course are illustrative. Occasionally you will find it necessary to demonstrate points both visually as well as verbally. Illustrations, graphs, maps, diagrams, and photographs are among the kinds of illustrative matter you can use to help students understand important points in your lessons.

When Not to Use Illustrative Graphics

Do not use graphics for the sole purpose of putting an image on the page. Some pages of your lesson don't need them, and your students will be confused to see an image that doesn't bear any relationship with the content (unless it's part of the design template). So, use common sense and be purposeful with your image choices. If an image is the best way to get a point across, then it's a good idea to put it in the lesson.

Rules of Thumb

When looking for illustrative graphics, be sure that you:

  • Select graphics that will illustrate your points well.
  • Select images that are saved in file formats specifically for the Web (.gif or .jpg).
  • Use small versions or "thumbnails" on a lesson page and link to larger or more detailed versions on a separate page.
  • Obtain necessary permission to use copyrighted materials.

Dr. Ruth Clark uses empirical evidence to discuss the impact of visuals on learning in her book e-Learning and the Science of Instruction. While relevant visuals can improve learning up to 90%, ineffective visuals often serve no useful instructional purpose and can actually impair learning. So, extraneous, decorative graphics should be avoided, even if the graphic is interesting to look at.

Two research based scenarios regarding graphics that Dr. Clark recommends do improve learning are:

Multimedia Principle - use words and graphics rather than words alone. Based on cognitive theory and research, including relevant, related written or spoken text and explanative graphics will promote learning. (Clark, p. 51)

Contiguity Principle - Place corresponding words and graphics near each other. When applying the Multimedia Principle, have as little physical separation between the text and the graphic as possible. (Clark, p. 67)

Where to Get Graphics

There are several ways to get graphics for your course. We are going to discuss:

  • Making your own.
  • Find them in a copyright free digital collection on the Web
  • Creative Commons
  • Copyrighted images

Making Your Own Graphics

We all have different talents, skills, and interests. Some of you may already have experience creating graphics using design software or have used digital cameras and photo editing software to create and manipulate photographs. If so, you may be comfortable preparing graphics for your lessons. Your #1 goal should be to create a graphic of the highest quality and lowest file size possible. Use the following guidelines when creating your own graphics to accomplish this:

  1. Use JPEG file format for saving photographs or images with a wide range of colors. This will allow you to get the highest quality and smallest file size.
  2. Use GIF file format for images that use just a few colors or have large areas of flat colors. For these kinds of images, GIF will be much smaller and just as high quality.
  3. Crop unnecessary white space or borders around an image. These areas just take up space.
  4. Save the image at the size you will use within the page. Do not specify image size in the Web page editor or HTML. Allowing the browser to resize the image will result in poor quality and longer download time.
  5. Save images using a resolution no higher than 72 ppi. Monitors will not display resolutions any greater, so if you save at a higher resolution, you're wasting space.

Not everyone has the time or inclination to make their own graphics, please continue to find out how to use digital collections on the Web.

Find images in a copyright free digital collection on the Web

Digital image collections on the Web are becoming more commonplace and covering a wide range of subjects. Images in these collections fall into two categories:

  • images in the public domain
  • images that are copyright protected

Images in the Public Domain

Images in the public domain are the easiest to work with because you don't have to worry about crediting a source or violating copyright. However, such images can be difficult to find. Please go to the Conclusion, and then Public Domain Images to access a few digital libraries that contain images in the public domain.

Creative Commons

In addition to these collections, you may find collections that other instructors or researchers in your own field have assembled and will allow you to use for teaching purposes. A common copyright license applied to such images is called Creative Commons (CC). The Creative Commons is a non-profit organization devoted to expanding the range of creative work available for others legally to build upon and share. It enables copyright holders to grant some of their rights to the public while retaining others through a variety of licensing and contract schemes including dedication to the public domain or open content licensing terms. The intention is to avoid the problems current copyright laws create for the sharing of information. For more information on Creative Commons and finding materials in various collections, see Creative Commons in Education from Infinite Thinking.

Copyrighted Images

If you want to use an image that is protected by copyright, your options are to obtain permission from the copyright holder or justify use under the TEACH Act or Fair Use Guidelines. If you want to use an image that is copyrighted, you must investigate whether or not it may be used by applying the guidelines set forth in the TEACH Act. It is important to become familiar with these guidelines.

Some images can be licensed for a fee. Most commonly you will find such images in stock photo collections, such as Fotosearch. Additionally, newspaper or periodical publishing houses will allow you to use their images for a fee. Often you must contact their rights and reproductions departments for a price quote.

Comments, questions, feedback, criticisms?

Send feedback