List of Figures and Tables
- 1.1 How we process visual information
- 2.1 A design process that takes you from idea to implementation
- 2.2 Small thumbnail sketches help you visualize ideas. Illustration by Kevin Thorn, NuggetHead Studioz
- 3.1 In most cases, a digital tablet provides more control and greater accuracy than a mouse when working with graphics
- 3.2 Design title screen templates to grab attention. Templates designed by the eLearning Brothers
- 3.3 Content template for providing expert opinions in text or audio. Cutout people from the eLearning Brothers
- 3.4 Example of a template for a drag-and-drop interaction. Template design by the eLearning Brothers
- 3.5 Sample template for a quote screen
- 3.6 Transparency information stored in an alpha channel allows graphics to appear non-rectangular
- 4.1 Properties of graphic space
- 4.2 Space conveys meaning. In this graphic, it creates a sense of loneliness
- 4.3 Notice the shape of the white space between elements
- 4.4 What catches your eye first? A three-level visual hierarchy
- 4.5 Random small areas of white space look unplanned (left). Try to move the space to the outside (right)
- 4.6 Parts of a grid
- 4.7 Types of grids: columnar (upper left), modular (upper right), and hierarchical (bottom)
- 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
- 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.