Slide design tutorial

Keynote Challenge 1The
Slide
Design
next
Wednesday, July 10, 13

The
Basics
Rule of Thirds
Simplicity
Text
Images

Rule of Thirds

AlignElements...

...alongthegrid

Aim for...

BALANCE
http://farm1.static.ﬂickr.com/239/451267176_372dfb6aeb_b.jpg
Image used by CC license

Sim
plicity
Be concise
One idea per slide
Essential elements only
nextback

http://www.ﬂickr.com/photos/21644167@N04/4817452232/
Used with permission from Bahman Farzad
Simplicity

The deck
should
your message...
augment

not deliver it.
The deck
should
your message...
augment

both verbally
It is difﬁcult
and visually
to process information
Sweller, 1980
nextback
ImageusedbyCClicense
http://static.seekingalpha.com/uploads/2009/12/16/saupload_policymakers.jpg

why are youthere?
If the slides can stand
by themselves
David Rose
nextback

Be Concise
Text is redundant.
http://www.ﬂickr.com/photos/eﬂon/4404716468/
Image used by CC license
nextback

ONE idea per slide
nextback

10 words per slide, MAX
nextback

Remove DISTRACTIONS
nextback

Remove DISTRACTIONS
Heavy lines, shapes
Badly designed charts
Photos that don’t support your message
nextback

World Hunger Facts
1. 13.1 percent of the world’s population is hungry. That’s roughly
925 million people who go undernourished on a daily basis,
consuming less than the recommended 2,100 calories a day.
2. The world produces enough food to feed all 7 billion people who
live in it, but those who go hungry either do not have land to grow
food or money to purchase it.
3. The difference between hunger and malnutrition is that
malnutrition means the body does not have the necessary vitamins
and nutrients necessary to grow or ﬁght off disease. In developing
countries where sanitation is poor, lack of nutrition only makes
children and adults more vulnerable to illness.
4. Poverty is the main cause of hunger, and hunger is a cause of
poverty. When people go malnourished, they lose brain functionality and the mental resources to be a productive asset
in society or earn money.
5. In 2010, an estimated 7.6 million children — more than 20,000 a day — died from hunger.
6. Nearly 98 percent of worldwide hunger exists in underdeveloped countries. Hunger is often passed from mother to
child. Each year, 17 million children are born underweight because their mothers are malnourished.
7. Almost 1 in every 15 children in developing countries dies from hunger.
8. While hunger exists worldwide, 62.4 percent of the hunger exists in Asia/South Paciﬁc. .
9. More than 20 percent of children in Asia and Africa are underweight for their age.
Source: Dosomething.org
nextback

Millions
1996 2004 2009
1250
800
740
World Hungerin millions
RW.Hunger.Image.APImages.ID660216065
nextback

Text
Contrast
Spacing
Readability
Color
nextback

Typography
gives
visual form
to language
nextback

Typography
gives
visual form
to language
Or, in other words...
nextback

It’s
nextback

It’s
nextback
EMOTIONAL!!

nextback
Contrast

(But keep them consistent)
nextback
ContrastFonts

Just because you have ‘em,
nextback

Just because you have ‘em,
It doesn’t mean you should use ‘em
nextback

Leading is the space between lines
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit. Mauris
tempor lectus sapien.
Donec vehicula tristique
consequat. Cras nunc
tellus, faucibus quis
accumsan at, fringilla
quis tortor.
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit. Mauris
tempor lectus sapien.
Donec vehicula
tristique consequat.
Cras nunc tellus,
faucibus quis accumsan
at, fringilla quis tortor.
nextback

TRACKING is the space between letters
You can apply tracking to all text or
selected portions. You can use
selective tracking to squeeze more
characters onto a line to save space
or prevent a few words from
carrying over to another page or
column of text.
You can apply tracking to
all text or selected
portions. You can use
selective tracking to
squeeze more characters
onto a line to save space
or prevent a few words
from carrying over to
another page or column
of text.
You can apply
tracking to all text
or selected portions.
You can use
squeeze more
characters onto a
line to save space or
prevent a few words
from carrying over
to another page or
column of text.
nextback

TRACKING is the space between letters
You can apply tracking to all text or
selected portions. You can use
selective tracking to squeeze more
characters onto a line to save space
or prevent a few words from
carrying over to another page or
column of text.
You can apply tracking to
all text or selected
portions. You can use
squeeze more characters
onto a line to save space
or prevent a few words
from carrying over to
another page or column
of text.
You can apply
tracking to all text
or selected portions.
You can use
squeeze more
characters onto a
line to save space or
prevent a few words
from carrying over
to another page or
column of text.
nextback
and don’t forget...

READABILITY
nextback

Color...

Should be consistent

Choose ONE, then

Play with
SHADES
SHADES
SHADES
SHADES
SHADES

Emphasizes key
words and ideas
nextback nextback

Use these elements
to create
personality and mood
nextback nextback

White (empty) Space
Less is more
Emptiness is also a powerful
design element
nextback nextback

Effects of
Smoking
• The adverse health effects from cigarette smoking
account for an estimated 443,000 deaths, or
nearly one of every ﬁve deaths, each year in the
United States.2,3
• More deaths are caused each year by tobacco use
than by all deaths from human immunodeﬁciency
virus (HIV), illegal drug use, alcohol use, motor
vehicle injuries, suicides, and murders combined.
2,4
• Smoking causes an estimated 90% of all lung
cancer deaths in men and 80% of all lung cancer
deaths in women.1
nextback

443,000 Deathsper year/in the U.S.
nextback nextback

Im
ages
Feeling
High-Quality
Creative Commons
nextback nextback

Images evoke emotions
http://loveagape.org/wp-content/uploads/2011/01/nattu_71c0ea6ee4_b.jpg
ImageusedbyCClicense

Use high-quality,
creative commons images
http://www.moviedeskback.com/wp-content/uploads/2011/09/The-Hunger-Games-Wallpapers-1.jpg

thatreinforceyourmessage
andaddemotionalpower
nextback

thatreinforceyourmessage
andaddemotionalpower
nextback nextback

Finding Images
http://search.creativecommons.org/
copyright-friendly sources
http://www.ﬂickr.com/creativecommons/
repeatback nextback

for the
Are
you
ready...
• Click out of this tutorial into slide view
• On the next slide, re-arrange the elements into
what you think is good slide design. Feel free to
delete, change fonts, add shapes, etc.
• Take a screenshot, and email to Ms. Hurd for
feedback.
Keynote
Challenge?

The library is a learning space. What makes the library different from any other
classroom is the range and diversity of resources that it provides. The library program is
about curiosity, exploration and sense making in a resource-rich environment. Let’s start
then, by thinking about how the virtual library organizes and presents its resources to
connect with students in a meaningful and helpful way.

Slide design tutorial

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

Semelhante a Slide design tutorial

Semelhante a Slide design tutorial (17)

Último

Último (20)

Slide design tutorial