Visual Information and Media
Media and Information Literacy – Q2,
Module 5
Definition of Terms
• • Analogous Colors – beside each other on the
color wheel
• • Complementary Colors – opposite colors,
strong contrast
• • GIF – animated image format
• • JPG – compressed photo format
• • Triad Colors – three evenly spaced colors
• • PNG – supports transparency
• • Split-Complementary – base + two beside
What is Visual Information and
Media?
• • Materials using images to communicate
• • Purposes:
• – Gain attention
• – Create meaning
• – Facilitate retention
Design Elements
• • Line – shape, outline, or movement
• • Shape – geometric or organic
• • Color – adds emotion
• • Texture – smooth or rough surface
• • Value – lightness/darkness
• • Space – positive & negative areas
Color Harmony
• • Monochromatic – shades of one color
• • Analogous – next to each other
• • Complementary – opposite colors
• • Triadic – three evenly spaced
• • Split-Complementary – base + two near
opposite
Visual Design Principles
• • Balance – equal weight
• • Contrast – differences
• • Emphasis – focus
• • Unity – consistency
• • Proportion – correct relations
• • Movement – guides eye
• • Rhythm – repetition
• • Harmony – pleasing arrangement
Elements and Principles of Art
• • Elements: line, shape, form, color, texture,
value, space
• • Principles: balance, contrast, emphasis,
unity, proportion, rhythm, harmony,
perspective
Examples
• • Analogous: green, blue-green, blue poster
• • Complementary: red + green in Christmas
card
• • GIF: animated meme
• • JPG: family photo
• • PNG: transparent school logo
• • Triad: red, yellow, blue toys
• • Split-Complementary: purple + yellow-green
+ yellow-orange
Conclusion
• Lesson 14 shows the importance of Visual
Media.
• Using design elements, color harmony, and art
principles,
• visuals become effective, meaningful, and
memorable.

VisualInformationAndMedia_WithLayout.pptx

  • 1.
    Visual Information andMedia Media and Information Literacy – Q2, Module 5
  • 2.
    Definition of Terms •• Analogous Colors – beside each other on the color wheel • • Complementary Colors – opposite colors, strong contrast • • GIF – animated image format • • JPG – compressed photo format • • Triad Colors – three evenly spaced colors • • PNG – supports transparency • • Split-Complementary – base + two beside
  • 3.
    What is VisualInformation and Media? • • Materials using images to communicate • • Purposes: • – Gain attention • – Create meaning • – Facilitate retention
  • 4.
    Design Elements • •Line – shape, outline, or movement • • Shape – geometric or organic • • Color – adds emotion • • Texture – smooth or rough surface • • Value – lightness/darkness • • Space – positive & negative areas
  • 5.
    Color Harmony • •Monochromatic – shades of one color • • Analogous – next to each other • • Complementary – opposite colors • • Triadic – three evenly spaced • • Split-Complementary – base + two near opposite
  • 6.
    Visual Design Principles •• Balance – equal weight • • Contrast – differences • • Emphasis – focus • • Unity – consistency • • Proportion – correct relations • • Movement – guides eye • • Rhythm – repetition • • Harmony – pleasing arrangement
  • 7.
    Elements and Principlesof Art • • Elements: line, shape, form, color, texture, value, space • • Principles: balance, contrast, emphasis, unity, proportion, rhythm, harmony, perspective
  • 8.
    Examples • • Analogous:green, blue-green, blue poster • • Complementary: red + green in Christmas card • • GIF: animated meme • • JPG: family photo • • PNG: transparent school logo • • Triad: red, yellow, blue toys • • Split-Complementary: purple + yellow-green + yellow-orange
  • 9.
    Conclusion • Lesson 14shows the importance of Visual Media. • Using design elements, color harmony, and art principles, • visuals become effective, meaningful, and memorable.