Communication Aids and

Strategies Using Tools of

Technology
PLAY
Objectives
Determine the various presentation media that are
commonly used;
Evaliate the effective strategies in preparing and sing
these media when communicating;
Identify the most appropriate media/medium in a
given speech situation; and
Apply the strategiesin making digital slides.

Next

2
 Characteristic Steps in Making
of Multimedia Effective
Presentations Multimedia
Tips and Presenttions
Strategies

Communication Aids and

Strategies Using Tools of
Technology

Click me! Presentation

Media
Understanding the
Basics Visual Using
Traditional
Design
Visual & Audio
And Using Computer
Media
technoology
3
 Characteristic Steps in Making
of Multimedia Effective
Presentations Multimedia
Tips and Presenttions
Strategies

Communication Aids and

Strategies Using Tools of
Technology

Click me!
Presentation
Media
Understanding the
Basics Visual Using
Traditional
Design
Visual & Audio
And Using Computer
Media
technoology
4
 Characteristic Steps in Making
of Multimedia Effective
Presentations Multimedia
Tips and Presenttions
Strategies

Communication Aids and

Strategies Using Tools of
Technology

Presentation Click me!

Media
Understanding the
Basics Visual Using
Traditional
Design
Visual & Audio
And Using Computer
Media
technoology
5
 Click me!

Characteristic Steps in Making

of Multimedia Effective
Presentations Multimedia
Tips and Presenttions
Strategies

Communication Aids and

Strategies Using Tools of
Technology

Presentation
Media
Understanding the
Basics Visual Using
Traditional
Design
Visual & Audio
And Using Computer
Media
technoology
6
 Characteristic Steps in Making
of Multimedia Effective
Presentations Multimedia
Tips and Presenttions
Strategies

Click me!
Communication Aids and
Strategies Using Tools of
Technology

Presentation
Media
Understanding the
Basics Visual Using
Traditional
Design
Visual & Audio
And Using Computer
Media
technoology
7
 Characteristic Steps in Making
of Multimedia Effective
Presentations Multimedia
Tips and Presenttions
Strategies

Communication Aids and Click me!

Strategies Using Tools of
Technology

Presentation
Media
Understanding the
Basics Visual Using
Traditional
Design
Visual & Audio
And Using Computer
Media
technoology
8
 Characteristic Steps in Making
of Multimedia Effective
Presentations Multimedia
Tips and Presenttions
Strategies

Communication Aids and

Click me! Strategies Using Tools of
Technology

Presentation
Media
Understanding the
Basics Visual Using
Traditional
Design
Visual & Audio
And Using Computer
Media
technoology
9
 Characteristic Steps in Making
of Multimedia Effective
Presentations Multimedia
Tips and Presenttions
Strategies

Communication Aids and

Strategies Using Tools of
Technology

Presentation
Media
Understanding the
Basics Visual Using
Traditional
Design
Visual & Audio
And Using Computer
Media
technoology
DONE 10
SUMMARY
Presentation Media can become an important
feature of speeches. In this case audiences
appreciate speakers who use technological and
symbolic resources creatively. One can use
presentation media to attract and connect with
audience members, spark their imagination,
make and demonstrates your creativity.
Presentation media include overhead
transparency, flip chart and poster, white board
and chalk board, document camera, video,
handout, model audio media, digital slide and
real-time web access.

Next

11
Understanding the
Basics of Visual Design
Click according to its number!

1. What is the Visual Design?

2. Graphic vs Visual Design/er?

3.Basic Elements of Visual
Design?
4. Principles for Creating a Visual Design

5.Example of Pulling it all together

Next Back

12
Understanding the
Basics of Visual Design
What is the Visual Design?

Graphic vs Visual Design/er?

Basic Elements of Visual Design?

Principles for Creating a Visual Design

Example of Pulling it all together

Next Back

13
Understanding the
Basics of Visual Design
What is the Visual Design?

Graphic vs Visual Design/er?

Basic Elements of Visual Design?

Principles for Creating a Visual Design

Example of Pulling it all together

Next Back

14
Understanding the
Basics of Visual Design
What is the Visual Design?

Graphic vs Visual Design/er?

Basic Elements of Visual Design?

Principles for Creating a Visual Design

Example of Pulling it all together

Next Back

15
Understanding the
Basics of Visual Design
What is the Visual Design?

Graphic vs Visual Design/er?

Basic Elements of Visual Design?

Principles for Creating a Visual Design

Example of Pulling it all together

Next Back

16
Understanding the
Basics of Visual Design
What is the Visual Design?

Graphic vs Visual Design/er?

Basic Elements of Visual Design?

Principles for Creating a Visual Design

Example of Pulling it all together

Next Back

Done
17
Using Computer
Technoloy
Click according to its number!

1. Digital Slides

2. Real-time Web Access

Next Back

18
Using Computer
Technoloy
Digital Slides

Real-time Web Access

Next Back

19
Using Computer
Technoloy
Digital Slides

Real-time Web Access

Next Back

Done

20
 Using Traditional
