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

Image: ‘PixelPlacebo’HELP PRE VENT TOXIC SLI DE SYNDROME

T W AES ELID K! YO UR S design princi ples for educ ators. Ten visualPresented by: Chiara Ojedacojeda@fullsail.comtweakyourslides.wordpress.comImage: KimberlyFordPhotography

Image: Pink Poppy PhotographyTWEAKING MY CLASS

1THING YOUWANT TOIMPROVEABOUT YOURVISUAL AIDS

#1 THINK LIKE A DESIGNERMake each decision deliberate.

DESIGN IS... Utility SigniﬁcanceImage: DimitraTzanos

relevant meaningful new truth easinessconsistency usefulness honesty useability accuracy fit beauty structure appearance

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

Contrast increases understanding.Making elements differentRepetitionRepeat visual elements to create strong unity.AlignmentNothing should be placed arbitrarily. Placement illustratesrelationships between elements.ProximityRelated items should be placed together.

#2: DO NOT... USE BULLETS

WHYNOT?

BULLETSUSE TEXT ALONE TOCONVEY IDEAS& CONSTRAINCREATIVITY.

use textDo... purposely

Choosing Fonts Use1 Title, body, serif vs. multiple emphasisfont/weight sans serif text boxesPair text Font must be with Dafont.com installed to visual work

#3: DO NOT... OVERUSE TEMPLATES Image: theilr

Classical Canons of RhetoricInvention (P.A.S.S.S.)ArrangementStyleMemoryDelivery

PersuasivePresentations

WHY NOT?Image: slimmer_jimmer

BE A REBEL, CREATE YOUR OWN TEMPLATE Consider: Consistency and ﬂexibility Grids and layout ColorImage: Thuany Gabriela

!"#$%&()*!$+*, ,/*0*-0*"%01-2%3#4-55. !"#$%&(%#)*"+#$%,-.*. 6728-)/2*#$4!%9#$#*:-2. 4/0"5/67,"3/(717,89 !"#$%&("$)*$+$,#-$.)/*)0# !""#$%"&()*(+,"-./0123" !"#$%&("$ !"#$%&()*+,&-","../(# !"#$%&()*+, !"#$%&&&&$()*+$,*-# !"#$%#&(#")*+##,- ./01#2+3-4 01$*$2#3$40510/# 54 98 97 # 96 95 2 94 0 8 : 7 3 )*+,-$.*(/"#$! "#$%&$()*+,-.+/0#120#3$+4056)&0(% 6 5 4 !"##$%& ()*$!*+,#*- !"##$.+,*- %./% 012$34&5 %.46!"#$%&("$)*$+$,#-$.)/*)0# !""#$%"&()*(+,"-./0123"

!"#$%&()*!$+*, ,/*0*-0*"%01-2%3#4-55. !"#$%&(%#)*"+#$%,-.*. 6728-)/2*#$4!%9#$#*:-2. 4/0"5/67,"3/(717,89 !"#$%&("$ 01$*$2#3$40510/# )*+,-$.*(/"#$! "#$%&$()*+,-.+/0#120#3$+4056)&0(% !"#$%&("$)*$+$,#-$.)/*)0# !""#$%"&()*(+,"-./0123" !"#$%&()*+,&-","../(# !"#$%&()*+, !"#$%&&&&$()*+$,*-# !"#$%#&(#")*+##,- ./01#2+3-4 54 98 97 # 96 95 2 94 0 8 : 7 3 6 5 4 !"##$%& ()*$!*+,#*- !"##$.+,*- %./% 012$34&5 %.46!"#$%&("$)*$+$,#-$.)/*)0# !""#$%"&()*(+,"-./0123"

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

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

#4: DO NOT...CONFUSEYOUR AUDIENCEVIA UNCLEARHIERARCHY &PROXIMITY. Image: unisono

Strong hierarchy helpsaudiences understand relationships.

PROXIMITY MATTERSNear Far

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. stick toPut details t he point in logical order: Considera. chronology hierarchyb. relationshipc. importance

#5: DO NOT...FORGET TO HELPYOUR AUDIENCE SEEWHAT 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 THEPICTURESUPERIORITYEFFECT

W hat information am Irepr esenting with thewritt en word that I couldr eplace with an image?

Symbolic Settings

Symbolic setting:Story themesCharacter personalitiesUniﬁed style and plot

Oates’ Setting--1960s suburbia Image: x-ray delta one

#6: DO NOT...MAKE VISUALSSECONDARY Image: Gianmaria

Character Development and Analysis} Theway a character is developed in a story is what often times makes ﬁction 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

Image: Taking it Global Stretched or pixelated images = no bueno

Actual Size

EXTRA EMPTY SPACEUnnecessary framing

Common Problems 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! Background and content competing

Gnomes rule!

Image: colodioDO USE QUALITY VISUALS

