# data[].attributes.body
According to Inger and Basil, "visual elements refers to everything from illustrations such as diagrams or charts to headings and type."

# data[].attributes.body
Visuals, also known as visual aids, are pictorial representations of information

# data[].attributes.body
Visuals can express ideas or convey information in ways that words sometimes can’t.

# data[].attributes.body
Technical writers integrate visuals to complement text in a report.

# data[].attributes.body
It is an effective technical communicator that helps readers to create concrete abstract concepts.

# data[].attributes.attachment_caption
EXAMPLE 2 - PIC REFERENCE: Behance. n.d. “Hand Lettering Collection Vol. 1.” Behance. Accessed June 2, 2022. https://www.behance.net/gallery/94391463/Hand-Lette

# data[].attributes.body
Regarding the body text, Do refer to the number used on the caption and discuss its content including what is mainly all about. .

# data[].attributes.attachment_caption
EXAMPLE 3 - PIC REFERENCE: “Pylab_examples Example Code: Figure_title.py — Matplotlib 1.3.1 Documentation.” n.d. Matplotlib.org. Accessed June 2, 2022. https://

# data[].attributes.body
All units must be labelled upon creating the visual design elements itself  (x and y axes, legends, column box heads, parts of diagrams, etc.)

‌

# data[].attributes.attachment_caption
EXAMPLE 1 - PIC REFERENCE: “How to Insert Figure Captions and Table Titles in Microsoft Word.” 2019. Erin Wright Writing. September 25, 2019. https://erinwright

# data[].attributes.body
Make sure to apply a number caption and title onto each visual for a quick identification.

# data[].attributes.attachment_caption
EXAMPLE 4 - PIC REFERENCE : McLaughlan, P. (n.d.). LibGuides: Visual Art: Referencing Images. Retrieved June 2, 2022, from ecu.au.libguides.com website: https:/

# data[].attributes.body
‌Always do provide source of data used in the given design and / visual image if wasn't created by you to avoid plagiarism.

# data[].attributes.attachment_caption
EXAMPLE 5 - PIC REFERENCE: Mike Deutsch. (2015, January 19). Real-life Data Visualization - guest lecture for McGill INSY-442. Retrieved June 2, 2022, from http

# data[].attributes.body
Avoid in distorting the presentation of the data or image.

‌

# data[].attributes.headline
Importance: Ensures that a clear, unified message is delivered

# data[].attributes.subject
Importance: Ensures that a clear, unified message is delivered

# data[].attributes.body
When you have an abundance of text in an email, your message can get lost and misunderstood, so visuals are good to express it. (ex. GIFs)

# data[].attributes.attachment_caption
EXAMPLE 7 - PIC REFERENCE : Patrick J. Lynch, S. H. (n.d.). Web Style Guide, Third edition. Retrieved from webstyleguide.com website: https://webstyleguide.com/

# data[].attributes.body
Visualization of hierarchical element between the structure of pages and present.

‌

# data[].attributes.attachment_caption
EXAMPLE 6 - PIC REFERENCE : Woodgate, Rob. n.d. “How to Control Line and Paragraph Spacing in Microsoft Word.” How-to Geek. https://www.howtogeek.com/360136/how

# data[].attributes.body
Relationships between paragraph and spaces are important

# data[].attributes.headline
Importance: Helps to provide a shared, consistent experience

# data[].attributes.subject
Importance: Helps to provide a shared, consistent experience

# data[].attributes.body
It delivers a consistent experience with visuals is branding. Many organizations have defined brand colors that should be used in all marketing activities.

# data[].attributes.attachment_caption
EXAMPLE 9 - PIC REFERENCE: 6 Steps to Persuasive Data Storytelling (+Examples) | [site:name]. (n.d.). Retrieved June 2, 2022, from WordStream website: https://w

# data[].attributes.body
Using color to differentiate what information corelates with each other and what not.

‌

# data[].attributes.attachment_caption
EXAMPLE 8 - PIC REFERENCE: 5 Types of Graphic Organizers to Help Your Child’s Grades. (n.d.). Retrieved from Verywell Family website: https://www.verywellfamily

# data[].attributes.body
Visualize the used keywords or key phrases with its meaning by motion for its information to be prominent.‌

# data[].attributes.attachment_caption
EXAMPLE 11 - PIC REFERENCE: https://www.facebook.com/thebalancecom. (2019). What Differentiates Marketing and Advertising. Retrieved from The Balance Small Busi

# data[].attributes.body
Placement of elements that are related together for a quick identification.

