infographics pt.3: „for a fistful of dollars“ – do's and dont's for making...

DO's and DONT's for making

presentationsall by yourself

TK

This is part three of athree parted presentationconcerning infographicsand presentations

DO's and DONT's for making

presentationsall by yourself

TK TK

This is part three of athree parted presentationconcerning infographicsand presentations

Look for the first part(about good and badexamples of inofgraphics)under the title of:

TK TK TK

The Good the Bad& the Ugly

Look for the first part(about good and badexamples of inofgraphics)under the title of:

TK TK TK TK

Or the second part (about the seven most used styles of infographics )under the title of:

TK TK TK TK TK

TK TK TK TK TK TK

Part three is about how to make nice presentationsall by yourself, without paying any expensive designers, so that you can do it just...

TK TK TK TK TK TK TK

For aFor a fist

fulfist ful

of Dollars of Dollars

TK TK

For aFor a fist

fulfist ful


TK TK TK

First Things First

TK

First Things First

Use a grid !TK TK

Use a grid ! Use a grid ! for example...

TK TK TK

Use a grid ! for example...

1024 x 768pixels

TK TK TK TK

Devidable by 4 or 6

1024 x 768pixels

TK TK TK TK TK

Devidable by 4 or 6

16 x

TK TK TK TK TK TK

16 x 12 parts


partitioned4 x 4

TK

partitioned4 x 4

TK TK

Looks like:TK TK TK

Looks like:TK TK TK TK

Use it for easy aligning

TK TK TK TK TK

So things like this:

TK TK TK TK TK TK

Won't happen annymore :)


Canons of page

constructionTK

Canons of page

construction

A very, very, very old but still working way (came from book printing) to get a nice frame for your presentation

TK TK

A very, very, very old but still working way (came from book printing) to get a nice frame for your presentation

TK TK TK

TK TK TK TK

TK TK TK TK TK

TK TK TK TK TK TK

scaleableTK TK TK

scaleableTK TK TK TK

TK TK TK TK TK

TK TK TK TK TK TK

Rule ofthirds

TK

Rule ofthirds

Very useful if your presentation is consistingof mainly big pictures with just not too much copy in it

TK TK

Very useful if your presentation is consistingof mainly big pictures with just not too much copy in it

divided 3 by 3

TK TK TK

> hot < fixing

pointsTK TK TK TK

TK TK TK TK

SomeCopy...

TK TK TK TK

LinesTK

Make lines visible...

8 pt 8 pt 8 pt

TK TK

...too thin...

8 pt 1 pt8 pt 1 pt8 pt 1 pt

TK TK TK

...just won't work!


TK TK TK TK

Take different widths...

8 pt 8 pt 22 pt

TK TK TK TK TK

...to make the difference...


TK TK TK TK TK TK

...to make the difference... ...easy to recognize.



Use maximum 2 line widths

8 pt 8 pt 18 pt

TK

Use maximum 2 line widths ...more are just...


TK TK

...distracting.


TK TK TK

Alternative for outlines:

TK TK TK TK

Try colours instead :)

TK TK TK TK TK

ArrowsTK

ArrowsUse one style of ending...

TK TK

...everything else...Use one style of ending...

TK TK TK

...could be missleading.

TK TK TK TK

Arrows for descriptions

Process

TK TK TK TK TK

Bored of arrows ?Step 1

Step 2

Step 3

TK TK TK TK TK TK

Why not try shapes ?Step 1

Step 2

Step 3

Step 1

Step 2

Step 3


ShapesTK

ShapesDifferent shapes...

NY

?

Q

TK TK

...should be used for...

NY

?

Q

NY

?

Q

TK TK TK

...different meanings.

NY

?

Q

NY

?

Q

TK TK TK TK

More than 4 shapes...

TK TK TK TK TK

...are just too much...

TK TK TK TK TK TK

...to recognize!


Better practice:

TK

Use colour instead

TK TK

Use colour instead

TK TK TK

Another better practice:

TK TK TK TK

Another better practice: Try images instead

TK TK TK TK TK

Try images instead

TK TK TK TK TK TK

SizeTK

Size means importance...

More important

Not important

TK TK

Size means importance... ...the bigger the size...

More important More important

Not important Not important

