List of Figures and Tables


  1. 1.1 How we process visual information
  2. 2.1 A design process that takes you from idea to implementation
  3. 2.2 Small thumbnail sketches help you visualize ideas. Illustration by Kevin Thorn, NuggetHead Studioz
  4. 3.1 In most cases, a digital tablet provides more control and greater accuracy than a mouse when working with graphics
  5. 3.2 Design title screen templates to grab attention. Templates designed by the eLearning Brothers
  6. 3.3 Content template for providing expert opinions in text or audio. Cutout people from the eLearning Brothers
  7. 3.4 Example of a template for a drag-and-drop interaction. Template design by the eLearning Brothers
  8. 3.5 Sample template for a quote screen
  9. 3.6 Transparency information stored in an alpha channel allows graphics to appear non-rectangular
  10. 4.1 Properties of graphic space
  11. 4.2 Space conveys meaning. In this graphic, it creates a sense of loneliness
  12. 4.3 Notice the shape of the white space between elements
  13. 4.4 What catches your eye first? A three-level visual hierarchy
  14. 4.5 Random small areas of white space look unplanned (left). Try to move the space to the outside (right)
  15. 4.6 Parts of a grid
  16. 4.7 Types of grids: columnar (upper left), modular (upper right), and hierarchical (bottom)
  17. 4.8 Comparison of a photo using a central focal point, on the left, with one that uses the rule of thirds, on the right. Viewers typically find the off-center placement more interesting
  18. 4.9 A symmetrical design conveys equilibrium. Cutout person ...

Get Visual Design Solutions: Principles and Creative Inspiration for Learning Professionals now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.