‌

# data[].attributes.headline
Importance: Saves time by relaying messages faster

# data[].attributes.subject
Importance: Saves time by relaying messages faster

# data[].attributes.body
Readers often prefer to scan content rather than read word-for-word, so material loaded with visuals is a way to relay your message in less time.

# data[].attributes.headline
Importance: Results in better retention of the information

# data[].attributes.subject
Importance: Results in better retention of the information

# data[].attributes.body
Of all information transmitted to the brain, 90% is visual, and retention is always something to aim for.

# data[].attributes.attachment_caption
EXAMPLE 12 - PIC REFERENCE: Why using an animated character helps communication and advertising | Sliced Bread Animation. (2016, July 28). Retrieved from https:

# data[].attributes.body
Moving characters such as using small figures can be used to convey the message and information to the audience by with emotions as well.

‌

# data[].attributes.attachment_caption
EXAMPLE 13 - PIC REFERENCE: GCSE GRAPHIC Design | RESEARCH Full Bundle | Teaching Resources. (n.d.). Retrieved June 2, 2022, from www.tes.com website: https://w

# data[].attributes.body
Have a summarized version of all the information discussed for a quick recall of content to be learned by the viewer.

‌

# data[].attributes.attachment_caption
PIC REFERENCE: mnaitodesigns@gmail.com. (2018, March 11). Texture. MNaitoDesigns - Keeping It Real, One Drawing at a Time. https://mnaitodesigns.com/wordpress/t

# data[].attributes.body
It generates a genuine material surface.  Visual creates an illusion of reality while tactile is physical touch.

# data[].attributes.body
The positioning of all elements in a way that they demonstrate the concept's relevance by being both dynamic and clear is what's being emphasize

# data[].attributes.body
It provides a reference for assessing whether a space is covered by the main subject (positive space) or unused (negative space).

# data[].attributes.body
Words in art evoke emotion and contribute to the visual mood.

# data[].attributes.body
It adds a powerful and versatile sentiment, showing the depth, and even mood based on what colors were employed.

# data[].attributes.attachment_caption
Franklin, J. (2022). A Showcase of 100 Design Quotes to Ignite Your Inspiration. Canva. https://www.canva.com/learn/design-quotes/

# data[].attributes.attachment_caption
Bette, F. (n.d.). Visual Spatial Learners. Bettefetter.com. https://pin.it/2chWWu0

# data[].attributes.body
these are series of images or soundless video in a loop

# data[].attributes.body
It adds geometry to natural visual flow. A flat or three-dimensional figure that helps the viewer understand the subject.

# data[].attributes.body
these are digital images that show the contents of a computer display

# data[].attributes.body
Every picture's essential portion catches the eye. When all points and lines are combined, they can make something that delivers information and meanings.

# data[].attributes.body
this is a flexible planning technique to support strategic planning

# data[].attributes.body
these are graphical representations for data visualization

# data[].attributes.body
Visual design guidelines for improving learning from dynamic and interactive digital text.(2013). Retrieved from Research Gate Website: https://www.researchgate.net/publication/257171625_Visual_design_guidelines_for_improving_learning_from_dynamic_and_interactive_digital_text

3.4 Figures and Tables – Technical Writing Essentials. (2019). Retrieved from Bccampus.ca website: https://pressbooks.bccampus.ca/technicalwriting/chapter/figurestables/

Smiley, L. (n.d.). How To Use Visual Communication and Why It Matters. TechSmith. https://www.techsmith.com/blog/why-visual-communication-matters/

# data[].attributes.body
Basil, R. & Ingre, D. (2017). Engineering Communication: A Practical Guide to Workplace Communications for Engineers (2nd ed.). Cengage Learning. https://bookshelf.vitalsource.com/reader/books/9781305887183/pageid/3

Designbox. (2022, March 4). Elements of Visual Communication. https://www.designboxindia.com/elements-of-visual-communication/

Nediger, M. (2020). How to Use Visual Communication: Definition, Examples, Templates. Venngage. https://venngage.com/blog/visual-communication/#2

# data[].attributes.body
these are symbolic representations of information using visualization techniques

# data[].attributes.body
these are diagrams for representing tasks or concepts linked around a central subject

# data[].attributes.body
these are graphic visual representations of information

# data[].attributes.body
JAMES REINHART BARENA
MARIA JEANESS EVARLE
REINA BEYONCE GEROLAGA
MARIEYL GUEVARRA
CRISHA NICOLE SOLIS