TK TK TK

...the more important it is.

More important More important

Not important Not important

TK TK TK TK

...the more important it is.

GiraffeMouse

Size is also relationship

TK TK TK TK TK

Giraffe GiraffeMouseMouse

For example:

TK TK TK TK TK TK

Giraffe GiraffeMouseMouse

Somehow obvious ;)


Descriptions too long?

MouseMouse with an umbrella

TK

Best practice: Substitutes

Mouse A BMouse with an umbrella

A: MouseB: Mouse with an umbrella

TK TK

Best practice: Substitutes Best practice: Substitutes

Mouse A BMouse with an umbrella

A: MouseB: Mouse with an umbrella

TK TK TK

Best practice: Substitutes Size means also hierarchy

MouthNoseEyes

Face

TK TK TK TK

Size means also hierarchy So this should be better:

MouthNoseEyes

Face

MouthNoseEyes

F ace

TK TK TK TK TK

Don't you think?

MouthNoseEyes

Face

MouthNoseEyes

F ace

TK TK TK TK TK TK

NestingTK

NestingNot too much on one slide

TK TK

Not too much on one slide Because nobody gets it!

TK TK TK

Better practise: Split it up!

TK TK TK TK

Better practise: Split it up! In as much little pieces...

TK TK TK TK TK

In as much little pieces... ...as you need...

TK TK TK TK TK TK

...to make it clear...


...and easy to understand.

TK TK TK TK TK TK TK TK

ColourTK

ColourYour colour options are:

BackgroundLines & Fillings

Copy & HighlightsTK TK

Your colour options are: Background

Lines & FillingsCopy & Highlights

Don't use coloured arrows

TK TK TK

Don't use coloured arrows dashed are better too see

TK TK TK TK

dashed are better too see from far or in black&white

TK TK TK TK TK

from far or in black&white Exception: Big arrows

TK TK TK TK TK TK

Coloured fillings...

TK

...and / or Borders...

TK TK

...and / or Borders... ...give you: Big choice !With

you

combos

three

get

work

only

will

to

colours

enough

with

TK TK TK

Colour can be helpful...

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

...give you: Big choice !

TK TK TK TK

Colour can be helpful... ...to make things obvious...

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

TK TK TK TK TK

...and faster to detect....to make things obvious...

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

TK TK TK TK TK TK

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

Be aware about b&w print

TK

Be aware about b&w print

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

Colours may not work...

TK TK

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

...so you may use...

TK TK TK

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

Yes

Yes

Yes No

No

t.b.d t.b.d

t.b.d

t.b.d

...borders and contrast.

TK TK TK TK

No pale colours in front...

10%black

TK TK TK TK TK

...they tend to fade out...No pale colours in front...

30%black

10%black

TK TK TK TK TK TK

...they tend to fade out... ...so better be safe ;)

30%black

10%black


Be carefull with...

TK

...gradients & shadows...

TK TK

...gradients & shadows... ...some projectors...

TK TK TK

...can't show them at all !

TK TK TK TK

...can't show them at all !Dark on bright

TK TK TK TK TK

Dark on bright

Is always good to read and has enough contrast so that you don't have to care about the projector or any other lightning conditions...

TK TK TK TK TK TK

Bright on dark

Is always good to read and has enough contrast so that you don't have to care about the projector or any other lightning conditions...

TK TK TK TK TK TK

Bright on dark

Is of course very sexy but doesn't work in every case, sometimes it just depends on your projector and could be a big...


FontsTK

Don't let your

presentation become an

optician test because it's a

TK TK

Just try to makeeverything easy to read and don't use...

TK TK TK

Too much info or text,

TK TK TK TK

Too much info or text, like this for example would be too much and is even though not as easy to read as it should be. Therefore, please be kind with your clients and: Cut the crap !

TK TK TK TK TK

Too much info or text, like this for example would be too much and is even though not as easy to read as it should be. Therefore, please be kind with your clients and: Cut the crap !

Not too much info or text, like this for example would be too much and is even though not as easy to read as it should be. Therefore, please be kind with your clients and: Cut the crap !

TK TK TK TK TK TK

Cut the Crap !

Not too much info or text, like this for example would be too much and is even though not as easy to read as it should be. Therefore, please be kind with your clients and: Cut the crap !


