lesson21-visualinformationandmediapart2.pptx

visualinformationandmediapart2

1. MEDIA AND I N F O R M A TION 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 mpo r tanc e - visual- content- social- media- marketing- presentatio ns-me

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

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

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. So u r ce : http://en.koreaportal.co m/articles/7525/2016010 2/one-punch-man- an i me.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: http s://ww w.jo hnlovett.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. Sourc e : https://www.desig ncontest.com/blog /contrast-in- d e sign/

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-- w e b d esig n -2545

26. Source: https://webdesign.tutsplus.com/articles/visual-direction-in-web-design-- w e b d esig n -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: http s://www.hatchdesign.c a/p rinciples - 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. So u r c e : https://cscro6.wordpr ess.com/arta- corner/#jp-carousel- 2112

41. So u r c e : https://cscro6.wordpr ess.com/arta- corner/#jp-carousel- 2108

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

43. So u r c e : http://www.inquirer.net/pa ge-one-single

44. Source: ht tp :/ / ne w s.ab s- cbn.com/focus/multimedia/infographic/09/04/17/wh at-is-japanese-encephalitis

45. So u r ce : 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 So u r c e : https:// www.pinterest.co.uk/pin/3 23625923206850410/

49. Sourc e : 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. 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

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/