• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Tweak Your Slides: Ten Design Principles for Educators (version 3.0)
 

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

on

  • 49,370 views

Tweak your Slides, workshop on visual design for educators. This is draft 3, which includes examples of my own past slide shows and revisions of these shows.

Tweak your Slides, workshop on visual design for educators. This is draft 3, which includes examples of my own past slide shows and revisions of these shows.

Statistics

Views

Total Views
49,370
Views on SlideShare
29,844
Embed Views
19,526

Actions

Likes
77
Downloads
540
Comments
12

106 Embeds 19,526

http://www.scoop.it 4660
http://tweakyourslides.wordpress.com 4089
http://info.shiftelearning.com 2896
http://sixminutes.dlugan.com 2357
http://alexrister1.wordpress.com 1478
http://www.yucezerey.com 891
http://localhost:4000 624
http://feeds.feedburner.com 505
http://vanwinklesart.blogspot.com 417
http://sharkcrow.com 264
http://phasetwolearning.wordpress.com 232
http://www.franksworld.com 211
http://benceboyle.wordpress.com 167
http://tweakyourslides.blogspot.com 129
http://franksworld.com 81
https://tweakyourslides.wordpress.com 65
http://kudosblog.tistory.com 53
http://learni.st 36
http://blog.websourcing.fr 36
http://www.redditmedia.com 25
https://twimg0-a.akamaihd.net 23
https://www.rebelmouse.com 22
http://a0.twimg.com 22
http://mbaemgestao.wordpress.com 21
https://twitter.com 13
http://alvarograsso.tumblr.com 12
http://cloud.feedly.com 12
http://translate.googleusercontent.com 12
http://paper.li 9
http://wundermansocial.tumblr.com 8
https://alexrister1.wordpress.com 8
http://webcache.googleusercontent.com 7
http://www.vanwinklesart.blogspot.com 7
http://us-w1.rockmelt.com 6
http://blog.rit.tafensw.edu.au 6
http://www.techgig.com 6
http://vanwinklesart.blogspot.de 5
http://vanwinklesart.blogspot.co.uk 5
http://vanwinklesart.blogspot.com.au 4
http://www.twylah.com 4
http://www.mytweetmag.com 4
http://vanwinklesart.blogspot.in 4
http://vanwinklesart.blogspot.ru 4
http://vanwinklesart.blogspot.ca 3
http://tweakyourslides.blogspot.in 3
http://users.mygait.com 3
http://www.netvibes.com 3
http://blogtoutvide.wordpress.com 3
http://apps.webdoc.com 3
https://webmail.iinet.net.au 2
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

110 of 12 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…

110 of 12 previous next

Post Comment
Edit your comment

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

    • 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 SignificanceImage: 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 flexibility 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 personalitiesUnified 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 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
    • 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!
    • Gnomes rule!
    • Image: colodioDO USE QUALITY VISUALS
    • Think concrete, large, high res. Compfight 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/