Foundation of graphic design

1. MODULE1
FOUNDATIONS
EDT 630: MULTIMEDIA DESIGN & DEVELOPMENT

2. WHAT ARE INSTRUCTIONAL
GRAPHICS?
Instructional graphics are
Iconic expressions of
content that are designed to
optimize learning and
performance in ways that
improve the bottom-line
performance of
organizations

3. GRAPHIC SELECTION
• The selection of the most effective graphics
depends on the three major factors,
including the features of the graphics, the
goal of instructions, and the learner
differences.
These factors are described below.

4. FACTORS OF GRAPHIC SELECTION
Graphic Features
Surface
Communication
Psychological
Instructional Goals
Provide Memory Support
Build Mental Models
Teach Specific Content
Learner Differences
Prior Knowledge
There are three factors of graphic selection, these are:

5. SURFACE FEATURES
STATIC ART
• Illustration
• Photographic
• Modeled
DYNAMIC ART
• Animation
• Video
• Augmented Reality (AR)
• Virtual Reality (VR)

6. COMMUNICATION FUNCTIONS
Mnemonic
Representational
Explanatory- This function is used to illustrate/inform/depict/compare or show. There are
four sub-functions under this category.
Organizational Relational Tranformational Interpretive
Decorative

7. COMMUNICATION FUNCTIONS
Decorative- This function adds aesthetic appeal, such as clip art or a
page border.

8. COMMUNICATION FUNCTIONS
Representational- Realistically depict an object or phenomenon,
such as
equipment photograph or a high-level equipment diagram.

9. COMMUNICATION FUNCTIONS
Mnemonic- -Provide retrieval cues, such as a picture of an apple to
teach
the pronunciation of the letter “A”.

10. COMMUNICATION FUNCTIONS
Organizational-Depicts qualitative relationships, such as matrices or
organizational tree.

11. COMMUNICATION
FUNCTIONS
Relational-
This function
depicts
quantitative
relationships.

12. COMMUNICATION
FUNCTIONS
• Transformation
al- Shows changes
in something over
time, such as a
weather cycle.

13. COMMUNICATION FUNCTIONS
Interpretative- Illustrate a theory or cause-and-effect, such as detailed
equipment schematic or animated chemical reactions.

14. PSYCHOLOGICAL FUNCTIONS
ATTENTION
SUPPORT
ACTIVATE /
LEVERAGE PRIOR
KNOWLEDGE
MINIMIZE COGNITIVE
LOAD
4. Build Mental Models
5. Support Transfer of
Learning
6. Support Motivation
Cognitive Psychological Function: How, when, and where the visuals interact
with the process of learning.

15. INSTRUCTIONAL GOALS
Content drives
graphic selection
Content and
graphics support
goals
The actual content and instructional goals of the lesson determine
the appropriateness of the visuals.

16. VISUAL DESIGN MODEL
Apply Apply Principles of Psychological Instructional Events- Utilize
psychology to guide the design of the visual.
Identify Identify Communication Function Needed to Match Content Types-
Define how best to relay the message based on content type.
Design
Design Visual Approach- Identify basic requirements for graphics, look,
feel, and
delivery of the message.
Determine Determine Context- Audience, delivery medium, resources, governance,
constraints, etc.
Define Define Goals- Inform, motivate, associate knowledge, etc.

17. 3 FACETS
OF
GRAPHICS
Treatment
• The standardized look and
feel
Layout
• Integration of content into
the Treatment
Individual Graphic(s)
• Graphic assets and
instructional objects

18. • GIMP
• Audacity
• Windows
Movie Maker
• Microsoft
Word
• Microsoft
Excel
• Microsoft
PowerPoint
USEFUL TOOLS TO USE IN
MULTIMEDIA AND DESIGN

19. REFERENCE
• Clark, R. C. C., & Lyons, C. (2010). Graphics for learning: Proven
guidelines for planning, designing, and evaluating visuals in training
materials - (2nd ed.). San Francisco, CA:
Wiley, John & Sons.
• Cftvanderbiltuniversity. (2018, May 7). Making Better PowerPoint
Presentations. Retrieved from https://cft.vanderbilt.edu/guides-sub-
pages/making-better-powerpoint-presentations/Links to an external site.
•