Beruflich Dokumente
Kultur Dokumente
LITERACY (MIL)
Introduction to MIL (Part 3):
Design Elements and Principles
Performance Task: Project
http://www.leffcommunications.com/2015/01/16/which-font/
Photo Credit:
http://www.prin
taholic.com/ho
w-to-minimize-
text-on-posters/
Photo
Credit:
http://grap
hicdesignju
nction.com
/2012/11/4
1-
remarkable
-
typography
-posters/
Photo Credit:
http://www.p
rintaholic.co
m/11-text-
only-posters/
billandrusdes
ign.com
Photo Credit: Magazine spread design by Benjamin Bours
Photo Credit: Magazine spread design by Benjamin Bours
Photo Credit: Magazine spread design by Benjamin Bours
TYPOGRAPHY TIPS
Kern your titles
Make sure your body copy isn’t too big or too
small for the medium you are printing onto
Try to avoid using too many typefaces at once
TYPOGRAPHY TIPS
Left-alignment is easiest to read for large
bodies of type
If in doubt, print it out (you can often pick up
on awkward typesetting much easier when it’s
on page)
LINE
defined as
any linear
marks
can channel
certain ideas
too
Photo Credit:
Poster design by Design
By Day
A technique applied a lot in photography is the
use of ‘leading lines’.
Photo Credit:
Photograph by
Anne McKinnell
Source:
http://digital-
photography-
school.com/how-to-
use-leading-lines-
for-better-
compositions/
Photo Credit:
Photograph by Anne
McKinnell
Source: http://digital-
photography-
school.com/how-to-use-
leading-lines-for-better-
compositions/
SCALE
deliberate
sizing of
individual
elements
help us make
sense of
designs and
images
Scale doesn’t
always have
to be based
on realism.
Photo Credit:
Branding for juice brand Frooti
by Sagmeister & Walsh.
REPETITION
crucial element
when it comes to
branding design
keeps your
branding
consistent and tie
your items
together
Repetition can
also make
beautiful one-
off designs.
Photo Credit:
Packaging design by Nastya
Chamkina that uses
repetition to create a
beautiful pattern.
Photo Credit: Xoclad by Anagrama
NEGATIVE SPACE
isthe ‘space
in-between’,
the area
between or
around other
elements that
form its own
shape
Photo
Credit:
Animal
Graphics by
George
Bokhua
SYMMETRY
We find
symmetrical
faces, patterns
and designs
generally more
attractive,
effective and
beautiful.
This wedding
invitation uses a
high degree of
symmetry, but it
it’s not perfectly
mirrored.
Photo Credit:
Jarrid & Laura Wedding Invitation
by Nate Koehler
FRAMING
can
enhance or
draw
attention to
specific
elements of
your design
Photo Credit:
Joe’s Coffee by Trevor
Finnegan
Photo Credit:
Poster Design via MyDesy
CONTRAST is the degree of
difference
between two
elements of your
design
It has a great
effect on
readability and
legibility as well.
This design
ensures there’s
adequate
contrast against
the type and
image.
Photo Credit:
Poster by Jonathan
Correira
Photo
Credit:
Audible’s
landing
page
(website)
COMPOSITION
refers to the
overall
arrangement
of elements in
your design
Photo Credit:
email newsletter
for J. Crew
Photo Credit:
Poster by Lab B
Design Office
DESIGN ELEMENTS AND
PRINCIPLES
Evaluate the following posters:
AGREEMENT
Research “Design Elements and Principles” to learn
more about it.
Suggested website pages
https
://designschool.canva.com/design-elements-principles/
https://designschool.canva.com/blog/visual-design-comp
osition
/
PERFORMANCE TASK NO. 2 - DIGITAL POSTER MAKING
OBJECTIVES
Create a digital poster which will be a
campaign for high school students to be a
responsible user and competent producer
of media information
COOPERATIVE LEARNING
Group of 3 students
PERFORMANCE TASK NO. 2 - DIGITAL POSTER MAKING
MESSAGE
Be a responsible user and competent producer of media
information.
MEDIUM
Digital poster which will be shared on Facebook.
AUDIENCE
High School Students (JHS and SHS)
PERFORMANCE TASK NO. 2 - DIGITAL POSTER MAKING
MATERIALS / TOOLS
Web tool : Canva (www.canva.com)
Photo editing software or applications
Computer
Smartphone Camera
Photo Credit :
https://www.canva.com/
http://www.digitalrabbitcellular.com/
PLEASE KEEP IN MIND.
The
selected digital poster will be shared on
Edmodo and Facebook.
Thedigital poster must focus on the issue
and not attack or mentioned personalities.
Use of foul words are not allowed.
Photo Credit:
www.Edmodo.com
www.facebook.com
PLEASE KEEP IN MIND.
Time
Date Venue Procedure
Allotted
Day 1 Classroom 1 period • Conceptualize your poster.
(Message and Design)
• Take pictures to be used for the
poster.
Day 2 Computer 2 periods • Create your digital poster
Laboratory using Canva. You’re allowed to
use additional tools.
• Submit the digital poster in our
Edmodo group.
RUBRIC
Criteria Excellent Good Fair NI
Content Message is Message is Message is Message is
Be a clear, clear and clear but unclear
responsible accurate, accurate. question- and/ or
user and and strong. able. inaccurate.
producer of
media
information.
10 8
5 2
RUBRIC
Criteria Excellent Good Fair NI
Graphic All graphics All graphics All graphics Graphics do
Relevance and are related to are related to relate to the not relate to
Citation the topic and the topic and topic. Two the topic
make it easier most make it borrowed and/or three or
to understand. easier to graphics have more borrowed
All borrowed understand. no source graphics do not
graphics have a One borrowed citation. have a source
source citation. graphics have citation.
no source
citation.
10 2
8
5
RUBRIC
Criteria Excellent Good Fair NI
Design and The poster is The poster is The poster is The poster is
Layout excep- attractive in acceptably poorly
tionally terms of attractive designed
attractive in design, though and the
terms of layout, and layout is layout is
design, neatness. cluttered. cluttered.
layout, and
neatness.
8 5
10 2
RUBRIC
Criteria Excellent Good Fair NI
Work Ethics Every Group work Group work Group
Cooperation individual in is done is done members
the group mostly by mostly by are not
contributed two one working
to the individuals. individual. during the
creation of designated
the digital time.
poster.
10 8 5
2
TOPICS
Campaign Against Cyberbullying
Be Safe in Cyberspace
Media Message Analysis (Critical Thinking)
Think Before You Click
No to Plagiarism
Proper Behavior on the Internet (Netiquette)
(Note: Students may proposed a related topic which will be
approved by the teacher.)
SAMPLE
DIGITAL POSTERS
http://www.technologyrocksseriously.com/2014/10/before-you-post-think.html#.WSPui6kaaGI
http://www.classroomcapers.co.uk/online-safety-school-poster.html
Photo Credit:
https://store.accutrain.com/products/sfs002-pos-eng-1000
http
://www.hcpss.org/news-posts/2016/04/boe-reviews-policy-on-responsible-use-of-t
echnology-and-social-media
/
References
• Media and Information Literacy Curriculum Guide
by DepEd
• Media and Information Literacy by Boots C.
Liquigan, Diwa Learning
• Arniel Ping Systems Inc.
• https
://designschool.canva.com/design-elements-prin
ciples
/
• http://rubistar.4teachers.org/index.php?screen=
ShowRubric&rubric_id=1125149
&
References
• https://designschool.canva.com/design-element
s-principles
/
• https://designschool.canva.com/blog/visual-desi
gn-composition
/
• http://digital-photography-school.com/how-to-u
se-leading-lines-for-better-compositions
/
• https://designshack.net/articles/typography/ser
if-vs-sans-serif-fonts-is-one-really-better-than-th
e-other