Professional Documents
Culture Documents
Unit 7: Advanced Image Manipulation Techniques
Lesson 4: Principles of Visual Message
Design Using Infographic
Contents
Engage 1
Introduction 1
Objectives 3
Explore 3
Extend 10
Activity 1 10
Activity 2 11
Evaluate 12
Wrap Up 15
Bibliography 16
Unit 7: Advanced Image Manipulation Techniques
Engage
Introduction
Fig. 1. Sample layout of an infographic
In the previous lesson, you have been introduced to the infographic. Again, the infographic
presents data in a concise and attractive way. It is very boring to read long texts, but
1
Unit 7: Advanced Image Manipulation Techniques
students must do it in order to understand their lessons and keep up with the discussion in
class. If you were given a choice, would you rather read a long text or study an infographic?
Infographics are fun, engaging, and easy to share. You can share it with just one click.
Students can use infographics to break down complex ideas or to explain difficult concepts
in simpler terms. Non-profit organizations use it to spread awareness about social issues or
causes. Can you create your own infographic? What would be your topic? Be sure that other
people will be interested in your topic. After all, infographics are supposed to inform people.
Before you can create an infographic, you need to start with the basics. Look at the picture
of the infographic layout on the previous page. What fundamentals of design are evident in
the infographic? Why are they arranged in such a way? What principles of graphic design
should be followed? How can you combine text and images properly?
Objectives
In this lesson, you should be able to do the following
● Understand the principles of graphic design.
● Sketch an infographic using the principles of design.
● Combine text and graphics properly.
DepEd Competency
Evaluate existing websites and online resources based on the principles of layout,
graphic, and visual message design. (C
S_ICT11/12-ICTPT-Ie-f-6)
2
Unit 7: Advanced Image Manipulation Techniques
Explore
15 minutes
Your mother asked you to calculate your expenses this school year so that she can give you
enough allowance everyday. Sketch an infographic about your weekly allowance as a
student. When you are done drawing your infographic, show it to your partner. Answer the
following questions based on your partner’s infographic.
Guide Questions
1. What do you like about your partner’s infographic?
2. What fundamentals of design did your partner use? Were the fundamentals used
properly? Why or why not?
3. How can your partner’s infographic be improved?
3
Unit 7: Advanced Image Manipulation Techniques
Fig. 2. An image about social media.
4
Unit 7: Advanced Image Manipulation Techniques
Proximity
Alignment makes your infographic easier to read. It brings order to the design and ensures
that elements have a connection with each other. It prevents your design from having a
messy look. Pay attention to the image below. How is the text aligned? What effect does it
have on the entirety of the design?
5
Unit 7: Advanced Image Manipulation Techniques
There will be several information on your infographic. In order to emphasize the most
important details, you must use visual hierarchy. Hierarchy among elements is established
by using larger or bolder fonts, using shapes to frame the focal point, or putting the object
or text higher than the others. Usually, the most important information is given first. Look at
the example below. How was hierarchy established?
6
Unit 7: Advanced Image Manipulation Techniques
7
Unit 7: Advanced Image Manipulation Techniques
Contrast helps different elements stand out. It happens when there is a difference between
the two opposing design elements. Contrast directs the viewer’s attention to the most
important elements. Some examples of contrast are young vs. old, light vs. dark, urban vs.
rural, natural vs. man-made, etc. In the image below, what is highlighted by the contrast?
Extend
Activity 1
Based on the feedback of your partner, revise the sketch of your infographic. Draw your
new infographic in the box below.
uide
G
Remember the principles of graphic design and apply it to your revised infographic
to make it appealing and easy to understand.
9
Unit 7: Advanced Image Manipulation Techniques
Activity 2
In your opinion, what is the most important principle that designers should take into
consideration when making an infographic? Is it applicable to other professions such as web
designer or photographer? Why? Why not? Explain your answer.
uide
G
10
Unit 7: Advanced Image Manipulation Techniques
Evaluate
1. Give one principle of graphic design. How did you use this principle in your
infographic?
2. How can you direct the viewer’s attention using the principles of design?
3. What is the difference between the fundamentals of design and the principles of
design?
11
Unit 7: Advanced Image Manipulation Techniques
4. What are the advantages of using an infographic?
5. Why is alignment important?
1. Why should you use the principles of design in making your infographic?
2. Look at the picture below. What principles are evident in the picture? Write your
answer on the box below the picture.
12
Unit 7: Advanced Image Manipulation Techniques
3. Give one principle evident in the picture in number two and explain how that
principle was used.
4. What effect did using the principle have on the image?
13
Unit 7: Advanced Image Manipulation Techniques
5. Read the statement below.
You don’t need to be a pro-designer to create highly shareable content (Copperman,
2016).
Do you agree or disagree with the statement? Explain your answer.
Wrap Up
___________________________________________________________________________________________
● The principles of design can direct the viewer’s attention to the most important
data.
● Infographics present data in a concise and attractive manner.
● Different principles can create different effects on the layout of your infographics.
___________________________________________________________________________________________
Photo Credits
Infographic Design by U
nboxScience from P
ixabay via P
ixabay.
Social Media by K
evin King from P
ixabay via P
ixabay.
14
Unit 7: Advanced Image Manipulation Techniques
Arrow Directory Signposts by G
erd Altmann from P
ixabay via P
ixabay.
Bibliography
Rawal, Anahat. “10 Basic Principles of Graphic Design.” Medium, July 12, 2018.
https://medium.com/@anahatrawal/10-basic-principles-of-graphic-design-b74be0db
db58
Burrage, Kim. “The Six Main Principles for Graphic Design.” trident, September 3, 2016.
https://www.wearetrident.co.uk/six-main-principles-graphic-design/
Copperman, Amy. “8 Basic Principles of Design to Help You Create Awesome Graphics.”
Adobe Spark, July 27, 2016.
https://blog.adobespark.com/2016/07/27/8-basic-design-principles-to-help-you-creat
e-better-graphics/
Sheikh, Mahnoor. “What is an Infographic? (Examples, Tips and Templates).” visme. Accessed
May 18, 2020. https://visme.co/blog/what-is-an-infographic/
15