MEDIA AND

INFORMATION
LITERACY

VISUAL INFORMATION
AND MEDIA (PART 2)
Visual Design Principles
LEARNERS WILL BE ABLE TO…
 discuss visual design principles
(SSHS);
 identify and evaluate visual design
principles used in different visual
media (SSHS); and
 produce and evaluates a creative
visual-based presentation using
design principles and elements
(MIL11/12-VIM-IVc-10).
LEARNING COMPETENCIES
I- VISUAL INFORMATION AND MEDIA
(Part 2)

A. Visual Design Principles

TOPIC OUTLINE
Source:
https://ww
w.linkedin.
com/pulse
/importan
ce-visual-
content-
social-
media-
marketing
-
presentati
ons-me
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
1.CONSISTENCY
• Consistency of margins, typeface,
typestyle, and colors is necessary,
especially in slide presentations or
documents that are more than one
page.
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
Source: https://www.pinterest.com/pin/28077197647114171/
Source: https://gofishdigital.com/guide-design-consistency/
Source: http://www.loopassociates.com/projects/brand-consistency-leading-to-millions-
in-cost-reduction/
2. CENTER OF INTEREST
• an area that first attracts attention in a
composition
• important objects or elements in a
composition
• can be achieved by contrast of values,
more colors, and placement

VISUAL DESIGN PRINCIPLES

Source: p. 130, MIL TG by CHED
Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
Source: https://iactivedesign.wordpress.com/tag/graphic-design/
3. BALANCE
• visual equality in shape, form,
value, color, etc.
• can be symmetrical and evenly
balanced, or asymmetrical and
unevenly balanced
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
Source: http://operationwritehome.org/all-things-being-equal-balance-in-design/
Source:
http://en.koreaportal.
com/articles/7525/20
160102/one-punch-
man-anime.htm
Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
 4. HARMONY
• brings together a composition with
similar units
• notice how similar harmony is to unity
(some sources list both terms)

VISUAL DESIGN PRINCIPLES

Source: p. 130, MIL TG by CHED
Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
Source: https://www.johnlovett.com/design-overview
 5. CONTRAST
• offers some change in value creating a
visual discord in a composition
• shows the difference between shapes and
can be used as a background to bring
objects out and forward in a design
• can also be used to create an area of
emphasis
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
Source:
https://www.desi
gncontest.com/b
log/contrast-in-
design/
6. DIRECTIONAL MOVEMENT
• a visual flow through the composition
• can be the suggestion of motion in a
design as you move from object to
object by way of placement and
position

VISUAL DESIGN PRINCIPLES

Source: p. 130, MIL TG by CHED
Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
Source: https://webdesign.tutsplus.com/articles/visual-direction-in-web-
design--webdesign-2545
Source: https://webdesign.tutsplus.com/articles/visual-direction-in-web-
design--webdesign-2545
7. RHYTHM
• a movement in which some
elements recur regularly
• like a dance, it will have a flow of
objects that will seem to be like
the beat of music

VISUAL DESIGN PRINCIPLES

Source: p. 130, MIL TG by CHED
Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
Source: https://www.hatchdesign.ca/principles-of-design-part-2-rhythm/
8. PERSPECTIVE
• created through the arrangement
of objects in two dimensional
space to look like they appear in
real life
• learned meaning of the
relationship between different
objects
VISUAL seen
DESIGN in space
PRINCIPLES
Source: p. 130, MIL TG by CHED
Source: https://www.youtube.com/watch?v=phWtQ2odZh0
Source: http://www.studentartguide.com/articles/one-point-perspective-drawing
Source: https://tomadondesign.wordpress.com/two-point-perspective-drawing/
Source: https://piaart.wordpress.com/two-point-perspective/
Source: https://en.wikipedia.org/wiki/Taj_Mahal
Photo Credit: Christian Dascalu
Source: https://www.cyprus-photo.com/2015/02/model-photo-shoot-at-saint-raphael-beach/g
 9. DOMINANCE
• gives interest, counteracting
confusion and monotony
• can be applied to one or more of
the elements to give emphasis

PRINCIPLES OF DESIGN
https://oss.adm.ntu.edu.sg/wheng004/tag/design/
Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
 Discuss visual design
principles applied in the
following media.

FORMATIVE ASSESSMENT
Source:
https://cscro6.word
press.com/arta-
corner/#jp-
carousel-2112
Source:
https://cscro6.word
press.com/arta-
corner/#jp-
carousel-2108
Source: http://opinion.inquirer.net/106642/editorial-cartoon-august-26-2017
Source:
http://www.inquirer.net/
page-one-single
Source:
http://news.abs-
cbn.com/focus/multimedia/infographic/09/04/17/what-
is-japanese-encephalitis
Source:
http://cnnphilippines
.com/news/2017/02/
01/HIV-cases-
increase-2016-
DOH.html
Source: https://www.tes.com/lessons/tmup-FOeYTHX1A/two-point-perspective-
drawing
Source: http://www.pinoyexchange.com/forums/showthread.php?t=313065&page=7
Photo Credit: HUF MAGAZINE
Source:
https://www.pinterest.co.uk/pi
n/323625923206850410/
Source:
http://mymoview
orld-
coolman0304.blo
gspot.com/2017/
07/birdshot-
trailer-and-
poster-pista-
ng.html
Source: http://ar.melinterest.com/?r=site/search&category=MLA114368/
Source: http://www.thephotoargus.com/35-superb-examples-of-still-life-photography/
Source: http://www.marklobo.com.au/news/category/melbourne-photographers/food-
photography-melbourne-photographers/
Source: https://www.demandgenreport.com/industry-
topics/rich-media/2906-the-power-of-visual-content-
infographic
CLASS ACTIVITY: STILL LIFE
PHOTOGRAPHY
 Produce a still life photography using
your personal things (watch, phone,
notebook, books, etc.) applying at least 3
of the discussed visual design principles.

FORMATIVE ASSESSMENT
REFERENCES
 Media and Information Literacy
Curriculum Guide by DepEd
 Media and Information Literacy
Teaching Guide by CHED
 Media and Information Literacy by
Boots C. Liquigan, Diwa Learning
Systems Inc.
REFERENCES
DESIGN ELEMENTS AND PRINCIPLES BY
CANVA.COM
 https://designschool.canva.com/design-elements-
principles/
WILSON’S PORTFOLIO: PRINCIPLES OF
DESIGN
 https://oss.adm.ntu.edu.sg/wheng004/tag/design/