66
SEMINAR (III) Alberto de Vega Eduardo S. de la Fuente Zen Rocks by Lane Pierce Following the ZEN path

The Art of Presentation III. Following the ZEN path. DESIGN

Embed Size (px)

DESCRIPTION

Fifth and last issue of our Lectures on "The Art of Presentation." This time we deal with the process of designing the preso.

Citation preview

Page 1: The Art of Presentation III. Following the ZEN path. DESIGN

SEMINAR (III)

Alberto de Vega Eduardo S. de la Fuente

Zen Rocks by Lane Pierce

Following the ZEN path

Page 2: The Art of Presentation III. Following the ZEN path. DESIGN

Why? Preparation Design Delivery Resources

Sources of Inspiration

Structure

Images

Data

Zen Rocks by Lane Pierce

TABLE OF CONTENTS T H E A R T O F P R E S E N T A T I O N

Page 3: The Art of Presentation III. Following the ZEN path. DESIGN

©1997 Lucasfilm Ltd. All Rights Reserved

A picture is worth 1000 words motion

GETTING INSPIRED

MOVIES

Page 4: The Art of Presentation III. Following the ZEN path. DESIGN

©1991 Carolco Pictures. All Rights Reserved

Color does matter

GETTING INSPIRED

MOVIES

Page 5: The Art of Presentation III. Following the ZEN path. DESIGN

Juxtaposed pictorial and other images in

deliberate sequence intended to convey

information and/or produce an aesthetic

response in the viewer

Scott McCloud ”

GETTING INSPIRED

COMICS

Page 6: The Art of Presentation III. Following the ZEN path. DESIGN

An example

GETTING INSPIRED

COMICS

Page 7: The Art of Presentation III. Following the ZEN path. DESIGN
Page 8: The Art of Presentation III. Following the ZEN path. DESIGN

Picture by Brian Mark

Advertising attracting means

G E T T I N G I N S P I R E D

ADVERTISING

Page 9: The Art of Presentation III. Following the ZEN path. DESIGN

GETTING INSPIRED

G U R U S

Look GURUS’ master pieces for

Page 10: The Art of Presentation III. Following the ZEN path. DESIGN

Why? Preparation Design Delivery Resources

Sources of inspiration

Structure

Images

Data

Zen Rocks by Lane Pierce

TABLE OF CONTENTS T H E A R T O F P R E S E N T A T I O N

Page 11: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES ARE YOU KIDDING?

No more Choco krispis? by Eneas

Page 12: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES TRASH THEM AWAY

Mmmm Templates by cogdogblog

I’m not talking about Built in templates

Page 13: The Art of Presentation III. Following the ZEN path. DESIGN

BUILD YOUR OWN

TEMPLATES

Take some time, your own templates build

Page 14: The Art of Presentation III. Following the ZEN path. DESIGN

BUILD YOUR OWN

TEMPLATES

Full bleed templates are alright…

Page 15: The Art of Presentation III. Following the ZEN path. DESIGN

… as long as you or your boss do not intend to use (and abuse) of every single square inch. Nor you plan to stretch a image or a diagram, or for what it matters a bunch of them, well beyond the natural –and physical– limits of the slide. I know this happens all the time. So do you. This is in fact a good reason for doing it different. Use a grid, let the slide –and your audience– breathe a little bit, create some margins you’ll never ever cross without a good reason.

Page 16: The Art of Presentation III. Following the ZEN path. DESIGN

G R I D WHAT IS IT GOOD FOR?

Breathing Room

5x5 G r i d

Working Area

Page 17: The Art of Presentation III. Following the ZEN path. DESIGN

G R I D WHAT IS IT GOOD FOR?

Less Breathing Room

Bigger Working Area Power Points 6x6 G r i d

Power Lines

Page 18: The Art of Presentation III. Following the ZEN path. DESIGN

G R I D WHAT IS IT GOOD FOR?

Logo

Align the objects consistently

Page 19: The Art of Presentation III. Following the ZEN path. DESIGN

G R I D WHAT IS IT GOOD FOR?

Image

Image

Text

Unless you want your slides feel chaotic