Think concrete, large, high res. Compﬁght and Flickr are your friends. Choose creative commons, commercial use. Show attribution.Image: cucumber!

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 One could argue that the entirety of Books/Films I and II (The Fellowship, The Two Towers) is all rising action and false summits. False Summits Frodo does not confront his climax until Book/Film III.Once having traversed Gollum brings tensionthe threshold, the hero … between Sam and Frodomust survive a successionof trials. --CampbellFrodo Confronts theRingwraiths atWeathertop (fear) Gandalf is lost in Moria (grief) Faramir detains Frodo (hope in humanity is restored After a series of trials, Frodo and Sam move Frodo becomes the ring bearer towards Mount Doom (emotional exhaustion; (trepidation; uncertainty about the hopelessness) future)

Falling Action and Resolution In LOTR, the parallel story lines converge He [must] re-enter … where and the conflict of the story is resolved. At men who are fractions imagine the end of the story, Frodo’s emotional balance is restored, but he cannot return to themselves to be complete. -- the carefree hobbit of the beginning of the Campbell story and leaves Middle Earth for the Grey Havens. The Scouring of the Shire (Frodo’s final test)Rescued by the eagles (relief; a returnto certainty) Aragorn is King (happiness; jubilation) Frodo leaves Middle Earth

USE EMPTY SPACE TOPROVIDE VISUALBREATHINGROOMImage:NazliG.

#8: DO NOT... CREATE dissonanceImage: 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 positiveThe hero-quest requires that the hero for Frodo, as he has to struggle withreturn. The responsibility has been being corrupted by the Ring.frequently refused.--Joseph Campbell

DO AMP CON UP T HE T RAS TImage: Tiago Daniel

Contrast: Understanding through differencesize shape shade color proximity

STRONG CONTRAST MEANSImage: oliverchesler LOW NOISE HIGH SIGNAL

#10: DO NOT...FORGETAN EXTRA SLIDECOSTS NOTHING

¡ 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.

H TDO... C E A G D T D E E e r” nt D N K e r es P A A k ed Na he N T s ,“ o ld e yn r rR a --G www.desktopography.net www.thisiscross.com

PurposeWhy am I writing? Consider necessity. Why is this an issue worth discussing?

Target AudienceFor whom am I writing? Consider: Relationship to writer, demographics, beliefs, needs, etc.

SubjectWhat am I writing about? topic content what to include/exclude

SelfHow do I want toportray myself?

Special Requirements What are the parameters of the assignment? Challenges Format Be Proactive!

So, let’s recap!THINK LIKE A USE CONTRASTDESIGNERDO USE TEXTPURPOSELYCREATE YOUR OWNTEMPLATES

So, let’s recap!USE HIERARCHYAND PROXIMITYUSE THE PICTURESUPERIORTY EFFECTALWAYS CHOOSEQUALITY VISUALS

So, let’s recap!PROVIDE VISUALBREATHING ROOMUSE CONTRASTUSE ANIMATIONRESPONSIBLYDETACH ANDGET NAKED

THANKSQUESTIONS? I love this stuff...chat with me any time..really!Download “Tweak Your Slides @Slideshare.net”

All images courtesy of Flickrhttp://creativecommons.org/licenses/by-nc/2.0/

http://www.scoop.it	2159
http://sixminutes.dlugan.com	2087
http://tweakyourslides.wordpress.com	2056
http://alexrister1.wordpress.com	1298
http://www.yucezerey.com	865
http://localhost:4000	624
http://feeds.feedburner.com	407
http://vanwinklesart.blogspot.com	347
http://sharkcrow.com	214
http://www.franksworld.com	208
http://phasetwolearning.wordpress.com	201
http://tweakyourslides.blogspot.com	98
http://benceboyle.wordpress.com	89
http://franksworld.com	81
http://kudosblog.tistory.com	47
http://blog.websourcing.fr	36
http://www.redditmedia.com	25
https://twimg0-a.akamaihd.net	23
http://a0.twimg.com	22
http://alvarograsso.tumblr.com	12
http://translate.googleusercontent.com	11
http://paper.li	9
http://wundermansocial.tumblr.com	8
http://www.vanwinklesart.blogspot.com	7
https://twitter.com	7
http://us-w1.rockmelt.com	6
http://webcache.googleusercontent.com	5
http://vanwinklesart.blogspot.co.uk	5
http://vanwinklesart.blogspot.de	5
http://vanwinklesart.blogspot.com.au	4
http://www.twylah.com	4
http://www.techgig.com	4
http://vanwinklesart.blogspot.in	4
http://www.mytweetmag.com	4
http://vanwinklesart.blogspot.ru	3
http://vanwinklesart.blogspot.ca	3
http://apps.webdoc.com	3
http://blogtoutvide.wordpress.com	3
http://users.mygait.com	3
http://www.netvibes.com	3
https://mserve1.baker.edu	2
http://vanwinklesart.blogspot.cz	2
https://webmail.iinet.net.au	2
http://vanwinklesart.blogspot.jp	2
http://vanwinklesart.blogspot.com.es	2
http://vanwinklesart.blogspot.ro	2
http://vanwinklesart.blogspot.fr	2
http://tweakyourslides.blogspot.kr	1
http://vanwinklesart.blogspot.dk	1
http://www.vanwinklesart.blogspot.co.uk	1
http://reader.youdao.com	1

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

by Chiara Ojeda

Accessibility

Categories

Upload Details

Usage Rights

76 Embeds 11,043

Statistics

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