Producing and Evaluating a Creative Text-

based, Visual-Based, Audio-Based,

Motion-Based, and Manipulative-Based
Presentation Using Design Principles and
Elements
 Producing and Evaluating a
Creative Text-based Presentation
Using Design Principles and
Elements
 Design Elements in Print
Basic Design Elements for Prints

Color Font Space

(contrast) (size, style, (learning, leading,

hierarchy, etc.) white space, etc)

In producing a text-based presentation or printed media, basic design

elements and principles are need to be considered. These design guidelines
are necessary to improve visual appearance and assist in conveying the
message. For design elements, we have three major elements to be
considered: color, front, and space.
Design Elements: Color Contrast
- Making sure the values are of good contrast
- Not achieved by simply putting together two different colors
EXAMPLES
HIGH HOPES VS HIGH HOPES
HIGH HOPES HIGH HOPES

The first element is the color contrast. When doing so, especially in
magazines and promotional materials, it is not enough to choose colors that
are different. One has to take note of their color values. One way to
determine if they are constrasting enough is by inverting them into grayscale.
The closer their values are(1), the harder they are to be read, thus are not a
good pair.
 Design Elements: Font size, style, headings,
hierarchy
A font is a specific type of type
A typeface is a particular style
face(e.g. Century Vold, Calibri
of type (e.g. Verdana, Century)
Body)

A heading shows the organization

10 pt. for the body is generally
of the content, to break content
into chunks for easier digestion accepted for reading, anything
and understanding; should be brief smaller this size will be too
but informative to serve as cue for small for the average viewer
readers to read.
Text in writing of words and letters. To format text, you need to decide
which typeface you will use. You also have to decide how you’ll present
headings and how you’ll highlight important material.
Design Elements: Kerning
• Is the process of adjusting the space between individual
characters
• Used to achieve balance between characters(white space)

The next design element is space. One of its concern is the

space between characters. This is called kerning.
Design Elements; Leading

Is the space between lines of text

Used to facilitate easier reading and following for readers

Too much space is text tedious to read

The next concern is the space between lines of text that will aid
in reading. Too much or lesser spaces are tedious to read.
 Design Elements: White/Negative Space
Dense or Helps to create
Is the space
elements that balance or lead
between
are too close to to the readers
elements in a
each other is eye from one
composition
difficult to read part to the next

White space is the space between all the elements in comparison.

It may assist in showing elegance ornother level of comparison
 Design Principles in Print

Basic Design Principles

Unity Variety

Emphasis Balance

Effective positioning and arrangement of text and other elements can

create a materials that showcases design principles.
Design Principles in Print
Unity Achieved through repetition and consistency

Balance Sense of harmony or equilibrium

Variety Appropriate break from unity to add interest

Emphasis directing the eyes of the readers to that is

important
Producing and Evaluating a
Creative Visual-based
Presentation Using Design
Principles and Elements
Design Principles and element
Design principles and elements are the foundations in
creating visual media. Combining these wisely and
appropriately will improve not just the aesthetics but also
effeveness of the material
Here is list of the most common design elements and
principles

LINE
• A path created from a single point to another
• Can be vertical, horizontal, diagonal, straight, or curve
Design Elements
SHAPE
• 2 dimensional enclosed space formed by joined lines
• Only has length and width(flat)
FORM
• 3 dimensional shape
• Length, width, and depth

• TEXTURE
• The surface quality of an object
• A physically illusion of how an object would feel if it was touched
Design Elements
SPACE
• The outside or inside are an object occupies
• Positive or negative(white space)
VALUE
• Refers to the tone of an object(the darkness or lightness of an object)
• White is the lightest value and black is the darkest

COLOR
Combination of hue, value, and intensity
• Hue- color name
• Value- the darkness or lightness
• Intensity- brightness quality of the color(high intensity is brighter while low
intensity color is dull)
Design Principles
BALANCE
Distribution of visual weight
Symmetrical Equally balanced design

Asymmetrical One half is not proportion to the other half

Emphasis Arrangement of design elements to highlight important

points
Contrast It highligths the difference
Design Principles

Unity While contrast emphasize difference, unity highlights

harmony

Pattern Arrangement of object or other elements is an orderly

repetitive manner