Place your screenshot
Visual & Audio
here
Media
Overhead Transparencies I Models I
Flip Chart I Video I Handouts I White
Boards I Sounds Recording I Document
Camera

Next 21
 Presentation Media
Is a stand alone presentation
that includes information
presented wih slides, video, or
digital representations and
includes sound which might be
narraties, music or sound effects

DONE

22
Visual Design
It is the use of imagery, color, shapes, typography,
and form to enhance usability and improve the
user experience. Visual design as a field has grown
out of both UI design and graphic design.

Next

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

Next

24
Graphic Design - Designer
Graphic design is the process of visual communication and problem-solving
through the use of typography, photography, and illustration. The field is
considered a subset of visual communication and communication design, but
sometimes the term "graphic design" is used synonymously.
Graphic designers probably have one of the best-known job titles in the world
of design and tech. But can you define what they actually do on a day-to-day
basis? Graphic designers often work more with print designs and deliverables,
like posters, brochures, invitations, and business cards, among other things.
That said, they also occasionally create user interface design assets for the
web, like logos and icons.
Graphic designers have to know the fundamentals of design: things like color
theory and typography. They also need to know how to build brand assets (like
logos) and make sure they’re consistent across all the designs for a brand.
Graphic designers do most of their work in Photoshop, Illustrator, and
InDesign , although some designers are turning to Sketch as an alternative to
Photoshop.
One thing graphic designers don’t need to know is how to code. Any coding
for a project is left to a developer (likely a front end developer).

Next 25
User Interface Design - Designer
User interface design or user interface engineering is the design of user interfaces
for machines and software, such as computers, home appliances, mobile devices,
and other electronic devices, with the focus on maximizing usability and the user
experience.
User interface (UI) designers are responsible for the “look and feel” of a website,
app, or other product. In other words, they’re the ones who add colors, pair
typefaces, and set layouts.UI designers work exclusively on the web, rather than
primarily in print like a graphic designer. Because of that, they need to have a very
deep understanding of user experience and web design.
They build websites, web apps, and web layouts in general, and need to have strong
wireframing skills in their design toolkits. They should be proficient with HTML and
CSS so they understand how their designs will work on actual websites, apps, and
products, and for the same reason, it helps if they have at least a base
understanding of JavaScript (or better yet—be comfortable actually writing
JavaScript code).
Like graphic designers, they also need to have a strong grasp of general design
fundamentals like color theory and typography.Like graphic designers, UI designers
do most of their work in Photoshop, Illustrator, and InDesign. But they also do a lot
of work in wireframing software that allows them to show clients and team
members how their design will work in practice.

Next 26
Visual Design - Designer
Visual design is the use of imagery, color, shapes, typography, and form to enhance usability
and improve the user experience. Visual design as a field has grown out of both
UI design and graphic design.
Visual designers are the problem solvers of the design world. Rather than just bringing
brands to life, they play a key role in defining what goes into a brand’s unique style and
voice. In addition to creating beautiful designs, they know how to explain design concepts
and the decisions behind their work. Visual designers do a ton of different things in their
day-to-day work. It’s a bit of a hybrid between what graphic designers and UI designers do,
but with a bunch of other skills thrown into the mix. They have to understand user
experience, user interface, and web design. At the same time, they don’t have to know how
to code (though as with most jobs in tech, bonus points if you do have at least basic coding
skills).
Visual designers rarely work on print products, but they do need a strong understanding of
graphic design, identity design, and branding. They need to have exceptional visual
messaging and communications skills, too.They work primarily with web layouts and
deliverables, including things like icons, infographics, logos, and presentations. They also
have to be familiar with industry-standard software (Adobe and Sketch, primarily), plus they
need wireframing skills like a UI designer.
Finally, visual designers need to be aware of how front-end developers work, and the
languages they use. While a visual designer doesn’t need to know how to code, they at
least need to know how to communicate with those who do, and how to create designs
that take into account what is possible in the code.
DONE 27
Basic Elements of Visual Design
Lines
 connect two points and
can be used to help define
shapes, make divisions, and
create textures.  All lines, if
they’re straight, have a
length, width, and
direction.
Texture
refers to how a surface
feels or is perceived to
feel. By repeating an
element, a texture will be
created and a pattern
formed. Depending on
how a texture is applied, it
may be used strategically
to attract or deter
attention.
Shapes
are self-contained areas.  Is the color of blood, and
To define the area, the
graphic artist uses lines,
differences in value, color,
and/or texture.  Every
object is composed of
shapes.
Form
applies to three-
dimensional objects and
describes their volume and
mass.  Form may be
created by combining two
or more shapes and can be
further enhanced by
different tones, textures,
and colors.
Done
Typography
because of this it has
historically been associated
with sacrifice, danger and
courage.
Color palette
choices and combinations
are used to differentiate
items, create depth, add
emphasis, and/or help
organize information. 
Color theory examines
how various choices
psychologically impact
users.
28
Principles for Creating a Visual Design
Scale  Contrast Balance 
identifies a range of sizes; focuses on making items creates the perception that
it creates interest and stand out by emphasizing there is equal distribution. 
depth by demonstrating differences in size, color, This does not always imply
how each item relates to direction, and other that there is symmetry.
each other based on size. characteristics.

