10 Rules for Designing Visually Engaging Slides

Post on 21-Sep-2014

17 views 0 download

Tags:

description

10 Rules for Designing Visually Engaging Slides. #passionprojects

Transcript of 10 Rules for Designing Visually Engaging Slides

for Designing Visually Engaging Slides

10 RULESAndi Galpern, Product Designer@andigalpernI throw events for @cascadesf

@cascadesf cascadesf.com

Designing the web together

Good designbuilds trust.

Food for thought:

Rule #1 Understand Your

Audience.

Rule #1: Understand Your Audience

Who are these people?

Rule #2 Choose legible

typefaces.

Sans Serif

serif.easy to read

used for large blocks of copy

Serifs were created to makeit easier to read large paragraphs of information. This sentence would be more difficult to read, had it been designed with a sans-serif typeface. Illustration Source: http://www.thepixelboutique.com/

Rule #2: Choose a legible typeface.

Rule #2: Choose legible typefaces.

Garamond

Baskerville

Helvetica NeueProxima Nova

Antique Olive

Sabon

Futura

Rule #3 Contrast is your new

best friend.

Make it obvious with contrast.

(not really obvious… but ok.)

Make it obvious with contrast.

Rule #4 Use high-quality

images.

Whoa! This is pretty!

You never know what you are going to get on stock

photo sites.

Rule #4: Use high-quality images

Rule #4: Use high-quality images

Stock Xchnghttp://www.sxc.hu

Flickr Creative Commonshttp://www.flickr.com/

creativecommons/

Free Stock Photography

Rule #4: Use high-quality images

http://www.haikudeck.com

Rule #4: Use high-quality images

Rule #5 Use short

blocks of copy.

Nobody wants to read a giant run-on-sentence filled with endless copy where we often wonder, what is the point of this slide and we have to dissect the message because it’s not obvious. blah blah blah.

Rule #5: Use short blocks of copy

Make information easy to digest.

Rule #5: Use short blocks of copy

• Keep it short and simple. • Use columns. • Get to the point.

Rule #6 Define Your

Color Scheme.

Rule #6: Define your color scheme

Rule #6: Define your color scheme

Rule #6: Define your color scheme

colourlovers.com

Rule #7 Use simple

animations and transitions.

Rule #6: Use simple animations and transitions

Let’s makeeverybody dizzy!

Rule #6: Use simple animations and transitions

Rule #6: Use simple animations and transitions

Weeeeeee!!!!!

Rule #6: Use simple animations and transitions

Rule #6: Use simple animations and transitions

WHOAAA!!!!

Rule #6: Use simple animations and transitions

Rule #8 Organize information

visually.

Rule #8: Organize information visually

Rule #8: Organize information visually

Rule #9 Do not read your

slides.

Rule #10 Showcase your

personality.

Andi Galpern, Product Designer, @andigalpernI throw events for @cascadesf