Etech Week 6 Basic Principles of Graphics and Layout
Etech Week 6 Basic Principles of Graphics and Layout
AFTERNOON!
What are the different
functions that you use to
analyze data in
Spreadsheet/Microsoft Excel?
SUM IF
AVERAGE AVERAGEIF
COUNT COUNTIF
ANALYSIS
Which examples would you
consider as having a good layout?
Explain your answer.
Which examples do not have a
good layout? Why do say so? What
improvements can be done to the
layout?
BASIC PRINCIPLES
OF GRAPHICS AND
LAYOUT
Layout – It is the process of
planning and arranging graphics or
text on a page or book.
“A good layout should have a
balanced makeup and alignment of
elements.”
Balance
Contrast
Proximity
Repetition
White Space
Involves the appropriate
considerations of visual
perceptions when designing an
instructional program.
This aims to gain attention,
create meaning, and facilitate
• Information graphics or
infographics are used to represent
information, statistical data, or
knowledge in a graphical manner
usually done in a creative way to
attract the viewer’s attention.
• Infographics make complex data
• To communicate a message
• To present survey data or
information in a way that is
compact and easy to comprehend
• To analyze data to discover cause-
and-effect relationships
• To periodically monitor the route
of certain parameters
• To simplify a complicated concept
• To explain how things work
• For comparisons purpose
• Thesis/Story. The subject and
the main idea of your infographic
must be clear.
• Data. Data must be well-
organized and supports the main
• Be Unique. One of the most
important aspects of designing an
effective infographic is to make it
engaging and memorable with a
unique twist on something that
everyone can relate to.
• Keep it Simple. Don’t throw in
so much detail and extraneous
information in a way that the
audience is overwhelmed by
everything going on in your
infographic.
• Be Creative and Bold. For a
truly impactful design that gets
your message across, it’s
important to make sure that your
main message is bold and
obvious.
• Less is More. Keeping your text
minimal will most likely produce
more impact that a page full of
words.
• Sources. You must cite sources
to give credibility to your data.
• Shareability. The final and
most important thing you
want form an effective
infographic is simple way for
people to share it with their
friends (share me).
• Graphs and bars
• Pies and Icons
• Human Infographics
• Timeline infographics
• Puzzle pieces
• https://piktochart.com/
• https://www.canva.com/create
/infographics/
• https://venngage.com/
• https://infogr.am/
• Picasa • Picsart
• Paint.net • Afterlight
• Google • Adobe Photoshop
Sketch Up • GIMP
• Adobe • Fotor
Lightroom • PhotoScape
• VSCO • Serif PhotoPlus
• Snapseed Starter Edition
SKILLS EXPLORATION
• Game developers and animators have developed the
perspective of depth as 3-D or three-dimensional. This
innovation did not halt on the screens of or computers
because today, we have the 3-D printing that allows
images comes to life using a 3-D printer. Read more
about these by searching the following topics over the
internet.
Advances in The First 3-D
3-D printing: printing pen:
SKILLS EXPLORATION
• Explore the future of image manipulation involved in
holographic technology. How are images being converted
into an immersive environment?
What is hologram?
No More Science
Fiction: 3-D
Holographic
Images