Dominance  Similarity  Unity 

focuses on having one
element as the focal point
and others being
subordinate.  This is often
done through scaling and
contrasting based on size,
color, position, shape, etc.
refers to creating
continuity throughout a
design without direct
duplication. Similarity is
used to make pieces work
together over an interface
and help users learn the
interface quicker
has to do with all elements
on a page visually or
conceptually appearing to
belong together. Visual
design must strike a
balance between unity and
variety to avoid a dull or
overwhelming design.

Next

29
Principles for Creating a Visual Design
Gestalt
In visual design, helps
users perceive the overall
design as opposed to
individual elements. If the
design elements are
arranged properly, the
Gestalt of the overall
design will be very clear.
Balance 
creates the perception that
there is equal distribution. 
This does not always imply
that there is symmetry.
Space  Hierarchy
is “defined when
something is placed in it”,
according to Alex White in
his book, The Elements of
Graphic
Design. Incorporating space
into a design helps reduce
noise, increase readability,
and/or create illusion.
White space is an
important part of your
layout strategy.
Next
 
shows the difference
in significance
between items. 
Designers often create
hierarchies through
different font sizes,
colors, and placement
on the page. Usually,
items at the top are
perceived as most
important.
30
Example of Pulling it all together

Color contrast was applied to the logo making

the word “stop” stand out

Featured image in the carousel dominates over

the smaller images below it to create a focal
point

Textured background to helps the elements on

the page stand out on top of it

Lines to divide sections

Text spacing and size creates a visual hierarchy

White space is used around text and between

sections to allow the page to breath

Map showing scale

Shapes to create buttons

Next 31
 Models
Place your screenshot here A copy of an object, usually
built to scale the represents
the object in detail and
useful for describi and
explaining scientific topics

Next 32
Overhead
Transparenciies
Transparencies are clear acetate
pages displayed overhead
projector during a speech

Next 33
Flip Chart
A large pad paper that rests on
an easel allowing the speaker to
record text or drawings with
markers during the speech

Next 34
White
Boards &
Chalkboards
These materials can also help
you achieve the same outcome
as a flip charton an easel.
Note: Should be used only when
brainstorming with the audience
about ideas, never for presenting
material

Next 35
Document
Camera
Is a projector device that’s uses a
video camera to capture and
display images, including 3D
visual materials.

Next 36
Video
Showing a video clip can elicit an
emotional response from the
audience and improve their recall
of your speech.

Next 37
Handouts
Are sheet of paper containing
relevant information that some
speakers use in conjuction with
other presentation media

Next 38
Sound
Recording
Sounds like visual image, can
stimulate mental images,
triggering the imagination setting
a mood.

Next 39
Characteristics of
Multimedia Presentation
1. Multimedia presentations are usually oriented (displayed on a monitor
projected onto a screen)
2. They allow users to use different modalities such as text, graphics,
photographs, audio, animations, video,

Next

40
 Tips in Using
Presentation Media

Click Click

Click

Next
41
 Tips in Using
Presentation Media
Consider your
Click
room and audience

Click

42 Next
 Tips in Using
Presentation Media
Consider your
Click
room and audience

Speak to your
audience, not your
media

43 Next
 Tips in Using
Presentation Media
Consider your Practice with your
room and audience media

Click

44 Next
 Tips in Using
Presentation Media
Practice with your
Click
media

Click

45 Next
 Tips in Using
Presentation Media
Practice with your
Click
media

Speak to your
audience, not your
media

46 Next
 Tips in Using
Presentation Media
Consider your Practice with your
room and audience media

Speak to your
audience,
Click
not your
media

47 Next
 Tips in Using
Presentation Media

Click Click

Speak to your
audience, not your
media

48 Next
 Tips in Using
Presentation Media
Consider your Practice with your
Click
room and audience media

Speak to your
audience, not your
media

Next
49
 Tips in Using
Presentation Media
Consider your Practice with your
Click
room and audience media

Speak to your
audience, not your
media

50 Next
 Tips in Using
Presentation Media
Consider your Practice with your
room and audience media

Speak to your
audience, not your
media

51 DONE
Steps in Making Effective Multimedia
Presentation

Play

Done
52
Steps in Making Effective Multimedia
Presentation

Play

Done
53
Next
54
Next

55
Next

56
Done Next
57
Next
58
Next
59
Done
60
Done
61
Using Computer
Technoloy
Click according to its number!

1. Digital Slides

2. Real-time Web Access

Next Back

62
� THANK YOU FOR
� LISTENING!
DONE

63
� Credits:
The informations that discussed here and some slide are copied from:
Communication Aids and Strategies Using Tool of technology by Breeza

�
Marie Verallo
https://prezi.com/hshnd4l_25qg/communication-aids-and-strategies-usin
g-tool-of-technology
/

https://www.usability.gov/what-and-why/visual-design.html
START AGAIN

64