Scribd Logo
Upload

Welcome to Scribd!

  • 45 views

    MIL 13 Visual Information and Media Part 1

    Uploaded by

    Irenemae Olino
    VISUAL INFORMATION AND MEDIA

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    MIL 13 Visual Information and Media Part 1

    Uploaded by

    Irenemae Olino
    45 views40 pages
    VISUAL INFORMATION AND MEDIA

    Original Title

    MIL-13-Visual-Information-and-Media-Part-1

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    VISUAL INFORMATION AND MEDIA

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    45 views40 pages

    MIL 13 Visual Information and Media Part 1

    Uploaded by

    Irenemae Olino
    VISUAL INFORMATION AND MEDIA

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    of 40

    MEDIA AND

    17
    INFORMATION 0 , 2 0
    1
    LITERACY be
    r
    . 2 5 em
    o t
    N ep
    P T :S
    P a te
    VISUAL INFORMATION D

    AND MEDIA (PART 1)


    Definition
    Purpose and Importance
    Types and Formats Mr. Arniel V. Ping
    Visual Design Elements St. Stephen’s High School
    Manila, Philippines
    VISUAL INFORMATION
    & MEDIA
    - materials, programs, applications and the like
    that teachers and students use to formulate new
    information to aid learning through the use,
    analysis, evaluation and production of visual
    images.
    TYPES OF VISUAL MEDIA
    VISUAL • Photography
    INFORMATION • Video
    • Screenshots
    • Infographics
    • Data Visualization (charts
    and graphs)
    VISUAL MEDIA • Comic Strips/Cartoons
    • Memes
    • Visual Note-Taking
    PURPOSE OF VISUAL INFORMATION

     gain attention
     create meaning
     facilitate retention
    PURPOSE OF VISUAL INFORMATION

    Source: http://www.comoxvalleyrd.ca/EN/meta/whats-new/news-archives/2015/practice-how-to-drop-cover-and-hold-
    on-during-shakeout-bc-day.html
    The Power Of Visual Content BY DemandGen Report (2014)
    Source: https://www.demandgenreport.com/industry-topics/rich-media/2906-the-power-of-visual-content-infographic
    Source:
    https://
    postcron.com/
    en/blog/visual-
    content-
    strategies-for-
    social-networks/
    THE POWER OF VISUAL CONTENT MARKETING
    Source: http://springboardpr.ie/the-power-of-visual-content-marketing/
    COMMON VISUAL MEDIA FILE TYPES

    KNOW YOUR IMAGE FORMAT


    HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-FORMATS-MEGA-CHEAT-
    SHEETS/
    KNOW YOUR IMAGE FORMAT
    HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
    FORMATS-MEGA-CHEAT-SHEETS/

    Joint Photographic Experts Group


    KNOW YOUR IMAGE FORMAT
    HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
    FORMATS-MEGA-CHEAT-SHEETS/

    Graphics Interchange Format


    KNOW YOUR IMAGE FORMAT
    HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
    FORMATS-MEGA-CHEAT-SHEETS/

    Tagged Image File Format


    KNOW YOUR IMAGE FORMAT
    HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
    FORMATS-MEGA-CHEAT-SHEETS/

    Portable Network Graphics


    KNOW YOUR IMAGE FORMAT
    HTTPS://MAKEAWEBSITEHUB.COM/IMAGE-
    FORMATS-MEGA-CHEAT-SHEETS/
    VISUAL DESIGN ELEMENTS
    - the building blocks or basic units in
    the construction of a visual image.
    ELEMENTS OF VISUAL
    DESIGN

    VISUAL DESIGN ELEMENTS


     P.123 MIL TEACHING GUIDE BY CHED

    THE BUILDING BLOCKS OF VISUAL DESIGN BY TEO SIANG


     https://www.interaction-design.org/literature/article/the-building-blocks-of-visual-design
    LINE
     describes a shape or outline
     create texture and can be thick or thin
     maybe actual, implied, vertical, horizontal,
    diagonal, or contour lines

    VISUAL DESIGN ELEMENTS


    P. 123, MIL TEACHING GUIDE BY CHED
    LINE

    Source:
    https://www.interaction-
    design.org/literature/article/
    the-building-blocks-of-
    visual-design
    LINE

    Author/Copyright holder:
    Teo Yu Siang and
    Interaction Design
    Foundation. Copyright
    terms and licence: CC BY-
    NC-SA 3.0

    Source:
    https://www.interaction-
    design.org/literature/
    article/the-building-
    blocks-of-visual-design
    SHAPE
    a geometric or organic area that stands out
    from the space next to or around it, or
    because of differences in value, color, or
    texture

    VISUAL DESIGN ELEMENTS


    P. 123, MIL TEACHING GUIDE BY CHED
    SHAPE

    Source: https://www.tes.com/lessons/AML9tkm0rSdgfA/organic-versus-geometric
    SHAPE

    Source: http://vanseodesign.com/web-design/form-surface-volume/
    VALUE
     the degree of light and dark in a design
     contrastbetween black and white and all
    the tones in between

    VISUAL DESIGN ELEMENTS


    P. 123, MIL TEACHING GUIDE BY CHED
    VALUE

    Source: https://www.sitepoint.com/principles-of-design-value/
    TEXTURE
     way a surface feels or is perceived to feel
     illusion
    of the surfaces peaks and valleys,
    resulting in a feeling of smoothness or
    roughness in objects

    VISUAL DESIGN ELEMENTS


    P. 123, MIL TEACHING GUIDE BY CHED
    TEXTURE

    No Texture

    With Texture
    TEXTURE

    Source:
    https://www.pinterest.com/
    pin/431853051753900979/
    TEXTURE

    Source:
    http://
    www.sibleyfineart.com/
    glyscreen_oe.htm?gly/b23--
    bearded-collie.htm
    TEXTURE

    Source: http://opinion.inquirer.net/105207/editorial-cartoon-june-29-2017
    COLOR
     determined by its hue (name of color),
    intensity (purity of the hue), and value
    (lightness or darkness of hue)
     used
    for emphasis, or may elicit emotions
    from viewers
    VISUAL DESIGN ELEMENTS
    P. 123, MIL TEACHING GUIDE BY CHED
    Source:
    https://www.cr
    eativeboom.co
    m/resources/es
    sential-colour-
    guide-for-
    designers-
    understanding-
    colour-theory/
    Source:
    http://www.dai
    lyinfographic.
    com/logos-a-
    look-at-the-
    meaning-in-
    colors-
    infographic
    FORM
     a figure having volume and thickness
     an illusion of a 3-dimensional object can be
    implied with the use of light and shading
     can be viewed from many angles

    VISUAL DESIGN ELEMENTS


    P. 123, MIL TEACHING GUIDE BY CHED
    FORM

    Source:
    http://visualart
    spdsf.blogspot.
    SHAPE FORM com/2012/04/f
    orm-or-
    volume.html

    FORM IS A SHAPE IN THREE DIMENSIONS


    FORM

    Source:
    http://visualar
    tspdsf.blogsp
    ot.com/2012/
    04/form-or-
    volume.html
    FORMATIVE ASSESSMENT
    RECITATION
    Source: http://www.gmanetwork.com/news/newstv/content/281695/news-tv-fan-favorite-i-juander-moves-to-
    wednesdays-8-pm/story/
    Source:
    http://
    www.gmanet
    work.com/
    news/
    newstv/
    content/
    511650/
    infographic-
    ligtas-lindol-
    tips/story/
    Source:
    http://
    entertainment.a
    bs-cbn.com/tv/
    shows/
    angprobinsyano
    /photos/
    albums/
    7642516-ligtas-
    tips-paalala-ng-
    probinsyano
    Source: https://thebeatdfw.com/2940220/bruno-mars-24k-magic-world-tour-2017-enter-to-win/

    You might also like