Media and Information Literacy (MIL)- Visual Information and Media (Part 2)

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://www.linkedin.com/pulse/importance-visual-content-social-media-marketing-presentations-me

VISUAL DESIGN PRINCIPLES

Source: p. 130, MIL TG by CHED

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.

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


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 or asymmetrical and unevenly balanced


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

Source:http://en.koreaportal.com/articles/7525/20160102/one-punch-man-anime.htm


4. HARMONY • brings together a composition with similar units

• notice how similar harmony is to unity (some sources list both terms)



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



Source:https://www.designcontest.com/blog/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 placement and position



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



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 seen in space


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 DascaluSource: 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/


Discuss visual design principles applied in the following media.

FORMATIVE ASSESSMENT

Source: https://cscro6.wordpress.com/arta-corner/#jp-carousel-2112

Source: https://cscro6.wordpress.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 MAGAZINESource: https://www.pinterest.co.uk/pin/323625923206850410/

Source:http://mymovieworld-coolman0304.blogspot.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

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.

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/

Education

Media and Information Literacy (MIL)- Visual Information and Media (Part 2)