ENG152 - A7 | 3:00PM - 4:30 PM APRIL 2024

TECHNICAL WRITING

MULTIMEDIA
PRESENTATIONS
REPORT
ENG152 - A7 | 3:00PM - 4:30 PM FEB __ 2024

Today’s Reporters

Pamela Rolan Alvia Kaila Charlejan Asleah

Pepito II Sacal Tubat Ursaiz Wahab
ENG152 - A7

Table of Contents
INTRODUCTION

DESIGN PRINCIPLES

LAYOUT DESIGN

TYPOGRAPHY
 A multimedia presentation is a standalone
presentation that includes information presented
with slides, video, or digital representations and
includes sound which might be a narrative, music or
sound effects.
Uses of Multimedia Presentations
Business - applications for multimedia includes
presentation, training, advertisement, video conference,
among others.
Education - multimedia presentations are great ways to
introduce new concepts or explain new technology.
Homes - from gardening, cooking, home design,
remodeling, and repair to genealogy software, multimedia
has entered the home.
Public places - provides information and help for
consumers in the interactive manner and reduce personal
or manual work.
Uses of Multimedia Presentations
Business - applications for multimedia includes
presentation, training, advertisement, video conference,
among others.
Education - multimedia presentations are great ways to
introduce new concepts or explain new technology.
Homes - from gardening, cooking, home design,
remodeling, and repair to genealogy software, multimedia
has entered the home.
Public places - provides information and help for
consumers in the interactive manner and reduce personal
or manual work.
Design
According to bethtbf (2021), multimedia
design principles are guidelines that

Principles.
help educators and instructional
designers create effective and engaging
learning materials using various media
Contrast formats. These principles focus on
Repetition optimizing the presentation of
Alignment information to enhance comprehension,
Proximity retention, and overall learning
experience.
 Design Principles

Contrast
Emphasizes Differences
Visual contrasts highlight similarities
or differences.
Choices to Consider
Type size and face, color, and spacing.
Grouping Items
Appropriate grouping enhances clarity.
Principles to Remember
Related items should appear similar.
Unrelated items should appear different.
Slippery
Road
 Design Principles

Repetition
Building Coherence
Repeating elements, themes, and
orientations.
Consistency Matters
Considers elements for contrast.
Goal
Establishes consistency and coherence.
Elements for Consistency
Type size and face, color, and spacing.
 Design Principles

Alignment
Strategic Positioning
Information places thoughtfully.
Horizontal
Don’t mix alignments
Center = balance
Left and Right = movement
Text has a baseline which is the line
that text and graphics sit on.
Vertical
We read from top down. Therefore the
top is the most important position.
 Design Principles

Alignment
 Design Principles

Alignment
Control of Viewer’s Focus
Alignment guides the viewer’s eye.
Links Uniform Blocks
Creates a polished appearance.
Connects with Contrast and Repetition
Adds to uniformity.
 Design Principles

Proximity
Grouping Related Information
Physical distance matters.
Too close = cluttered, confusing.
Too far = weak, confusing.
Similar to Contrast
Group related items together.
Differentiation
Separates unrelated items together.
 Design Principles
Example No. 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Example No. 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.
 Design Principles
Example No. 3

Lorem ipsum dolor sit amet, consectetur adipiscing

elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
ENG152 - A7 | 3:00PM - 4:30 PM

Layout Design
ENG152 - A7 | 3:00PM - 4:30 PM

Layout Design
— the arrangement and organization of visual
elements, text, images, and other multimedia
components on a screen or a slide.
ENG152 - A7 | 3:00PM - 4:30 PM
Layout

The Goal
to create a visually appealing and effective presentation
that effectively conveys the intended message to the
audience.
 Layout

Five Elements
of Layout Design

text image lines shapes white space

 Layout

Text.
— the written or typed content that is
incorporated into the visual composition.
 Layout

Text.
different types of visuals
require a specific amount of
text.

INFOGRAPHICS vs. POSTERS

 Layout

Text.
different types of visuals
require a specific amount of
text.
 Layout

Breaking
News
Text.
↓ READ MORE ↓ different types of visuals
require a specific amount of
text.
 Layout

Images.
— the visual elements such as
photographs, illustrations, graphics, or
any visual content that enhances the
overall presentation.
 Layout