Proportion The scale of elements in relation to another

Movement Arrangement of elements that implies optical motion and

also called rythm
Producing and Evaluating a
Creative Audio-based
Presentation Using Design
Principles and Elements
What is an Audio
Sound, especially when recorded, transmitted, or
reproduced

Audio Media
Media communication that uses audio or recordings to deliver
and transfer information through the means of sound
TYPES OF AUDIO INFORMATION
1. Radio Broadcast- live or recorded audio sent through radio
waves to reach a wide audience.
2. Music- vocal or instrumental sounds combined in such a way
as to produce a beauty of form, harmony, and expression of
emotion.
3. Sound Recording- recording of an interview, meeting, or any
sound from the environment.
4. Sound clips/effects- any sound artificially reproduced to create
an effect in a dramatic presentation.
5. Audio podcast- a digital audio or video file or recording,
usually part of a themed series, that can be downloaded from
a website to a media player or computer.
Ways to Store Audio Information
1. Tape
2. CD (Compact Disc)
3. USB Drive
4. Memory Card (aka Flash Memory Card or Storage
Card)
5. Computer Hard Drive
6. Internet/Cloud
Unit of Sound
1. Decibel- or simply dB, noise of sound measurement
2. Hertz- or simply Hz, unit of sound frequency
3. Phon- unit of subjective loudness

Characteristics of a Sound
1. Volume- intensity of a sound
2. Tone- the audible characteristic of a sound
3. Pitch- is how high or low a sound is
4. Loudness- refers to the magnitude of the
heard
Purposes of Sound
• Give instruction or information
• Provide feedback
• To personalize or customize
Elements of a Sound Design
1. Dialogue
2. Sound effects
3. Music
Principles of a Sound Design
1.Mixing
2.Pace
3.Stereo Imaging
4.Transition
WHAT IS MOTION MEDIA
• Is visual media that gives the
appearance of a movement
• Can be a collection of graphics,
footage, videos. It is combined with
audio, text and /or interactive content
to create multimedia
2 FORMS OF MOTION MEDIA
1. Informal - createdby individualsoftenfor
personal use.
2. Formal – created by professionals who
follow industry standards in creating, editing
and producing motion media.

TYPES
•
OF MOTION MEDIA
ACCORDING TO FORMAT:
• ANIMATION– Animated GIFs(Graphic Interchange Format),
Flash, Shockwave, Dynamic HMTL VIDEO FORMATS /
• VIDEO CODECS – MP4, DivX, MPG, 3GP,AVI,MKV,etc.
 ACCORDING TO PURPOSE:
• Education
•Entertainment
• Advertising
ACCORDING TO SOURCE:
•Personal
•Social Media
•Media Companies
ACCORDING TO AUDIENCE:
•Private/ Public 
•General / Directed
ELEMENTS OF MOTION MEDI
A
•Speed – A fast movement gives vigor and vitality, intensifying
emotions. A slow movement can notes lethargy, solemnity or
sadness.
• Direction – indicates a movement from one direction to another. It
can also refer to the growing or shrinking of an object.
•Timing – can be objective or subjective. Objective timing can be
measured in minutes, seconds, days, etc. Subjective timing is
psychological or felt.
• Transition – used to switch between scenes
• Sound and Color – adds meaning to the motion
• Blurring – Inanimation, blurring can provide the
illusion of fast movement. In videos, it is often used to
censor information for security or decency
Manipulative Media
• Manipulatives Media-items or tools used to aid in hands-on learning
models in which learners can manipulate to gain understanding and/or
mastery of a concept tools to assist students to advance from concrete
novice knowledge to a more expert understanding of abstract ideas through
visual and kinesthetic senses

• General Objective-The learner understands the similarities and differences

of the different types of manipulatives media and information and gain
comprehensive knowledge how to analyze, design, develop, implement
(utilize) and evaluate them.
Manipulatives Media
• Specific Objectives At the end of the lesson, the
learner... describes the different dimensions of
manipulatives media and information; evaluates the
reliability and validity of manipulatives media and
information and its sources; utilizes design principle
and elements for manipulatives media and
information; and familiarizes on manipulatives media
and information and gain comprehensive knowledge
on how to effectively evaluate them.