Visual design of course presentation materials f teaser course

Visual Design of Course
presentation Materials

Know what you want
your audience to take away.

Present Content
in a Context
that will be Remembered.

Exercise
How do your visuals
currently stack up?

the thought bubble and typeface change
serve as visual cues to audience.

Your visuals should

SUPPORT
your message without
taking over.

When your visuals don’t support your point,
your message is lost.

3
areas to focus on
to create professional
presentations are:

3
areas to focus on
presentations are:
1. DESIGN (Layout & Theme)

3
areas to focus on
presentations are:
2. TYPOGRAPHY

3
areas to focus on
presentations are:
2. TYPOGRAPHY
3. IMAGERY

Like with any audience
are building
youDesign of Course
Visual
TRUST
with each slide.

Have a plan.
Don’t show up,
unprepared.

layout

create a strong
opening slide.

follow it with
designs that
clearly reflect
and follow
choices made in
the first slide,
i.e. color, style,
tone, format.

slide courtesy of steven van belleghem @ slideshare.net

slide courtesy of ?????????????????? @ @ slideshare.net
Burson-Marsteller slideshare.net

slide courtesy of Burson-Marsteller @ slideshare.net

instead...

slide courtesy of Fluid Studios @ slideshare.net

or...

HEADER
Il et moste opta ant quis sita consequam, core quianis et hil
inis et volupta temporeium volecerro endellant ipsum rat et as
ut quiatur, aut faccae es quissitis maximintist quia volorepel
idusande delitio rehende lloratusant laut aut evenest,
coritatati dolor seque nis et et qui dolupicabo. Et quam
eaquodi anditio nsequi in rempori aestin repel int, voluptam
facestotat fugitiorest, si solecep udipsaperro te qui sitaepe
rroreped que nusandam il illuptas alibus endisciatur,

or...
HEADER
Il et moste opta ant quis sita consequam, core quianis
et hil inis et volupta temporeium volecerro endellant
ipsum rat et as ut quiatur, aut faccae es quissitis
maximintist quia volorepel idusande delitio rehende
lloratusant laut aut evenest, coritatati dolor seque nis
et et qui dolupicabo. Et quam eaquodi anditio nsequi in
rempori aestin repel int, voluptam facestotat fugitiorest,
si solecep udipsaperro te qui sitaepe rroreped que
nusandam il illuptas alibus endisciatur,

or at the very
least, create
hierarchy with HEADER IN COLOR
your header,
Il et moste opta ant quis sita consequam, core quianis et hil
making it bold inis et volupta temporeium volecerro endellant ipsum rat et as
and in a color. ut quiatur, aut faccae es quissitis maximintist quia volorepel
idusande delitio rehende lloratusant laut aut evenest,
even a really
coritatati dolor seque nis et et qui dolupicabo. Et quam
light color in the eaquodi anditio nsequi in rempori aestin repel int, voluptam
background. facestotat fugitiorest, si solecep udipsaperro te qui sitaepe
rroreped que nusandam il illuptas alibus endisciatur,

color palette

PICKING COLORS
Pick a 3-10 colors that you can build your
presentation around. One of them needs
to be a color to use as an accent.

use resources
like
www.design-seeds.com

or find a picture
and use the color
picker to create
your own.

this is the palette
being used in this
presentation

Hard to believe but there is more
to creating professional looking
materials than simply picking
the right typefaces.

12
elements to consider:


12
1. SERIF OR SANS SERIF

A A
sans serif

serif

12

A A
on screen

on paper

12
2. TYPE CHOICE

slide courtesy of Arrehome @ slideshare.net

THE COMIC SANS PLEDGE

I, ,
UNDERSTAND THAT MY CHOICE OF FONT HAS THE
POWER TO SUBCONSCIOUSLY & INCORRECTLY SET
THE TONE FOR A PIECE OF PRINTED MATERIAL, AND
AS A RESULT PROMISE TO SERIOUSLY CONSIDER
WHETHER COMIC SANS IS AN APPROPRIATE FONT
CHOICE BEFORE USING IT IN ANY PRINTED WORK IN
THE FUTURE.
SIGNED

slide © Matt Dempsey www.comicsanscriminal.com

12
2. TYPE CHOICE
3. COLOR CONTRAST

slide courtesy of Oklahoma Dept. Mental Health @ slideshare.net

Your typography is doing its
job when you don’t notice it.

12
2. TYPE CHOICE
3. COLOR CONTRAST
4. SIZE

slide courtesy of Fluid Studios @ slideshare.net

For printed documents
Visual Design of Course be
your body type should
between 8 – 11 points.

When you use visuals
for the sake of shocking
your audience, you run
the risk of the viewer
remembering the image
but not the message.

Visuals should support
the message NOT subvert it.

Exercise
what song was
madonna singing
when she wore the cone bra?

7


7
1. PROXIMITY TO THE TYPE

When type and
imagery are too
far apart they
connect more with
the outside edge
than they do with
each other.

Don’t separate the type and image too far
or it will appear that the
type is repulsed
by the image.

IMAGE

TYPE

7
2. BACKGROUNDS Materials
presentation

Look for backgrounds that have
low contrast and are not busy.

Some images make it too difficult to read the
type and there is too much type to be able to
read the image.

great example of what
not to do, this is too
hard to read text or
the image behind.

avoid this type of
design with a furry.
you will confuse and
frustrate your
reader, losing that
trust you have been
building.

slide courtesy of slideshare.net

7
2. BACKGROUNDS Materials
presentation
3. GRADIENTS

Building
trust
or building
confusion?

Gradients muddy
the message.

You are putting more importance on the
form of the communication rather than
focusing on the message.

g your eyes?
is this hurtin

Visual design of course presentation materials f teaser course

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (7)

Similaire à Visual design of course presentation materials f teaser course

Similaire à Visual design of course presentation materials f teaser course (20)

Dernier

Dernier (20)

Visual design of course presentation materials f teaser course