Visual Design Solutions: Principles and Creative Inspiration for Learning Professionals

List of Figures and Tables

Figures

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 ...