LESSONS
LESSONS
Discuss how traditional media has affected Filipinos in the past, throughout the different eras.
a. Pre-Spanish Era – knowledge was passed on through folk media and indigenous forms of
media.
b. Spanish Era – while education was limited to the elite, publication of books (i.e., Noli Me
Tangere and El Filibusterismo) and newspapers (La Solidaridad) advanced the Propaganda
movement which led to the people’s revolution against Spanish rule. Filipinos at that time did
not have a common language. Only the elite spoke and understood Spanish. Thus,
communication was limited. Pen names were used to avoid political oppression.
c. American and Japanese Era - During this era, major newspaper (i.e. Manila Times and Manila
Bulletin), radio broadcasting and movies became available. Media was used for propaganda by
Careers: book writers, newspaper writer, editor, publisher, copyreader, artist, cartoonist, reporter,
producer, broadcaster.
d. Post-war Era – the golden age of Philippine Journalism. Advertising, Communication Education,
Careers: book writers, newspaper writer, editor, publisher, copyreader, artist, cartoonist, reporter,
e. Martial Law Era - Highlights of this era include the government takeover of media and the press
f. Post-EDSA Era - People Power brought greater freedom for Philippine media. During this era,
the new Constitution recognized the vital role of communication and information in nation building. Press freedom
influenced the growth in media careers.
g. Modern Era – Careers: web designer, online instructors, digital producers, bloggers, animators, programmer, archivist,
metadata analyst, data miner, user experience designer, call center agents, virtual assistants.
PEOPLE MEDIA
People as media - Individuals serve as channels of information. Traditionally, this is limited to
folk media, writing, or creating a media artefact. With the advent of social media, individuals
have been empowered to not just create media artefacts but to give feedback, edit and add on
• Connects with friends and people (includes referrals by other friends or by the site itself)
As a producer of text media and information, we need to review the media and
information design framework: target audience, author or sender, key content,
purpose, form/style and format.
Text as visual
a. Typeface (also called font, font type, or type) refers to the representation or style of a
text in the digital format.
b. A typeface is usually comprised of alphabets, numbers, punctuation marks, symbols
and other special characters. When fonts are installed in the computer, they usually
come in file formats such as True Type Font (.ttf), Open Type Font (.otf), etc.
c. In the absence of images or drawings, text is the easiest way of communicating to your
audience. The use of various font types can express different emotions or meaning
Types of Typefaces:
Serif - connotes formality and readability in large amount of texts. This font is usually used for the body text of
books, newspapers, magazines and research publication. Also, serif fonts give a classic or elegant look when
used for title or heading.
Examples: Times New Roman, Garamond, Baskerville
Sans serif - brings a clean or minimalist look to the text. This font is used for clear and direct meaning of text
such as road signage, building directory or nutrition facts in food packages. Also, sans serif fonts give a
modern look and is used primarily in webpage design.
Examples: Arial, Helvetica, Tahoma, Verdana, Calibri
Slab serif- carries a solid or heavy look to text. This font can be used for large advertising sign on billboards.
Examples: Rockwell, Playbill, Blackoak
Script- draws much attention to itself because of its brush-like strokes. This must be used sparingly and not to
be used in large body text. This font is usually used in wedding invitation cards or other formal events.
Examples: Edwardian, Vladimir, Kunstler
Display or decorative- caters to a wide variety of emotions (such as celebration, fear, horror, etc.) or theme themes (such as cowboys,
circus, holidays, summer, kiddie, etc.) Examples: Chiller, Jokerman, Curlz MT 1
Text Media and Information
Design principles and elements – the principles in designing text elements are Emphasis, Appropriateness, Proximity,
Alignment,
1. Emphasis - refers to the importance or value given to a part of the text-based content. When trying to make a point or
highlighting a
message, you can make the text bold, italicized, have a heavier weight, darkened or lightened (depending on your
background color) or
enlarged.
2. Appropriateness - refers to how fitting or suitable the text is used for a specific audience, purpose or event. In the
creation of text-based
content, make sure that the selection criteria (tone, style, purpose, clarity) is followed. As for the choice of typefaces to
be used, refer to the
discussion of the characteristics of the fonts. When it comes to large body text, the font should be clear enough to read.
3. Proximity - refers to how near or how far are the text elements from each other. When two things are closely related,
we bring them close
together. Otherwise, we put text elements far from each other. For example, the main title and subtitle are usually
placed close to each
other.
4. Alignment - refers to how the text is positioned in the page. This can be left, right,
center or justified.
5. Organization - refers to a conscious effort to organize the different text elementsin a page. Organization ensures that
while some text elements are separatedfrom each other (based on the principle of proximity), they are still somehow
connected with the rest of the elements in the page.
6. Repetition- concerns consistency of elements and the unity of the entire design.Repetition encourages the use of
repeating some typefaces within the page.When several typefaces are used on a page, it might distract the audience and
fail to communicate what you want them to get from the content.
1. Visual media and information – 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.
2. Types of visual media – photography, video, screenshots, infographics, data visualization (charts and graphs),
comic strips/cartoons, memes, visual note-taking, etc (Give examples of each type and highlight special
3. Formally and informally produced visual media – visual media produced by formal organizations such as
schools, government, and established media/publishing outfits are considered formally produced. Other visual
4. Purpose of visual information – the primary purpose of visual information is to gain attention, create meaning,
and facilitate retention. (Show at least one example for each purpose and ask learners their reactions or responses
to each one).
5. Visual design elements - the building blocks or basic units in the construction of a visual image. (Show visual
media and information that incorporates most of the design elements. Point out why these elements are
important).
a. Line – describes a shape or outline. It can create texture and can be thick or thin. Lines may be actual,
implied, vertical, horizontal, diagonal, or contour lines.
b. Shape – usually a geometric area that stands out from the space next to or around it, or because of
differences in value, color, or texture. Shape may also be organic.
c. Value – the degree of light and dark in a design. It is the contrast between black and white and all the tones in
between. Value can be used with color as well as black and white. Contrast is the extreme changes between
values.
d. Texture – the way a surface feels or is perceived to feel. Texture can be added to attract or repel interest to a
visual element. Visual texture is the illusion of the surfaces peaks and valleys, resulting in a feeling of
smoothness or roughness in objects.
e. Color – determined by its hue (name of color), intensity (purity of the hue), and value (lightness or darkness of
hue). Color and color combination can play a large role in the design. Color may be used for emphasis, or
may elicit emotions from viewers. Color maybe warm, cool, or neutral. It plays a major role in our visual
perception, as it influences our reactions about the world around us. It is therefore important to create color
palettes that evoke the appropriate audience reactions. Color has three properties.
f. Form – a figure having volume and thickness. An illusion of a 3-dimensional object can be implied with the
use of light and shading. Form can be viewed from many angles.
Audio Information and Media
a. Elements of Sound Design – the objects or things that we have to work with:
• Dialogue - speech, conversation, voice-over.
• Sound Effects - any sound other than music or dialogue.
• Music - vocal or instrumental sounds (or both) combined in
such a way as to produce beauty of form, harmony, and
expression of emotion.
• Silence - absence of audio or sound.
b. Principles of Sound Design – the techniques for combining the
different elements or objects.
• Mixing - the combination, balance and control of multiple
sound elements.
• Pace - Time control. Editing. Order of events: linear, non-linear,
or multi-linear.
• Transitions - How you get from one segment or element to
another. Types of transitions:
- Segue - one element stops, the next begins ("cut" in film).
- Cross-fade - one element fades out, the next fades in, and
they overlap on the way.
- V-Fade - First element fades to inaudible before the second
element begins.
- Fade to Black - V-Fade with some silence between elements.
- Waterfall - As first element fades out, the second element
begins at full volume. Better for voice transitions, than for
effects.
• Stereo Imaging - Using left and right channel for depth.