10 rules for designing visually engaging slides

40
for Designing Visually Engaging Slides 10 RULES Andi Galpern, Product Designer @andigalpern I throw events for @cascadesf

Post on 21-Sep-2014

17 views

Category:

Design


0 download

DESCRIPTION

10 Rules for Designing Visually Engaging Slides. #passionprojects

TRANSCRIPT

Page 1: 10 Rules for Designing Visually Engaging Slides

for Designing Visually Engaging Slides

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

Page 2: 10 Rules for Designing Visually Engaging Slides

@cascadesf cascadesf.com

Designing the web together

Page 3: 10 Rules for Designing Visually Engaging Slides

Good designbuilds trust.

Food for thought:

Page 4: 10 Rules for Designing Visually Engaging Slides

Rule #1 Understand Your

Audience.

Page 5: 10 Rules for Designing Visually Engaging Slides

Rule #1: Understand Your Audience

Who are these people?

Page 6: 10 Rules for Designing Visually Engaging Slides

Rule #2 Choose legible

typefaces.

Page 7: 10 Rules for Designing Visually Engaging Slides

Sans Serif

serif.easy to read

used for large blocks of copy

Page 8: 10 Rules for Designing Visually Engaging Slides

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.

Page 9: 10 Rules for Designing Visually Engaging Slides

Rule #2: Choose legible typefaces.

Garamond

Baskerville

Helvetica NeueProxima Nova

Antique Olive

Sabon

Futura

Page 10: 10 Rules for Designing Visually Engaging Slides

Rule #3 Contrast is your new

best friend.

Page 11: 10 Rules for Designing Visually Engaging Slides

Make it obvious with contrast.

(not really obvious… but ok.)

Page 12: 10 Rules for Designing Visually Engaging Slides

Make it obvious with contrast.

Page 13: 10 Rules for Designing Visually Engaging Slides
Page 14: 10 Rules for Designing Visually Engaging Slides
Page 15: 10 Rules for Designing Visually Engaging Slides

Rule #4 Use high-quality

images.

Page 16: 10 Rules for Designing Visually Engaging Slides

Whoa! This is pretty!

Page 17: 10 Rules for Designing Visually Engaging Slides

You never know what you are going to get on stock

photo sites.

Rule #4: Use high-quality images

Page 18: 10 Rules for Designing Visually Engaging Slides

Rule #4: Use high-quality images

Page 19: 10 Rules for Designing Visually Engaging Slides

Stock Xchnghttp://www.sxc.hu

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

creativecommons/

Free Stock Photography

Rule #4: Use high-quality images

Page 20: 10 Rules for Designing Visually Engaging Slides

http://www.haikudeck.com

Rule #4: Use high-quality images

Page 21: 10 Rules for Designing Visually Engaging Slides

Rule #5 Use short

blocks of copy.

Page 22: 10 Rules for Designing Visually Engaging Slides

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

Page 23: 10 Rules for Designing Visually Engaging Slides

Make information easy to digest.

Rule #5: Use short blocks of copy

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

Page 24: 10 Rules for Designing Visually Engaging Slides

Rule #6 Define Your

Color Scheme.

Page 25: 10 Rules for Designing Visually Engaging Slides

Rule #6: Define your color scheme

Page 26: 10 Rules for Designing Visually Engaging Slides

Rule #6: Define your color scheme

Page 27: 10 Rules for Designing Visually Engaging Slides

Rule #6: Define your color scheme

colourlovers.com

Page 28: 10 Rules for Designing Visually Engaging Slides

Rule #7 Use simple

animations and transitions.

Page 29: 10 Rules for Designing Visually Engaging Slides

Rule #6: Use simple animations and transitions

Page 30: 10 Rules for Designing Visually Engaging Slides

Let’s makeeverybody dizzy!

Rule #6: Use simple animations and transitions

Page 31: 10 Rules for Designing Visually Engaging Slides

Rule #6: Use simple animations and transitions

Page 32: 10 Rules for Designing Visually Engaging Slides

Weeeeeee!!!!!

Rule #6: Use simple animations and transitions

Page 33: 10 Rules for Designing Visually Engaging Slides

Rule #6: Use simple animations and transitions

Page 34: 10 Rules for Designing Visually Engaging Slides

WHOAAA!!!!

Rule #6: Use simple animations and transitions

Page 35: 10 Rules for Designing Visually Engaging Slides

Rule #8 Organize information

visually.

Page 36: 10 Rules for Designing Visually Engaging Slides

Rule #8: Organize information visually

Page 37: 10 Rules for Designing Visually Engaging Slides

Rule #8: Organize information visually

Page 38: 10 Rules for Designing Visually Engaging Slides

Rule #9 Do not read your

slides.

Page 39: 10 Rules for Designing Visually Engaging Slides

Rule #10 Showcase your

personality.

Page 40: 10 Rules for Designing Visually Engaging Slides

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