Text Visual
Elements:
Vectors, Technical
Editing, and Animations
Motivation: ‘’Spot the
Difference”
LEARNING OBJECTIVES:
At the end of the lesson, the students are able to:
a. identify vectors, technical editing techniques, and
animations as distinct visual elements used in
informational text.;
b. justify the importance of selecting appropriate and
ethical visual elements in conveying technical
information effectively.; and
c. construct a short, two-slide informational
presentation by appropriately applying at least one
Unlocking of difficult
terms:
• Visual element: Any characteristics that
readers can see, which includes line, shape,
sizes, textures, colors, and value.
• Vectors: are visual elements used to
represent quantities that emphasize direction
and magnitude, which refers to length.
• Technical Editing: Refers to reviewing,
evaluating, and critiquing written texts with
accuracy, clarity, and consistency in technical
documents.
Vectors- are visual elements used to
represent quantities that emphasize
direction and magnitude, which refers to
length.
• represented by arrows in
diagrams and graphics to
show relationships
between objects, forces,
or movements.
• help to visualize complex concepts,
especially in physics and engineering.
Technical Editing- refers to reviewing,
evaluating, and critiquing written texts with
accuracy, clarity, and consistency in technical
documents.
• Involves analyzing and revising content
like grammar and syntax to improve its
organization, style, and tone as per
requirement.
• Technical editors follow standards in
editing and critiquing to help authors
communicate again complex information
EXAMPLES:
“These other outputs are useful when
additional prompting of the user is
achieved via stored messages or
indicator lamps.”
BETTER:
“These other outputs are useful to
prompt the user via stored messages or
Animation- is the art of creating motion and
the illusion of movement.
• Involves displaying a sequence of static
images or frames in rapid succession to
create the impression of movement and
tell a clear story or message to the
audience.
Text Animation- is the process the involves
taking an actual text itself and adding
gradient or glitch effects, or making it
bounce, spin, and even rotate
Kinetic Typography- is the
technical name for moving texts.
GENERALLIZATION:
Based on everything we
discussed, what is your most
important takeaway about
our topic?
Assignment:
Directions: Prepare for your 2-slide
informational presentation.
1. Choose a Topic: Select a simple,
step-by-step process (e.g., how to wash
hands properly, how to assemble a
simple piece of furniture, how to send an
email, or how a simple machine works).
2. Slide 1 (Introduction): Create an
engaging title slide that includes the
Assignment:
[Link] 2 (The Process): Present the key steps
of your chosen process. You must incorporate at
least one of the visual elements we discussed:
Vector: Use an arrow to clearly indicate flow or
direction in the steps.
Technical Editing: Ensure your textual
instructions are concise, grammatically flawless,
and use only the most direct language.
Animation: Describe where you would use an
animation/kinetic text effect if you had the tools,
Assignment:
4. You can use digital application or websites
(canva, power point)
5. Print it out in a short bond paper.