Media and Information Literacy (MIL)- Visual Information and Media (Part 2)
-
Upload
arniel-ping -
Category
Education
-
view
5.902 -
download
41
Transcript of 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
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 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/20160102/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.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
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 seen in space
VISUAL DESIGN 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 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/
Source: 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/