ACTIVITY TIME!

Gaya, Gaya, Puto

Maya!
 DIRECTIONS:
The students will make a simple
replica of an effective power
point slide. They will be given
materials and other resources
needed.
Considerations
 What to Discuss?
What are Visual Aids?
What are the attributes of an effective
Visual Aids?
What is Visual Design?
What are the things to consider in Visual
Design?
 What are
Visual Aids?
Pictures
Pictures
Models
Models
Graphs & Charts
Graphs & Charts
 Visual aids are essential to helping your audience
better understand the key points of your
presentation.

Visual aids will also help to improve the attention

span of audience members during the
presentation. However, it is important that
presenters use visual aids in a manner that does
not distract from the overall presentation.
What are the
attributes of
an effective
Visual Aids?
An effective visual aid will include the following
attributes:

Easily seen or heard by the audience

Easily handled
Aesthetically pleasing
Easy to understand the key point
Act as a supplement to the speaker's message and
not a replacement
What is
Visual
Design?
 Visual design focuses on the aesthetics of a site
and its related materials by strategically
implementing images, colors, fonts, and other
elements.

A successful visual design does not take away from

the content on the page or function. Instead, it
enhances it by engaging users and helping to build
trust and interest in the brand.
What are the
things to
consider in
Visual Design?
 Element Pattern

Arrangement
 Element Pattern

Arrangement
 Elements- Selecting the verbal/visual element
to be incorporated into display.
Pattern- choosing an underlying pattern for
the elements of display.
Arrangement- Arranging the individual
element within the underlying pattern.
Element
 Visual Design Element
Realistic- Show the actual object to study. The more
realistic, the more close to the original.
 Visual Design Element
Analogic- convey topic by showing something else and
implying similarity. (e.g. Human memory and computer
memory).
 Visual Design Element
Organizational- such as flowcharts, graphs, maps
classification charts.
 Verbal Element
Letter Style- It should be consistent and harmonize with
other visual elements. Straight forward and plain style.
 Verbal Element
Number of Lettering Styles- not more than 2 different
type styles. Limit Variations (bold, italic, underline, size,
changes) to four.
 Verbal Element
Capitals- Use lower case letters. Adding Capitals when it
is necessary. Headlines can be capital but not more than 3
words.
 Verbal Element
Color of Lettering- The lettering color should contrast
the background. Think about your audience.
Color of Lettering- The lettering color should
contrast the background. Think about your
audience.
 Verbal Element
Size of Lettering- Rule of thumb: Make Lower case letters
inch high for each 10 feet of viewer distance.
 Verbal Element
Space between letters- Consider Optical Spacing.
Estimating approximately equal amounts of with space
between letters.
 Verbal Element
Spacing between lines- Letters should not be too
cramped or too widely separate. Text is most legible when
separation is 1 times average letter height.
 Adds Appeal
Surprise- Think unusual metaphor, a dramatic change of
size.
 Adds Appeal
Texture- Use 3 dimensional visuals (if possible). It can
convey clearer idea.
 Adds Appeal
Interaction- R of the ASSURE MODEL. Ask learners to
respond visual displays by manipulating materials on the
display.
Pattern
 Alignment
Balanced Alignment.
Same Imaginary horizontal and vertical line.
Viewer expends little effort making sense out of what
they are seeing.
 Balance
The weight of the elements in a display is equally
distributed whether horizontally or vertically.
 Shape
Put and arrange visual into shape that familiar to
learner.
Simple geometric figure circle, rectangle
Rule of Thirds
 Style
Simple, uncluttered.
Primary color for children.
Realistic color for adult.
 For Adults

For Kids
 Color Scheme
Consider the harmoniousness of the color wheel
 Color Appeal
Consider warm and cool color.
Warm color- active learner, children,
Cool Color- Thoughtful learner, adult.
Consider cultural basis.
Arrangement
 Proximity
Element that is close to each other is related and vice
versa.
 Directional
can be used to direct attention. Eye movement
pattern.
E.g., Arrow, bold, bullet.
 Figure
Ground contrast- Wording should contrast to the
background.
Visual
Design
Visual
Design
 Consistency
Consistent in the arrangement of the elements. Place
similar element in similar location. Use same text for
headlines.
 Visual
Design
Visual Design
Visual Design
Visual Design
 What did you learn from the
discussion and how are you going to
apply it in your future profession?
Any questions?
 References
Visual Principles. Retrieved, July 15, 2017, from
<https://www.slideshare.net/Izaham/visual-principles>
Visual Principles. Retrieved, July 15, 2017, from
<https://www.slideshare.net/renzaldin/visual-principles-
11185806>
Chapter 3: Visual Design: Principles and Applications. Retrieved,
July 15, 2017, from
<https://www.slideshare.net/mariajiwani/chapter-3-visual-
design-principles-and-applications>
 References
The Dos of using Visuals. Retrieved, July 15, 2017, from
<https://www.boundless.com/communications/textbooks/boun
dless-communications-textbook/preparing-and-using-visual-
aids-16/presenting-with-sensory-enhancements-84/the-do-s-
of-using-visual-aids-321-10676/>
Visual Design Basics. Retrieved, July 27, 2018, from
<https://www.usability.gov/what-and-why/visual-design.html>