MIL Design Elements

MEDIA AND
INFORMATION
LITERACY
MIL Introduction (Part 3)

Design Elements and Principles
JAMES C. JUAN
MIL PPT 03
LEARNING COMPETENCIES
LEARNERS WILL BE ABLE TO…
 create a text and visual digital poster which will
campaign for high school students to be a
responsible user and competent producer of media
and information (SSHS)
Media and Information Literacy

 produce and evaluate a creative text based
presentation using design principle and elements
(MIL11/12TIM-IVb-6);
 produce and evaluate a creative visual based
(MIL11/12VIM-IVc-10); and

 produce and evaluate a creative text based
(MIL11/12TIM-IVb-6);
 produce and evaluate a creative visual based
(MIL11/12VIM-IVc-10); and

TEXT DESIGN
Elements and Principles
EMPHASIS
 Importance or value given to a part of the text-

based content
 make the text bold

 Italicized
 have a heavier weight
 darkened or lightened
 enlarged
EMPHASIS

EMPHASIS

APPROPRIATENESS
 How fitting or suitable the text is used for a specific

audience, purpose or event
THIS IS SERIF “Times New Roman”

THIS IS SAN SERIF “Arial”
This Is Script “Brush Script”
This Is Decorative - “Giddyup
Std”
APPROPRIATENESS

APPROPRIATENESS

PROXIMITY
 How near or how far the text elements from each

other
 When two things are closely related, bring them close
together

ALIGNMENT
 How the text is positioned in the page
 Left, Center, Right, Justified

ALIGNMENT

ORGANIZATION
 Conscious effort to organize the different text
elements in a page
 Ensures that while some text elements are separated
from each other, they are still somehow connected
with the rest of the elements in the page

ORGANIZATION
An example of FRAMEWORK or COMPARTMENTALIZING

ORGANIZATION

REPETITION
 Consistency of elements
 Unity of the entire design
 Repeating some typefaces within the page

REPETITION

CONTRAST
 Creates visual interest

 Two elements are different from each other
 white text on a dark background
 large font with a small font

 SERIF and SANS SERIF
 thin elements with wide elements
 cool color and warm color

CONTRAST

VISUAL DESIGN
Elements and Principles
CONSISTENCY
 Consistency of margins, typeface, typestyle, and
colors is necessary, especially in slide presentations or
documents that are more than one page.

CONSISTENCY

CONSISTENCY

CONSISTENCY

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

CENTER OF INTEREST

CENTER OF INTEREST

BALANCE
 Visual equality in shape, form, value, color, etc.
 Can be symmetrical and evenly balanced, or
asymmetrical and unevenly balanced

BALANCE

BALANCE

BALANCE

BALANCE

BALANCE

HARMONY
 brings together a composition with similar units
 Notice how similar harmony is to unity (some sources
list both terms)

HARMONY

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

CONTRAST

CONTRAST

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 of placement
and position




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

RHYTHM

RHYTHM

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

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

PERSPECTIVE

DOMINANCE
 Gives interest, counteracting confusion and
monotony
 Can be applied to one or more of the elements to
give emphasis

DOMINANCE

FORMATIVE ASSESSMENT
Discuss text and visual
design elements and
principles applied in
the following media:
















MIL Design Elements

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

MIL Design Elements

Hochgeladen von

Copyright:

Verfügbare Formate

MEDIA AND

MIL Introduction (Part 3)

LEARNERS WILL BE ABLE TO…

 create a text and visual digital poster which will

campaign for high school students to be a

responsible user and competent producer of media

and information (SSHS)

Media and Information Literacy

LEARNERS WILL BE ABLE TO…

 produce and evaluate a creative text based

presentation using design principle and elements

 produce and evaluate a creative visual based

presentation using design principle and elements

Media and Information Literacy

LEARNERS WILL BE ABLE TO…

 produce and evaluate a creative text based

presentation using design principle and elements

 produce and evaluate a creative visual based

presentation using design principle and elements

Media and Information Literacy

 Importance or value given to a part of the text-

 make the text bold

Media and Information Literacy

Media and Information Literacy

 How fitting or suitable the text is used for a specific

THIS IS SERIF “Times New Roman”

Media and Information Literacy

Media and Information Literacy

 How near or how far the text elements from each

Media and Information Literacy

 How the text is positioned in the page

 Left, Center, Right, Justified

Media and Information Literacy

Media and Information Literacy

 Conscious effort to organize the different text

 Ensures that while some text elements are separated

from each other, they are still somehow connected

with the rest of the elements in the page

Media and Information Literacy

An example of FRAMEWORK or COMPARTMENTALIZING

Media and Information Literacy

 Unity of the entire design

 Repeating some typefaces within the page

Media and Information Literacy

Media and Information Literacy

 Creates visual interest

 white text on a dark background

 large font with a small font

Media and Information Literacy

Media and Information Literacy

 Consistency of margins, typeface, typestyle, and

colors is necessary, especially in slide presentations or

documents that are more than one page.

Media and Information Literacy

Media and Information Literacy

Media and Information Literacy

Media and Information Literacy

 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,

Media and Information Literacy

Media and Information Literacy