Scribd
Upload
11 views41 pages

Lesson 6 Imaging and Design For Online Environment 1

The document outlines the principles of graphics and layout in infographic design, emphasizing balance, emphasis, movement, pattern, repetition, rhythm, proportion, and variety. It also discusses the importance of creating unique, simple, and creative infographics to effectively convey information. Additionally, it includes a laboratory activity for students to apply these principles in creating their own infographics.

Uploaded by

casassophia54
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
11 views41 pages

Lesson 6 Imaging and Design For Online Environment 1

The document outlines the principles of graphics and layout in infographic design, emphasizing balance, emphasis, movement, pattern, repetition, rhythm, proportion, and variety. It also discusses the importance of creating unique, simple, and creative infographics to effectively convey information. Additionally, it includes a laboratory activity for students to apply these principles in creating their own infographics.

Uploaded by

casassophia54
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 41

EMPOWERMENT

TECHNOLOGIES

Prayer
EMPOWERMENT
TECHNOLOGIES

Checking
Attendance
EMPOWERMENT

Empowermen
TECHNOLOGIES

t
Technologies
Lesson Review

1.What are the other tools use to


create a presentation?
2.What are the tips in creating
an effective presentation?
ACTIVITY
BRAINSTO
RMING
 Have you ever seen an
infographics?
 Can you describe what is
infographic and what it is used for?
Lesson 6

IMAGING AND
DESIGN FOR ONLINE
ENVIROMENT
Lesson OBJECTIVES

At the end of this lesson, the students should be able to:

1.explain the basic principles of graphics and lay - out in


infographic design.
2.identify the principles of visual message design using
infographics.
Lesson OBJECTIVES

At the end of this lesson, the students


should be able to:

1.Explain the basic principles of graphics


and lay - out in Infographic design.
2.Identify the principles of visual message
design using Infographics.
Graphics and Layout
•Graphics refer to visual elements like images,
illustrations, symbols, or any other visual
representation used to make content more attractive
or informative.

•Layout is how these graphics and other elements


(like text) are arranged on a page or screen. It's
about organizing things in a way that makes them
easy to read and visually appealing.
Basic Principles of Graphics and Layout:
BALANCE

 Balance- visual weight of objects,


texture, colors, and spaces is
evenly distributed on the screen.
The colors should also have a
similar visual weight.
EXAMPLE:
EXAMPLE:
Basic Principles of Graphics and Layout:
EMPHASIS

 Emphasis. An area in the design


that may appear different in size,
texture, shape or color to attract
the viewer’s attention.
EXAMPLE:
EXAMPLE:
EXAMPLE:
Basic Principles of Graphics and Layout:
MOVEMENT
 Movement. Refers to the way the
eye travels over a design,
movement can be directed along
lines, edges, shapes, and colors.
 Visual elements guide the viewer’s
eyes around the screen.
EXAMPLE:
Basic Principles of Graphics and Layout:
PATTERN, REPITION, AND RHYTHM

 Pattern, repetition, and rhythm


- These are repeating visual
element on an image or layout to
create unity in the lay-out
PATTERN
EXAMPLE:
REPITITION
EXAMPLE:
RHYTHM
Basic Principles of Graphics and Layout:
PROPORTION

 Proportion - Visual elements


create a sense of unity where they
relate well with one another.
EXAMPLE:
Basic Principles of Graphics and Layout:
VARIETY

 Variety. This uses several design


elements to draw a viewer’s
attention.
EXAMPLE:
INFOGRAPHICS

Information graphics or infographics are used to


represent information, statistical data, or knowledge in
a graphical manner usually done in creative way to
attract the viewer’s attention.
 Infographics make complex data become more
visually appealing to an average user.
Sample
Infographics The Knowledge
The Content
This refers to the
facts and
conclusions to
convey the over all
message or story
This includes
text, statistic,
timeframe,
and
references The Visuals

This refers to the


colors, graphics and
icons used in
designing the
infographics
Principles in Creating Infographics
 Be Unique- Infographics should stand out and be
distinct from others.
 To achieve uniqueness, focus on original content,
design elements, and a fresh perspective.
 Avoid using clichéd templates or layouts. Tailor your
infographic to your specific message and audience
to make it memorable.
Principles in Creating Infographics
 Keep It Simple: Simplicity is key to effective
infographics.
 Avoid clutter and excessive information. Keep your
message concise and straightforward. Use clear,
easy-to-understand language.
 Visual elements should enhance understanding, not
complicate it. Strive for a clean and uncluttered
design.
Principles in Creating Infographics
 Be Creative and Bold: Creativity can help your
infographic capture attention and convey
information more effectively.
 Experiment with creative visuals, illustrations, icons,
and unique layouts that align with your message.
 Being bold means making design choices that are
eye-catching and impactful, such as using vibrant
colors, strong contrasts, or unconventional shapes.
Laboratory Activity

• Find a group (three members in each


group)
• Each group will create an infographics
• Following the basic principles of graphics
and lay-out.
• Each group will think of their specific
topic you would like to create
APPLICATION: I will evaluate your Infographics base on the given
rubric.
Exemplary Accomplished Developing Beginning
Category 8-9
10 6-7 5
Web skills Almost of the tools are Some of the tools Some of the tools There’s no tools
used, Proper used of are used, used and not used and not
tools, organized organized organized/ manage organized
properly, properly well

Content The content is realistic The content is The content is The content is
and related to the topic related to the somewhat incomplete
topic complete information

Correctnes The output is free from The output The output has The output
s errors contains minimal several errors contains many
errors errors

Lay-out Appearance look Appearance is Lay-out is efficient Lay-out is not


and professional organize and for readers organized
Design consistent

Images Images have strong Images are Some images are No images
relation to the topic related to the related to the topic related to the
topic topic
EVALUATION

Test I: Identification:
Identify what is being ask
EVALUATION
1.The visual weight of objects, texture,
colors, and spaces is evenly distributed
on the screen.
2.It uses several design elements to draw
viewer’s attention.
3.An area in the design that may appear
different in size, shape or color to
attract the viewers’ attention.
EVALUATION

4. The Visual elements create a sense of


unity where they relate well with one
another.
5. The Visual elements guide the
viewer’s eyes around the screen.
6. It makes complex data become more
visually appealing to an average user.
EVALUATION

7-9: (Enumeration)
What are the three principles in creating
Infographics?
ANSWER

1. BALANCE
2. VARIETY
3. EMPHASIS
4. PATTERN, REPITITION AND RHYTHM
5. MOVEMENT
6. INFOGRAPHIC
THANK YOU!

You might also like