empowerment technologies for grade 11

1. What is the most visited website in
the world? Think about it for a
second.

2. No, it is not Facebook nor Twitter.

3. Here is a clue, the site’s mission statement
is to organize the world’s information and
make it universally accessible and useful.”
You have probably guessed it by now,

5. On March 23, 2016, Alexa.com, a
renowned website for ranking web page
popularity, ranks this website number one
in the entire world. Why do you think
Google ranks number one despite the
countless search engines and websites in

6. Creating a web page is like creating a
work of art. There are certain things
that you need to consider in order to
get your message across.

7. In the previous lesson, you learned
how to create an effective PowerPoint
Presentation. Some of those tips can
help you in graphics and layout
design.

8. L4- FINALS (SECOND QUARTER)
IMAGING AND DESIGN FOR
ONLINE ENVIRONMENT
Prepared by:
MR. JOSHUA A. CASAS
E-Tech Instructor

9. AT THE END OF THIS LESSON, YOU SHOULD
BE ABLE TO:
1. Understand the basic principles of graphics and layout;
2. Create a simple infographic using web tools;
3. Understand and use several file formats used on the web;
4. Easily manipulate image using a image-editor; and
5. Upload and share images using Photobucket.

10. BASIC PRINCIPLES OF
GRAPHICS AND LAYOUT
THE NUTS AND BOLTS IN GRAPHIC AND LAYOUT

12. WHAT IS INFOGRAPHICS DESIGN?
• INFORMATION GRAPHICS DESIGN - An infographic is a clear and visual
representation of data and information. Leaning on elements like imagery, symbols, charts
and diagrams, an infographic can make complex ideas easy to understand.The simple
meaning of an infographic is to tell a story through visual aids

13. WHAT ARE THE THREE TYPES OF INFOGRAPHICS?
THREETYPES OF INFOGRAPHICSYOU SHOULD USE
1. STATISTICAL. ONE OF THE MOST POPULAR INFOGRAPHIC TEMPLATES IS ONE BASED ON DATA AND NUMBERS. ...
2. INFORMATIONAL.THISTYPE OF INFOGRAPHIC IS EQUALLY AS POPULAR HOWEVER, INSTEAD OF USING NUMBERS, IT IMPLEMENTSTEXT-BASED INFORMATION. ...
3. PROCESS.

14. • 1. Statistical
• One of the most popular infographic templates is one based on data and numbers.All infographics should have a compelling
story, useful data for support, and visually appealing illustrations to emphasize the content.A statistical infographic will use large
bold text to illustrate the data in an order that makes the most sense to the storyline. Data can be boring to read but when
displayed in a creative way your audience will pay attention to the numbers!
• 2. Informational
• This type of infographic is equally as popular however, instead of using numbers, it implements text-based information. Because
it is focused on text, it covers a broad range of other templates.This could include brochures, instructional guidelines, even short
presentations.The best way to incorporate text with any template is to use lists. Consumers like bullet points, numbers, and easy
ways to read short text fast.When creating your infographic, think carefully about the direction your consumer is reading and
create a storyline that makes the most sense.All parts of your content will be read and understood by your consumer once
created properly.
• 3. Process
• Infographics that display a process show points in a linear order.They break down a task into a series of easy-to-follow steps.
The goal of this kind of graphic is to turn complex information of any sort into easily understood concepts.The key to a
successful process infographic is being able to clearly label directions so a consumer can easily follow all steps. Using icons and
numerical lists help lead the viewer through each of these steps.After reading, a consumer should feel prepared to complete the
task included.

17. INFORMATION GRAPHICS DESIGNS

18. • What is the purpose of an infographic?
• An effective infographic delivers data and analysis in a way that helps your audience
digest and understand information easily in a visually pleasing format.“It (infographic)
keeps people's interest by lending a storytelling and visual element to what can be sterile
research.”

19. • How to Make an Infographic
• Choose your desired infographic template.
• Decide on a goal for your infographic.
• Identify the audience for your infographic.
• Collect your content and relevant data.
• Download your template to PowerPoint.
• Customize your infographic.
• Include a footer with your sources and logo.

21. V

24. BALANCE
A distribution of visual weight on either
side of the vertical axis. Symmetrical
balance uses the same characteristics.
Asymmetrical uses different but equally
weighted features.

26. 3 TYPES OF BALANCE
Symmetrical balance
Asymmetrical balance
Radial

27. 3 TYPES OF BALANCE IN PRINCIPLES &
LAYOUT DESIGNS

28. SYMMETRICAL BALANCE

29. ASYMMETRICAL BALANCE

30. RADIAL BALANCE

31. CONTRAST
The arrangement of opposite
elements (light vs. dark, rough vs.
smooth, small vs. large, etc…) in a
composition so as to create visual
interest.

33. EMPHASIS
Used to make certain parts of an
Artwork stand out. It creates the
center of interest or focal point. It is
the place in which an Artist draws
your eyes first.

36. MOVEMENT
How the eye moves through the
composition; leading the attention of
the viewer from one aspect of the
work to another. Can create the
illusion of action.

39. CERTIFICATE
Of Recognition
is given to
MICHAEL JOHN AGUILOS
Class Adviser
W I T H H I G H E S T H O N O R S
STEM 11-A
For her excellent academic performance during the School Year 2024-
2025
Given this 11th
day of October 2024 at Biliran Province State University,
Naval Biliran.
JOSHUA A. CASAS MAE V. CEBLANO, MAT
Chairperson, Laboratory High School
Dean, School of Teacher Education
MARIBEL N. ZIPAGAN, PhD

41. PATTERN
The repetition of specific visual
elements such as a unit of shape or
form. A method to organize surfaces
in a consistent regular manner.

44. RHYTHM
Regular repetition of, or alternation in
elements to create cohesiveness and
interest.

49. PROPORTION
Visual elements create a sense of
unity where they relate well with one
another.

51. VARIETY
This uses several design elements to
draw a viewer’s attention.

54. PERFORMANCE TASKS /
FORMATIVE ACTIVITY FOR ONLINE
GRAPHICS AND LAYOUT DESIGNS.
ENRICHING EXPERIENCE
NOTE: EACH GROUP WILL CREATE OR MAKE A INFOGRAPHICS
DESIGNS ABOUTTHE FOLLOWING ACTIVITIES.

55. Directions: Using Any Online Imaging And Design Platforms Like;
Canva, Fotor, Picsart, Photobucket, Adobe Photoshop, Pixlr, and
etc.
Create Individual Images That Would apply the Following
Principles Of Graphics and design Layout.
1. Balance
2. Emphasis
3. Movement
4. Pattern, Repetition, and Rhythm
5. Proportion
6. Variety