share anecdotes of how he/she has used ICTs to be part of a social movement, change, or cause to illustrate aspects of digital citizenship

1. MEDIA AND
INFORMATION
LITERACY
VISUAL INFORMATION
AND MEDIA (PART 2)
Visual Design Principles

2. 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

3. I- VISUAL INFORMATION AND MEDIA (Part 2)
A. Visual Design Principles
TOPIC OUTLINE

4. Source:
https://ww
w.linkedin.c
om/pulse/i
mportance-
visual-
content-
social-
media-
marketing-
presentatio
ns-me

5. VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED

6. 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.

7. Source: https://www.pinterest.com/pin/28077197647114171/

8. Source: https://gofishdigital.com/guide-design-consistency/

9. Source: http://www.loopassociates.com/projects/brand-consistency-leading-to-millions-in-cost-
reduction/

10. 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

11. Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/

12. Source: https://iactivedesign.wordpress.com/tag/graphic-design/

13. 3. BALANCE
• visual equality in shape, form, value,
color, etc.
• can be symmetrical and evenly
or asymmetrical and unevenly balanced
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED

14. Source: http://operationwritehome.org/all-things-being-equal-balance-in-design/

15. Source:
http://en.koreaportal.co
m/articles/7525/2016010
2/one-punch-man-
anime.htm

16. Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/

17. 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

18. Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/

19. Source: https://www.johnlovett.com/design-overview

20. 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

21. Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/

22. Source:
https://www.desig
ncontest.com/blog
/contrast-in-
design/

23. 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
placement and position
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED

24. Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/

25. Source: https://webdesign.tutsplus.com/articles/visual-direction-in-web-design--
webdesign-2545

26. Source: https://webdesign.tutsplus.com/articles/visual-direction-in-web-design--
webdesign-2545

27. 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

28. Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/

29. Source: https://www.hatchdesign.ca/principles-of-design-part-2-rhythm/

30. 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 seen in space
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED

31. Source: https://www.youtube.com/watch?v=phWtQ2odZh0

32. Source: http://www.studentartguide.com/articles/one-point-perspective-drawing

33. Source: https://tomadondesign.wordpress.com/two-point-perspective-drawing/

34. Source: https://piaart.wordpress.com/two-point-perspective/

35. Source: https://en.wikipedia.org/wiki/Taj_Mahal

36. Photo Credit: Christian Dascalu
Source: https://www.cyprus-photo.com/2015/02/model-photo-shoot-at-saint-raphael-beach/g

37. 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/

38. Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/

39. Discuss visual design principles
applied in the following media.
FORMATIVE ASSESSMENT

40. Source:
https://cscro6.wordpr
ess.com/arta-
corner/#jp-carousel-
2112

41. Source:
https://cscro6.wordpr
ess.com/arta-
corner/#jp-carousel-
2108

42. Source: http://opinion.inquirer.net/106642/editorial-cartoon-august-26-2017

43. Source:
http://www.inquirer.net/pa
ge-one-single

44. Source:
http://news.abs-
cbn.com/focus/multimedia/infographic/09/04/17/wh
at-is-japanese-encephalitis

45. Source:
http://cnnphilippines.co
m/news/2017/02/01/HI
V-cases-increase-2016-
DOH.html

46. Source: https://www.tes.com/lessons/tmup-FOeYTHX1A/two-point-perspective-drawing

47. Source: http://www.pinoyexchange.com/forums/showthread.php?t=313065&page=7

48. Photo Credit: HUF MAGAZINE
Source:
https://www.pinterest.co.uk/pin/3
23625923206850410/

49. Source:
http://mymoviewor
ld-
coolman0304.blogs
pot.com/2017/07/b
irdshot-trailer-and-
poster-pista-
ng.html

50. Source: http://ar.melinterest.com/?r=site/search&category=MLA114368/

51. Source: http://www.thephotoargus.com/35-superb-examples-of-still-life-photography/

52. Source: http://www.marklobo.com.au/news/category/melbourne-photographers/food-photography-
melbourne-photographers/

53. Source: https://www.demandgenreport.com/industry-topics/rich-
media/2906-the-power-of-visual-content-infographic

54. FORMATIVE ASSESSMENT
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.

55. 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.

56. 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/