Tweak Your Slides: Ten Design Principles for Educators (version 3.0)

transcript

HELP PREVENT TOXIC SLIDE SYNDROME

Image: ‘PixelPlacebo’

YOUR SLIDES!TWEAKTen visual design principles for educators.

Presented by: Chiara Ojedacojeda@fullsail.comtweakyourslides.wordpress.comImage: KimberlyFordPhotography

TWEAKING MY CLASS

Image: Pink Poppy Photography

1ABOUT YOUR VISUAL AIDS

WANT TO IMPROVE

THING YOU

#1 THINK LIKE A DESIGNERMake each decision deliberate.

DESIGN IS...

Utility Significance

Image: DimitraTzanos

truthconsistency

honestyaccuracy

beautystructure

appearance

easinessusefulnessuseabilityfit

relevantmeaningful

C-R-A-P-ify your slide design.

Contrast

Repetition

Alignment

Proximity

Making elements different increases understanding.

Repeat visual elements to create strong unity.

Nothing should be placed arbitrarily. Placement illustrates relationships between elements.

Related items should be placed together.

USE BULLETS#2: DO NOT...

NOT?WHY

CONVEY IDEASBULLETSUSE TEXT ALONE TO

& CONSTRAINCREATIVITY.

use textDo... purposely

Choosing Fonts

serif vs. sans serif

Pair text with

visual

Font must be installed to

1 Title, body, emphasis

font/weight

Use multiple

text boxes

Dafont.com

OVERUSE

Image: theilr

#3: DO NOT...

TEMPLATES

Classical Canons of Rhetoric

Invention (P.A.S.S.S.)

Arrangement

Memory

Delivery

Persuasive PresentationsThe basics of persuasive speech

NOT?WHY

Image: slimmer_jimmer

Image: Thuany Gabriela

BE A REBEL, CREATE YOUR OWN

TEMPLATEConsider:Consistency and flexibilityGrids and layoutColor

!"#$%&'()*+,

!"#$%&'("$)*$+$,#-$.)'/*)'0# !""#$%"&'()*'(+,"-'./01'23"

4/0"5'/67,"3/(717,89

!"#$%&'("$)*$+$,#-$.)'/*)'0# !""#$%"&'()*'(+,"-'./01'23"

!"#$%&'()'*+,&'-","../(#

!"#$%&'()*'!$+*,

!"#$%&'(%#)*"+#$%',-.*.,/*0*-0*"%01-2%'3#4-55.6'728-)/2*#$4'!%9#$#*:-2.

!"#$%&'&&&$()*+$,*-#

!"##$%&'%./%

()*$!*+,#*-012$34&5

!"##$.+,*-%.46

!"#$%#&'(#")*+##,- ./01#2+3-4!"#$%&'("$

)*+,-$.*(/"#'$! "#$%&'$()*+,-.+/0#120#3$+4056)&0(%

01$*$2#3$40'510'/#

!"#$%&'()*+,

!"#$%&'("$)*$+$,#-$.)'/*)'0# !""#$%"&'()*'(+,"-'./01'23"

4/0"5'/67,"3/(717,89

!"#$%&'("$)*$+$,#-$.)'/*)'0# !""#$%"&'()*'(+,"-'./01'23"

!"#$%&'()'*+,&'-","../(#

!"#$%&'()*'!$+*,

!"#$%&'(%#)*"+#$%',-.*.,/*0*-0*"%01-2%'3#4-55.6'728-)/2*#$4'!%9#$#*:-2.

!"#$%&'&&&$()*+$,*-#

!"##$%&'%./%

()*$!*+,#*-012$34&5

!"##$.+,*-%.46

!"#$%#&'(#")*+##,- ./01#2+3-4

!"#$%&'("$

)*+,-$.*(/"#'$! "#$%&'$()*+,-.+/0#120#3$+4056)&0(%

01$*$2#3$40'510'/#

Turn on master gridlines, alignment guides and object spacing/sizing.}

GRIDS CREATE UNITY

View/show on guides; drag cursor down from ruler to

create static guides

#4: DO NOT...CONFUSE YOUR AUDIENCE

Image: unisono

VIA UNCLEARHIERARCHY & PROXIMITY.

Strong hierarchy helps audiences understand

relationships.

PROXIMITY MATTERS

Proximity Conveys Relationship

unite/fragment order/chaos equal/unequal

Coherence in a Paragraph

¨Stick to the point: The ideas have a clear and logical relation to each other.

¨Put details or examples or incidents in logical order.

chronological

in relation to each other

in order of importance

Ensure your paragraphs are

coherent.

Put details in logical

order:a. chronologyb. relationshipc. importance

Consider hierarchy

stick to the point

YOUR AUDIENCE SEE

#5: DO NOT...FORGET TO HELPWHAT YOU ARE SAYING

� Symbols are used in conjunction with the other elements of short stories…

� Symbolic settings › call attention to theme

› Reveal the personality of the characters

› Create unity

› Consider Oates’s use of the suburbia in “Where Are You Going…”. How does the setting affect how the characters are developed/how they interact?

DO...APPLY THEPICTURE SUPERIORITYEFFECT

What information am I representing with the written word that I could replace with an image?

Symbolic Settings

Symbolic setting:Story themesCharacter personalitiesUnified style and plot

