{"id":375,"date":"2015-10-23T18:20:25","date_gmt":"2015-10-23T18:20:25","guid":{"rendered":"http:\/\/blogs.magicjudges.org\/conferences\/?p=375"},"modified":"2017-02-26T15:03:41","modified_gmt":"2017-02-26T15:03:41","slug":"presentation-design-principles-part-2","status":"publish","type":"post","link":"https:\/\/blogs.magicjudges.org\/conferences\/2015\/10\/23\/presentation-design-principles-part-2\/","title":{"rendered":"Presentation Design Principles – Part 2"},"content":{"rendered":"

\"Ivan<\/a>

Ivan Petkovic L3, Germany<\/p><\/div><\/p>\n

Welcome back! I guess you liked what you have seen<\/a>!<\/p>\n

Thank you. And you also remember everything?!? In case you don\u2019t (and there was a LOT of stuff), here is a short recap:
\n– Text slide is pure evil! And has tendency to multiply and grow. So, handle with care
\n– There are 7 rules, 3 have been covered:<\/p>\n

    \n
  1. Signal to Noise Ratio<\/li>\n
  2. Going Visual<\/li>\n
  3. Empty Space<\/li>\n<\/ol>\n

    Bottomline: Remove nonessential (and more things are than you think) and keep things simple and clean.
    \nSo, now moving on with\u2026<\/p>\n

      \n
    1. Rule of Thirds<\/strong><\/li>\n<\/ol>\n

      The first three principles talked about eliminating the nonessential. The remaining four rules talk about optimizing what is left.<\/span><\/p>\n

      How do you make static visuals less static? (Since we are by now mostly using visuals to engage audiences, right?)<\/span>\u00a0<\/span><\/p>\n

      What photographers have found out is that symmetric pictures are static. If you move the (main) object, by one or two-thirds in any direction towards the edge of the photo, you suddenly get dynamics. Why?<\/span><\/p>\n

      Because we are expecting something to come out of all that \u201cextra\u201d space. And that is exciting to us.<\/span>\u00a0<\/span><\/p>\n

      Compare these two pictures:<\/span><\/p>\n

      \"Slide01\"<\/a><\/p>\n

      \"Slide69\"<\/a><\/p>\n

      Which one is more interesting?<\/span>\u00a0<\/span><\/p>\n

      Also, having elements of the visual in \u201cthirds\u201d can happen multiple times on a single picture. Can you notice multiple \u201cthirds\u201d?:<\/span><\/p>\n

      \"Slide76\"<\/a><\/p>\n

      Let me help.<\/p>\n

      \"Slide77\"<\/a><\/p>\n

      Here you can see: The text is 1\/3 of the horizontal photo while the photo is in 2\/3. The hand is in 2\/3 while the rest of the person is in 1\/3 of the vertical photo.<\/p>\n

      How to achieve rule of thirds on your slide? First turn on (static) guidelines in the presentation software you are using (google for details). Most guidelines are by default made for static compositions (1\/2-1\/2 and not 1\/3- 2\/3). You will need to adjust your guidelines to 1\/3 and 2\/3 of your screen vertically and horizontally. After that comes the positioning of visual and textual elements in horizontal and vertical thirds.<\/p>\n

      You should get something like this:<\/p>\n

      \"Slide26\"<\/a><\/p>\n

      Remember, this doesn\u2019t mean you can forget about the first three principles.\u00a0<\/strong><\/p>\n

      Use rule of thirds to create dynamic and engaging slides.<\/span><\/em><\/p>\n

        \n
      1. contrasT<\/strong><\/li>\n<\/ol>\n

        Human beings are primed to notice contrast. And we are surrounded by it everywhere and everyday \u2013 every story has a hero and a villain, every day there is light and darkness, every moment of our lives has ups and downs. (Or if you want to be less dramatic, just look at how people dress.)<\/span>\u00a0<\/span><\/p>\n

        Since we are so good at noticing it, let me just give you examples of contrast you should use:<\/span><\/p>\n

        \"Slide34\"<\/a><\/p>\n

        \"Slide35\"<\/a><\/p>\n

        \"Slide36\"<\/a><\/p>\n

        \"Slide37\"<\/a><\/p>\n

        \"Slide38\"<\/a><\/p>\n

        \"Slide39\"<\/a><\/p>\n

        Use contrast to emphasize and create emotions.<\/em><\/p>\n

          \n
        1. Consistency<\/strong><\/li>\n<\/ol>\n

          This one is simple to follow if kept in mind. Pay attention that your slides together make a whole regarding to fonts, templates and visuals you use.<\/p>\n

          For example, I usually use one to two fonts in my presentations. Also, I use the same style of visuals (e.g. I don\u2019t mix photos with drawn visuals). If I use a template (which I rarely do), I use the same one during the entire presentation. Another example would be having a \u201csummary\u201d slide after each chapter.<\/p>\n

          One subtle consistency I love to use, is applying the rule of thirds through the entire presentation.<\/p>\n

          Consistency ties your entire presentation together making it whole.<\/span><\/em><\/p>\n

            \n
          1. P<\/strong>lacement<\/strong><\/li>\n<\/ol>\n

            While consistency talks about arranging elements through multiple slides, placement talks about arranging them on a single slide.<\/span><\/p>\n

            How you arrange elements sends a message: are they united or fragmented, are they equal or not, is there order or chaos?<\/span><\/p>\n

            The size of the elements also sends a message: some are more important than others (for example think of title \u2013 subtitle \u2013 text hierarchy in articles). Here are some examples:<\/span><\/p>\n

            \"Slide43\"<\/a><\/p>\n

            This doesn\u2019t relate only to abstract objects like circles. Let\u2019s analyze this photo:<\/p>\n

            \"\"<\/a><\/p>\n

            There are two groups: a photographer and wedding participants. Also, the emphasis is on the photographer because he is in the foreground (and bigger) compared to others. These are some of the messages that this photo is sending. How you use them on your slide (and your overall story) is up to you.<\/span>\u00a0<\/span><\/p>\n

            There is no rule on how to do placement right, it depends on the message you want to send with your slide.<\/span><\/p>\n

            Element placement on a single slide sends a message. <\/em><\/p>\n

            Be aware of it.<\/em><\/p>\n

            Part 3. Putting the pieces together<\/strong><\/h2>\n

            Now that you know all the principles, here are some tips & tricks on how to use each principle in real life.<\/span><\/p>\n

            Eliminate the nonessential<\/strong>. It is not about the information or data. It is about the message you want to send. This should be applied when initially building slides as well as when revising them after the whole presentation has been finished.<\/p>\n

            A picture says 1000 words<\/strong>, so use them extensively. You are the source of information, not the slides. Slides exist to emphasize you, not to be self-sufficient. Powerful and high quality visuals create strong emotions that engage your audience. When searching for visuals, think about metaphors that support your\u00a0speech. By communication orally and visually through metaphors, it will be easier for your audience to get the message.<\/p>\n

            Don\u2019t be afraid to use empty space to your advantage<\/strong>. It helps you to emphasize the essential elements. I prefer using one image as a metaphor with a couple of words that will support the image. This way the audience can quickly process the slide and pay attention to me.<\/p>\n

            By following rule of thirds<\/strong>, visuals and the slide itself become more interesting and dynamic thus engaging. And it is easy to achieve: I use huge, high quality images (larger than 2MP on Google image search). Then I use only part of that image (crop the rest) respecting the rule of thirds. This way I can turn a static image into a dynamic one.<\/p>\n

            Contrast<\/strong> is another tool you can use to create and emphasize the emotional component of your speech.\u00a0 There are many types of contrast: colors, lighting, meaning, between slides\u2026 Whenever possible I use contrast and most of my slides have contrast built in. But be careful that contrast is actually emphasizing what you want and not something else.<\/p>\n

            Make your slides consistent <\/strong>by using the same font(s), styles, templates and visual types. Rules are meant to be broken but only when they are broken deliberately (like when you want to show contrast by using two different fonts in parallel). You can often see this principle broken in corporations where people \u201cborrow\u201d slides all the time from each other.<\/p>\n

            The relationship between elements<\/strong> on a slide sends a message: those that are bigger, closer and more on the left and on top are perceived as more important than others. Be aware that you don\u2019t send the wrong message and confuse your audience.<\/p>\n

            One more thing<\/strong><\/p>\n

            I still hate writing articles. This one has been filled with a lot of principles, rules and details. I don\u2019t expect that tomorrow you will remember the seven recipes we have been talking about. (and for your convenience they are: 1. Eliminate the nonessential, 2. Go visual, 3. Empty space, 4. Rule of thirds, 5. Contrast, 6. Consistency and 7. Placement)<\/p>\n

            Since this is an article, this means you can go and read parts of it again next time when you are preparing your presentation.<\/p>\n

            But if I have to leave you with one last and most important message, it would be this:<\/p>\n

            Cluttered, text-heavy presentation design confuses audiences, while a visual one supports\u00a0you and helps you focus.<\/p>\n

            \n

            Is this an interesting read? Do you also have something to say about\u00a0slides and seminars? We are always looking for feedback, but even more\u00a0for collaborators! It doesn’t matter if you want to help writing\u00a0already scheduled articles, or share entirely new ideas. Contact\u00a0George <\/a><\/span><\/span>or Ivan<\/a><\/span><\/span>, and let the\u00a0Judge Community know what you think.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

            Welcome back! I guess you liked what you have seen! Thank you. And you also remember everything?!? In case you don\u2019t (and there was a LOT of stuff), here is a short recap: – Text slide is pure evil! And has tendency to multiply and grow. So, handle with care – There are 7 rules, […]<\/p>\n","protected":false},"author":57,"featured_media":338,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[11,10],"tags":[],"language":[13],"class_list":["post-375","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles","category-conference-presenters","language-en"],"_links":{"self":[{"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/posts\/375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/comments?post=375"}],"version-history":[{"count":3,"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/posts\/375\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/posts\/375\/revisions\/405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/media\/338"}],"wp:attachment":[{"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/media?parent=375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/categories?post=375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/tags?post=375"},{"taxonomy":"language","embeddable":true,"href":"https:\/\/blogs.magicjudges.org\/conferences\/wp-json\/wp\/v2\/language?post=375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}