Don't use fancy FontsZapfino Curlz MT CopperplatePapyrusComic Sans...

TK

Funny but not very usefulZapfino Curlz MT CopperplatePapyrusComic Sans...

FrutigerHelveticaFuturaUniversArialGill Sans

TK TK

Funny but not very useful Use Fonts with many stylesZapfino Curlz MT CopperplatePapyrusComic Sans...

FrutigerHelveticaFuturaUniversArialGill Sans

TK TK TK

Use only one font family

C D

A b

Use Fonts with many styles

TK TK TK TK

It's distracting, so:

C D

A b BA

C D

TK TK TK TK TK

Don't mix it up

C D

A b BA

C D

TK TK TK TK TK TK

One Font is enough...Frutiger

Helvetica

Univers

TK

...in just two styles...Frutiger

Helvetica

Univers

Frutiger Roman Frutiger BlackHelvetica Roman Helvetica BoldUnivers Roman Univers Black

TK TK

...for example Frutiger...Frutiger Frutiger Roman

Frutiger Black

TK TK TK

...for example Frutiger... ...in just two Sizes :Frutiger: Headline 80pt

Copy: The lazy dog... 40pt Chapter 80pt

SuBHeAD 40ptCopy: The lazy dog... 40pt

Markings 40pt

TK TK TK TK

What about italic ?Frutiger: Headline

Copy: The lazy dog... Chapter

SuBHeAD Copy: The lazy dog...

Markings

TK TK TK TK TK

Not realy recognizable !Frutiger: Headline



Markings

TK TK TK TK TK TK

Frutiger: Headline Copy: The lazy dog...

Chapter


Markings

The problem with versal...

TK

The problem with versal...Frutiger: Headline



Markings

Versal is hard to read

TK TK

The quick brown fox jumps over the lazy dog.

Headline Copy: The lazy dog...

Chapter


Markings

Use it just for short lines

TK TK TK


The quiCk bRown Fox jumps oveR The lazy dog.


Chapter


Markings

And never for long-copy

TK TK TK TK


The quiCk bRown Fox jumps oveR The lazy dog.


Chapter


Markings

Never.

TK TK TK TK TK

Don't mix font styles

A B

TK

Use only one style...

A B

A B

A B

TK TK

...for only one theme.

A B

A B

A B

TK TK TK

Don't mix up lettersizes,

AA BC

A ABC

TK TK TK TK

...because it is very...

A ABC

AA BC

A ABC

TK TK TK TK TK

...very confusing.

A ABC

AA BC

A ABC

TK TK TK TK TK TK

First

squa

re

Seco

nd sq

uare

Third

squa

re

Don't label vertical

TK

First

squa

re

A: First square

A CBSe

cond

squa

re

B: Second square

Third

squa

re

C: Third square

Try to use substitues

TK TK

First

squa

re

A: First square

A CBSe

cond

squa

re

B: Second square

Third

squa

re

C: Third square

Much more comfortable

TK TK TK

First

squa

re

First square

Seco

nd sq

uare

Second square

Third

squa

re

Third square

Or maybe some colours

TK TK TK TK

Don't play with your copyFi

r s t c i r cl e

Sec o

n d c i r cle

TK TK TK TK TK

Don't play with your copy Again: Try substitues...

A: First circle

A B

B: Second circle

Fir s t c i r cl e

Sec o

n d c i r cle

TK TK TK TK TK TK

...or maybe...

A: First circle

A B

B: Second circle

Fir s t c i r cl e

Sec o

n d c i r cle


...some colours.

First circleSecond circle

Fir s t c i r cl e

Sec o

n d c i r cle

TK TK TK TK TK TK TK TK

ResultTK

Keeping all this in mind,

you won'tResult

TK TK

...and will be able

to make a nicepresentation

on your own, just...TK TK TK

For aFor a fist

fulfist ful


; )TK TK TK TK

; )TK TK TK TK TK

This presentation was made by

Tim Karsko

Hope you liked it :)TK TK TK TK TK TK

ALL RIGHTS ARE FREE OR SITUATED BY THE AUTHORS


infographics pt.3: „for a fistful of dollars“ – do's and dont's for making...

Entertainment & Humor