Page 20: The Art of Presentation III. Following the ZEN path. DESIGN

Imagen

Imagen

Texto

Unless you want your slides feel chaotic

G R I D WHAT IS IT GOOD FOR?

Page 21: The Art of Presentation III. Following the ZEN path. DESIGN

Imagen

Imagen

Texto

Unless you want your slides feel chaotic

G R I D WHAT IS IT GOOD FOR?

Page 22: The Art of Presentation III. Following the ZEN path. DESIGN

G R I D WHAT IS IT GOOD FOR?

A boy and his shadow by Alberto de Vega

of thirds Use

the rule

Page 23: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES CHOOSE YOUR TYPE

AForget this type

Use one sans serif font face

Page 24: The Art of Presentation III. Following the ZEN path. DESIGN

Use color and size

Pink elephant by narisa

to build contrast

TEMPLATES CHOOSE YOUR TYPE

Page 25: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES CHOOSE YOUR PALETTE

Pick a background color

Page 26: The Art of Presentation III. Following the ZEN path. DESIGN

Black is all about elegance

TEMPLATES CHOOSE YOUR PALETTE

Page 27: The Art of Presentation III. Following the ZEN path. DESIGN

White is about trust

TEMPLATES CHOOSE YOUR PALETTE

Page 28: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES CHOOSE YOUR PALETTE

Light Color Spectrum by psdgraphics.com

Then a contrasting color pallete

Page 29: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES CHOOSE YOUR PALETTE

There is a bunch of techniques

Light Color Spectrum by psdgraphics.com

Page 30: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES CHOOSE YOUR PALETTE

But, for the time being

Light Color Spectrum by psdgraphics.com

Choose one already made!

Page 31: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES B E C O N S I S T E N T

Stick to your settings!

Page 32: The Art of Presentation III. Following the ZEN path. DESIGN

G R I D BENDING THE RULES

break the rules

Can I

TM & © 2009 Warner Bros. Entertainment Inc. All Rights Reserved

Page 33: The Art of Presentation III. Following the ZEN path. DESIGN

G R I D BENDING THE RULES

Freedom by Guille

sparingly Bend the rules, but do it

Page 34: The Art of Presentation III. Following the ZEN path. DESIGN

What if I need to

G R I D BREAKING THE RULES

I like smirks by You-did

cram more information here?

Page 35: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES LOOKING FOR ALTERNATIVES

©2009 Paramount Home Entertainment. All right reserved.

free divide & conquer!

Slides are

Page 36: The Art of Presentation III. Following the ZEN path. DESIGN

TEMPLATES B U T M Y B O S S S A I D

©2007 Twentieth Century Fox Film Corporation. All Rights Reserved

boss Yes but, my

says…

Page 37: The Art of Presentation III. Following the ZEN path. DESIGN

USING THE CORPORATE

TEMPLATES

The corporate templates?

©PhotoXpress

Page 38: The Art of Presentation III. Following the ZEN path. DESIGN

USING THE CORPORATE

TEMPLATES

Right, Corporate templates the

Page 39: The Art of Presentation III. Following the ZEN path. DESIGN

Why? Preparation Design Delivery Resources

Sources of Inspiration

Structure

Images

Data

Zen Rocks by Lane Pierce

TABLE OF CONTENTS T H E A R T O F P R E S E N T A T I O N

Page 40: The Art of Presentation III. Following the ZEN path. DESIGN

Small or distorted Do NOT use

images

WORKING WITH

IMAGES

©iStockPhoto

Page 41: The Art of Presentation III. Following the ZEN path. DESIGN

stretch Do not

WORKING WITH

IMAGES

them

©iStockPhoto

Page 42: The Art of Presentation III. Following the ZEN path. DESIGN

images Use full bleed, HD

WORKING WITH

IMAGES

©iStockPhoto

Page 43: The Art of Presentation III. Following the ZEN path. DESIGN

Which gave

WORKING WITH

IMAGES

control full you

©iStockPhoto

Page 44: The Art of Presentation III. Following the ZEN path. DESIGN

Do not watermaked images use