Oates’ Setting--1960s suburbia

Image: x-ray delta one

#6: DO NOT...MAKE VISUALS

SECONDARYImage: Gianmaria

Character Development and Analysis} The way a character is developed in a

story is what often times makes fiction so enjoyable. Readers can identify with characters and can associate with their own personal struggles. Even in extraordinary circumstances, characters will act and react in generally traditional human ways. If we are able to relate to a character in some way, then the author has done his or her job.

Visual Cliche

Stretched or pixelated images = no bueno

Image: Taking it Global

Actual Size

EXTRA EMPTY SPACE

Unnecessary framing

Common Problems

Background and content competing

Aren’t gnomes neat! This picture has no space

for text, but it’s really neat and I have lots to say

and put on the slide, so I don’t really care if

there isn’t enough space. Gnomes rule!

Gnomes rule!

DO USE QUALITY VISUALS

Image: colodio

Compfight and Flickr are your friends.

Image: cucumber!

Choose creative commons, commercial use. Show attribution.

Think concrete, large, high res.

MASKING/CROPPING AN IMAGE

USING THE ALPHA TOOL

Is there room for text?

Be creative.

#7: DO NOT...CROWD YOUR SLIDES

Image:Alex Kess

Rising Action and

False Summits

One could argue that the entirety of Books/Films I and II (The Fellowship, The Two Towers) is all rising action and false summits. Frodo does not confront his climax until Book/Film III.

Frodo Confronts the Ringwraiths at Weathertop (fear)

Frodo becomes the ring bearer (trepidation; uncertainty about the future)

Gandalf is lost in Moria (grief) Faramir detains Frodo (hope in humanity is restored

Gollum brings tension between Sam and Frodo

After a series of trials, Frodo and Sam move towards Mount Doom (emotional exhaustion; hopelessness)

Once having traversed the threshold, the hero … must survive a succession of trials.

--Campbell

Falling Action and Resolution In LOTR, the parallel story lines converge

and the conflict of the story is resolved. At the end of the story, Frodo’s emotional balance is restored, but he cannot return to the carefree hobbit of the beginning of the story and leaves Middle Earth for the Grey Havens.

Rescued by the eagles (relief; a return to certainty)

The Scouring of the Shire (Frodo’s final test)

Aragorn is King (happiness; jubilation)

Frodo leaves Middle Earth

He [must] re-enter … where men who are fractions imagine themselves to be complete. --Campbell

USE EMPTY SPACE TOPROVIDE VISUAL BREATHINGROOM

Image:NazliG.

#8: DO NOT...

dissonanceCREATE

Image: x-ray delta one

Climax: Frodo Destroys the Ring The Climax of LOTR comes with the

destruction of the Ring. In the text, Frodo is not directly involved in the

destruction of the ring. Gollum’s joy at retrieving his “precious” is what begins the resolution of the plot.

This resolution is not entirely positive for Frodo, as he has to struggle with

being corrupted by the Ring.

The hero-quest requires that the hero return. The responsibility has been frequently refused.--Joseph Campbell

AMP UP THE CONTRAST

Image: Tiago Daniel

Contrast: Understanding through difference

size shape shade color proximity

LOW NOISEHIGH SIGNAL

STRONG CONTRAST MEANS

Image: oliverchesler

COSTS NOTHING

#10: DO NOT...

FORGETAN EXTRA SLIDE

¡ P – Purpose – Why am I wri)ng? § Informa)on? Persuasion? Personal? Entertainment? etc.

¡ A-‐Audience – Who am I wri)ng to? § Rela)onship to writer, age, )tle, beliefs/preconceived ideas, needs, knowledge/educa)onal level, etc.

¡ S-‐Subject – What am I wri)ng about? § Topic, content, what to include/leave out

¡ S-‐Self – How do I want to portray myself to my reader? § Tone – not what you say, but how you say it.

¡ S-‐Special Requirements – How should my paper “look”? What limits do I have?§ Format, length, )me/due date, etc.

DO...DET

ANDNAKEDGET

--Garr

, “Th

ter”

www.desktopography.netwww.thisiscross.com

PurposeWhy am I writing?

Consider necessity. Why is this an issue worth discussing?

Target Audience

Consider: Relationship to writer, demographics, beliefs, needs, etc.

For whom am I writing?

topic content what to include/exclude

What am I writing about?

Subject

SelfHow do I want to portray myself?

Special RequirementsWhat are the

parameters of the assignment?

ChallengesFormat

Be Proactive!

So, let’s recap!THINK LIKE A DESIGNERDO USE TEXT PURPOSELYCREATE YOUR OWN

USE CONTRAST

TEMPLATES

So, let’s recap!AND PROXIMITY

ALWAYS CHOOSE

USE THE PICTURE

USE HIERARCHY

SUPERIORTY EFFECT

QUALITY VISUALS

So, let’s recap!

USE ANIMATION RESPONSIBLYDETACH AND GET NAKED

USE CONTRAST

PROVIDE VISUAL BREATHING ROOM

QUESTIONS?THANKS

I love this stuff...chat with me any time..really!

Download “Tweak Your Slides @Slideshare.net”

All images courtesy of Flickr

http://creativecommons.org/licenses/by-nc/2.0/

Tweak Your Slides: Ten Design Principles for Educators (version 3.0)

Education