Date post: | 19-Aug-2014 |
Category: |
Education |
Upload: | chiara-ojeda |
View: | 49,590 times |
Download: | 0 times |
HELP PREVENT TOXIC SLIDE SYNDROME
Image: ‘PixelPlacebo’
YOUR SLIDES!TWEAKTen visual design principles for educators.
Presented by: Chiara [email protected]: 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
new
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
work
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
Style
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"
!"#$%&'()'*+,&'-","../(#
4
5
6
7
8
94
95
96
97
98
54
#
'
2
0
:
3
!"#$%&'()*'!$+*,
!"#$%&'(%#)*"+#$%',-.*.,/*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"
!"#$%&'()'*+,&'-","../(#
4
5
6
7
8
94
95
96
97
98
54
#
'
2
0
:
3
!"#$%&'()*'!$+*,
!"#$%&'(%#)*"+#$%',-.*.,/*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.
Near
Far
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!
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
DO
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
ACH
ANDNAKEDGET
--Garr
Rey
nolds
, “Th
e Nak
ed P
resen
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/