Images.
— the visual elements such as
photographs, illustrations, graphics, or
any visual content that enhances the
overall presentation.
 Layout

Images
can be used to reinforce key
points or messages within the
presentation.

They provide a visual context

that complements the textual
content.
from Apple’s Website (iPhone 15 Pro)
 Layout

Images
Images that align with the brand
identity, such as logos or branded
visuals, contribute to a consistent and
cohesive overall design.
 Layout

Images
Images contribute to the
overall composition of the
layout.

Proper placement and

alignment of images within
the design enhance the
visual flow and balance.
 Layout

Lines.
— the visual elements that are used to
create structure, separation, or emphasis
within a layout.
 Layout

Lines
Lines often create the
structure of a layout such as
separating different sections
of a layout.
 Layout

Shapes.
— Geometric or irregular forms that are
visually defined by boundaries, used to
add structure, organization, and visual
interest to multimedia presentations.
 Layout

Shapes
Shapes can serve as backgrounds or borders for text blocks, images, or
entire sections of a layout, adding visual interest and separating
content areas.
Layout
 Layout

White space.
— “negative space”
— empty or unmarked areas between
and around elements in a composition
 Layout

GOOD BAD
 Layout

WHITE SPACE
White space helps reduce visual clutter and
allows elements to stand out more
prominently. It creates a sense of openness
and clarity within the layout, making it easier
fortheaudiencetofocusonthecontent.
 Layout

White space
White space helps reduce visual clutter and allows elements to
stand out more prominently.

It creates a sense of openness and clarity within the layout,

making it easier for the audience to focus on the content.
 Layout

Principles of
—

Layout Design
 Layout

Alignment
— the way that a designer arranges the
different elements of their design in relation
to one another
 Layout

Visual hierarchy
— hierarchy of information that places the
highest emphasis on the most important
focal point in the image
 Layout

Contrast
— helps fuse different styles and moods to
make an original, distinctive product
 Layout

Balance
— refers to how the elements of your image balance each
other out

— look for ways to balance the visual information on your

page, whether through symmetry or balanced asymmetrical
arrangements
 Layout

Proximity
— refers to how close or far the elements
of a layout are from one another
"Words are graphics, too."
- is the art of arranging letters
and text in a way that makes the
copy legible, clear, and visually
appealing to the reader.

- involves font style, appearance,

and structure,
ELEMENTS OF TYPOGRAPHY

1. FONTS & TYPEFACES

2. CONTRAST
3. CONSISTENCY
4. WHITE SPACE
5. COLOR
6. HIERARCHY
ENG152 - A7 ELEMENTS OF TYPOGRAPHY
Font/s & Typefaces
Font/s
- is a graphical representation of text that may include a different
typeface, point size, weight, color, or design.

a design style that comprises a myriad of characters of varying sizes,

Typefaces weights and point size
 ELEMENTS OF TYPOGRAPHY

- have small strokes added at the ends of each letter, give an

air of tradition, history, authority, and integrity

For ex. Times New Roman, Garamond, Georgia, etc.

 ELEMENTS OF TYPOGRAPHY

- have no extra strokes and

appear more austere and
cleaner

For ex. Helvetica, Roboto, Arial,etc.

ELEMENTS OF TYPOGRAPHY

-”ornamental”
typefaces
ex.
-the function of Cooper Black
Bourton font
this typeface is
Abril Fatface
aesthetic more
than readable
 ELEMENTS OF TYPOGRAPHY

CONTRAST
- helps to convey which ideas or messages
you want to emphasize to your readers

FOR EX.
 ELEMENTS OF TYPOGRAPHY

CONTRAST
 ELEMENTS OF TYPOGRAPHY

CONSISTENCY
- sticking to the
same set of font
style/s so your
readers instantly
understand what they
are reading and begin
to notice a pattern
 ELEMENTS OF TYPOGRAPHY

WHITE SPACE
- Often referred to as “negative space,” white
space is the space around text or graphics
FOR EX.
ELEMENTS OF TYPOGRAPHY
 ELEMENTS OF TYPOGRAPHY

COLOR
- is one of the most
exciting elements of
typography, where
designers can really
get creative and
elevate the interface
to a new level
 ELEMENTS OF TYPOGRAPHY

