Currently Being Moderated

Web-Based Multimedia Design Presentation @ Rutgers (12/7/11)

ecboling Posted by ecboling in Using Multimedia for Communication & Education on Dec 6, 2011 1:11:19 PM

Hi, everybody. I'm giving a presentation at Rutgers University for the Rutgers Center for Literacy Development. The focus of the presentation is on Web-Based Multimedia Design for Educators. Thought I'd share the various websites that I'm using for the presentation in this blog. I've also created a number of documents where I've begun to list various multimedia resources. Please feel free to add to these documents and/or to create more of your own!


Erica Boling, Ph.D.

Associate Professor

Rutgers, The State University of New Jersey



Rutgers Graduate Certificate in Educational Technology (fully online)


Animoto (creating videos)


PhotoPeach (creating slideshows)


Screenr (screencasting)


My Animoto Introduction Video


Dorothea Lange's "Migrant Mother" Photos


"Rule of Thirds" Video


"Let the Drummer Kick" Typographic Animation


Flickr - Photographer's Choice - Hall of Fame


The Artist's Toolkit (interactive website)


Mayer's Principles for the Design of Multimedia Learning


White Space is Not Your Enemy: A Beginner's Guide to Communicating Visually through Graphic Web and Multimedia Design (book)


Design Basics Index (book)


Design Dossier: Graphic Design (book for kids)



NOTES from Presentation


Photo Analysis Questions (

  • WHO or WHAT do you see?
  • WHEN was the photo taken?
  • WHAT is happening?
  • WHERE was the photo taken?
  • WHY did the photographer select these particular elements to include in the photo?
  • What DON'T you see?
  • Why did the photographer emphasize certain elements and not others?
  • Why did the photographer take the photo from this angle?
  • What might the scene have looked like from another vantage point - from left, right, above, behind or below?


Good Graphic Design does four things…

  1. It captures attention.
  2. It controls the eye’s movement across the page or screen
  3. It conveys information
  4. It evokes emotion.

    (Golombisky & Hagen, 2010, p. 6)



  1. Space
  2. Line
  3. Shape
  4. Size
  5. Pattern
  6. Texture
  7. Value

    (Golombisky & Hagen, 2010, p. 6)




  1. Focal Point
  2. Contrast
  3. Balance
  4. Movement
  5. Rhythm
  6. Perspective
  7. Unity

    (Golombisky & Hagen, 2010, p. 6)



  1. COMPOSITION: The way in which the components of a design are visually combined and arranged. Composition takes into account placement, grouping, alignment, visual flow and the divisions of space within a layout.
  2. COMPONENTS: The visual elements used within a design. Photos, illustrations, icons, typography, linework, decoration, borders, and backgrounds are all components.
  3. CONCEPT: Abstract elements of theme, connotation, message and style. These intangible ingredients of a design or image are critical to its visual presentation and delivery of message.

       (Krause, 2004, p. 10)