WORKING WITH

IMAGES

©iStockPhoto

Page 45: The Art of Presentation III. Following the ZEN path. DESIGN

It is right NOT

WORKING WITH

IMAGES

©iStockPhoto

Page 46: The Art of Presentation III. Following the ZEN path. DESIGN

It cheap looks

WORKING WITH

IMAGES

©iStockPhoto

Page 47: The Art of Presentation III. Following the ZEN path. DESIGN

Pay for it or ...

WORKING WITH

IMAGES

©iStockPhoto

Page 48: The Art of Presentation III. Following the ZEN path. DESIGN

CC images Alternatively, use

WORKING WITH

IMAGES

Page 49: The Art of Presentation III. Following the ZEN path. DESIGN

Adapt images to the audience

WORKING WITH

IMAGES

©iStockPhoto

Page 50: The Art of Presentation III. Following the ZEN path. DESIGN

Adapt images to the audience

WORKING WITH

IMAGES

African man smiling by anthonyasael. All rights reserved. Mi abuela by ibarak. All rights reserved

Page 51: The Art of Presentation III. Following the ZEN path. DESIGN

Whenever Cut-out possible the images

WORKING WITH

IMAGES

Everywhere but here? by Will Ockenden

Page 52: The Art of Presentation III. Following the ZEN path. DESIGN

Whenever Cut-out possible the images

WORKING WITH

IMAGES

Everywhere but here? by Will Ockenden

Page 53: The Art of Presentation III. Following the ZEN path. DESIGN

Let the images

guide the gaze

WORKING WITH

IMAGES

Photo by owenbooths

Page 54: The Art of Presentation III. Following the ZEN path. DESIGN

Definitely not right

WORKING WITH

IMAGES

©PhotoXpress

Page 55: The Art of Presentation III. Following the ZEN path. DESIGN

there you go!

WORKING WITH

IMAGES

©PhotoXpress

Page 56: The Art of Presentation III. Following the ZEN path. DESIGN

Girl with Dog by Felix Constantinople. All Rights Reserved

use empty space

Page 57: The Art of Presentation III. Following the ZEN path. DESIGN

Why? Preparation Design Delivery Resources

Sources of inspiration

Structure

Images

Data

Zen Rocks by Lane Pierce

TABLE OF CONTENTS T H E A R T O F P R E S E N T A T I O N

Page 58: The Art of Presentation III. Following the ZEN path. DESIGN

Data brings confidence

SHOWING YOUR

D A T A

Bam Margera Stage Dive by Kevin Winter

Page 59: The Art of Presentation III. Following the ZEN path. DESIGN

59

A1 Ac$vidad  comercial  en  internet  de  empresas  de  más  de  10  empleados  

However, there are ways of showing data

Page 60: The Art of Presentation III. Following the ZEN path. DESIGN

Compras   Ventas  

27%  

15%   16%  

8%  

UE-­‐27  

Spain   UE-­‐27  

Spain  

Ac$vidad  comercial  en  internet  de  empresas  de  más  de  10  empleados:    

   Europa  duplica  a  España  

And, ways of showing data

Page 61: The Art of Presentation III. Following the ZEN path. DESIGN

Make your data as memorable as

your first kiss

Friends by reinn

SHOWING YOUR

D A T A

Page 62: The Art of Presentation III. Following the ZEN path. DESIGN

11M

9M

1 .5M

2005 2007 2008

World of Warcraft users worldwide

This is not memorable (plain decoration)

Source: Blizzard

Page 63: The Art of Presentation III. Following the ZEN path. DESIGN

World of Warcraft users worldwide

This, is

Catalonia Twice the population of

©PhotoXpress

Page 64: The Art of Presentation III. Following the ZEN path. DESIGN

Facebook users

450 M i l l i o n s

This is not memorable

Source: Facebook

Page 65: The Art of Presentation III. Following the ZEN path. DESIGN

World most populated countries

1,333M

1,170M

307M This, is

Source: Facebook

350M

Page 66: The Art of Presentation III. Following the ZEN path. DESIGN

Capacity of an iPod

©PhotoXpress