COLOR COMBO/S
 ELEMENTS OF TYPOGRAPHY

COLOR COMBO/S
 ELEMENTS OF TYPOGRAPHY
HIERARCHY
- aims to distinguish between prominent
pieces of copy that should be noticed and
read first and standard text copy.
 ELEMENTS OF TYPOGRAPHY

ADDITIONAL RULE OF THUMB

Long passages in all capitals are very difficult to read;

instead, use capital letters to highlight particular
words.

FOR EX.

INEFFECTIVE

MORE EFFECTIVE
 ELEMENTS OF TYPOGRAPHY

ADDITIONAL RULE OF THUMB

Formatting as with typefaces, you have choices to make about whether

your right-hand text margin will be justified (where all the lines end
exactly at the margin) or ragged (where lines end at different points
depending on the length of the line).
FOR EX.

JUSTIFIED TEXT

RAGGED RIGHT TEXT

TYPE STYLE

One method of achieving emphasis through typography is to use capital

letters. HOWEVER, LONG STRETCHES OF ALL UPPERCASE LETTERS ARE DIFFICULT
TO READ. Use all uppercase letters only in short spans, such as in
headings.

Likewise, use italics sparingly because continuous italic type reduces

legibility and thus slows readers. Of course, italics are useful ifyour
aim is to slow readers, as in cautions and warnings.

Boldface, used in moderation, may be the best cuing device because it

is visually different yet retains the customary shapes of letters and
numbers.
Elements of Multimedia

Graphics Animation
photographs, illustrations, a series of images put
drawings, clip art, icons or together to give the effect
any other non-text elements of movement

typically accompany text typically accompany text

to illustrate the point or to illustrate the point or
ideas the text makes ideas the text makes
Elements of Multimedia

Audio Video
enhance your website design
and social media platforms a visual multimedia
application that combines a
can be a great way to catch and sequence of images to form
focus the visitor’s attention, to moving pictures and sound
deliver information to visitors,
and to help reinforce the
visitor’s comprehension of the
information presented
Multimedia Authoring Tools

Power Point Adobe Photoshop

created from a template, photo editing and
which includes a background manipulation software on the
color or image, a standard market
font, and a choice of several uses range from the full-
slide layouts featured editing of large
batches of photos to creating
intricate digital paintings
and drawings that mimic those
done by hand.
Multimedia Authoring Tools

Video Editing Microsoft Publisher

process of manipulating and emphasis is placed on page
rearranging video shots to layout and design rather than
create a new work text composition and proofing

used to structure and present

has wide range of templates
all video information,
that are user friendly
including films and
television shows, video
advertisements and video
essays
 Multimedia presentations are dynamic

Summary.
communication tools that incorporate various media
elements to convey information, engage audiences,
and deliver compelling messages.
 DESIGN PRINCIPLES LAYOUT TYPOGRAPHY
Design principles form the Layout design involves It encompasses various
foundation of effective organizing visual elements, aspects of text design,
multimedia presentations, text, and multimedia including font selection, font
guiding the creation of components to facilitate size, font style, spacing,
visually appealing and comprehension and flow. alignment, and hierarchy.
engaging content.

Multimedia presentations are dynamic

Summary.
communication tools that incorporate various media
elements to convey information, engage audiences,
and deliver compelling messages.
ENG152 - A7 | 3:00PM - 4:30 PM APRIL 2024

TECHNICAL WRITING

Thank you!
MULTIMEDIA PRESENTATIONS REPORT
 References
Greenlaw, R. (2012). Technical writing, presentation skills,
and online communication: professional tools and insights.
Information Science Reference.

bethtbf. (2021, September 15). Multimedia Design Principles:

What Are They, How to Use Them. National University.
https://www.nu.edu/blog/multimedia-design-
principles/#:~:text=Multimedia%20design%20principles%20are%20gu
idelines%20that%20help%20educators
 References
J. H. (2023, May 23). What Is Typography, and Why Is It
Important? A Beginner’s Guide. Careerfoundry. Retrieved January
29, 2024, from https://careerfoundry.com/en/blog/ui-
design/beginners-guide-to-typography/

Woolever, K. R. (2008). Writing for the Technical Professions

(4th ed., pp. 79-85). Pearson Education, Inc.