{"id":1719,"date":"2018-01-20T19:44:51","date_gmt":"2018-01-21T00:44:51","guid":{"rendered":"http:\/\/www.trustyetc.com\/trustyblog\/?p=1719"},"modified":"2018-01-20T19:44:51","modified_gmt":"2018-01-21T00:44:51","slug":"contrast-contrast-contrast","status":"publish","type":"post","link":"https:\/\/www.trustyetc.com\/trustyblog\/2018\/01\/20\/contrast-contrast-contrast\/","title":{"rendered":"Contrast Contrast Contrast"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">CRAP. \u00a0Every great PowerPoint has lots of CRAP.<\/span><\/p>\n<p><b>C<\/b><span style=\"font-weight: 400;\">ontrast<br \/>\n<\/span><b>R<\/b><span style=\"font-weight: 400;\">epetition<br \/>\n<\/span><b>A<\/b><span style=\"font-weight: 400;\">lignment<br \/>\n<\/span><b>P<\/b><span style=\"font-weight: 400;\">roximity<\/span><\/p>\n<p><span style=\"font-weight: 400;\">All four elements are important in a great PowerPoint, but contrast is far and above the most important component of any single slide. \u00a0Without contrast there is no way to distinguish between the message and the background. \u00a0You do not want your message to be lost in the background.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In an ideal world everything would be black and white. \u00a0These colors have the most contrast. \u00a0But the world has all colors and people like to use different colors in presentations. \u00a0Below is a series of pictures showing different color combinations, starting with the generic black and white.<\/span><\/p>\n<p><a href=\"http:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Contrast-WeAreLB-BW.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1722 aligncenter\" src=\"http:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Contrast-WeAreLB-BW.gif\" alt=\"\" width=\"600\" height=\"171\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The picture above alternates between white on black and black on white. \u00a0Depending on the display environment and the other slides in the deck, one of these combinations is usually easiest to read. \u00a0I prefer a black background with white text because the focus is on the brightness of the text. \u00a0In a dark room, a white background can cause the audience to squint which makes the text more difficult to read.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Our school colors are blue and red. \u00a0Below are two versions of a slide using these colors. \u00a0<\/span><\/p>\n<p><a href=\"http:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Contrast-WeAreLB-BR.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1721 aligncenter\" src=\"http:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Contrast-WeAreLB-BR.gif\" alt=\"\" width=\"600\" height=\"171\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The first color combination is the default blue and red. \u00a0The colors have the same value and because of this, they lack contrast. \u00a0The edges around the words almost glow and it makes the text difficult to see. The second version is dark blue and light red. \u00a0The color combination is similar to the first slide, but with greater contrast. \u00a0It makes the words easier to read.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With solid colors, select a light and dark combination for better contrast. \u00a0If a picture is in the background, it gets more complicated. \u00a0We use the eagle logo as the background on many slides.<\/span><\/p>\n<p><a href=\"http:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Eagle-head.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1724 aligncenter\" src=\"http:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Eagle-head.png\" alt=\"\" width=\"866\" height=\"390\" srcset=\"https:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Eagle-head.png 866w, https:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Eagle-head-300x135.png 300w, https:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Eagle-head-768x346.png 768w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">This logo has dark and light colors. \u00a0If text is placed over the logo, areas will have poor contrast no matter what color is used for the text. \u00a0The solution is to layer a slightly transparent dark rectangle between the logo and the text. \u00a0Below are three slides showing the different combinations.<\/span><\/p>\n<p><a href=\"http:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Contrast-WeAreLB-w-Logo.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1723 aligncenter\" src=\"http:\/\/www.trustyetc.com\/trustyblog\/wp-content\/uploads\/2018\/01\/Contrast-WeAreLB-w-Logo.gif\" alt=\"\" width=\"600\" height=\"171\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The initial slide has the text directly on top of the logo. \u00a0The next slide has a transparent layer covering half of the logo. \u00a0The final slide has the transparent layer covering all of the logo. \u00a0The transparent layer is a black rectangle with 50% transparency. \u00a0Using this simple technique, the logo is visible with good contrast between the text and the background.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you drive past the school, you will see this very slide at the end of each day\u2019s schedule. \u00a0The message is clearly visible and the school logo ties it all together. \u00a0Good contrast is the key.<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CRAP. \u00a0Every great PowerPoint has lots of CRAP. Contrast Repetition Alignment Proximity All four elements are important in a great PowerPoint, but contrast is far and above the most important component of any single slide. \u00a0Without contrast there is no &hellip; <a href=\"https:\/\/www.trustyetc.com\/trustyblog\/2018\/01\/20\/contrast-contrast-contrast\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,10,209],"tags":[377,131,344,373,372],"class_list":["post-1719","post","type-post","status-publish","format-standard","hentry","category-edtech","category-education","category-presentation","tag-contrast","tag-powerpoint","tag-presentation","tag-sign","tag-signcommand"],"_links":{"self":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts\/1719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/comments?post=1719"}],"version-history":[{"count":2,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts\/1719\/revisions"}],"predecessor-version":[{"id":1725,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts\/1719\/revisions\/1725"}],"wp:attachment":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/media?parent=1719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/categories?post=1719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/tags?post=1719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}