<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5235835313147142796</id><updated>2011-12-14T18:44:23.629+09:00</updated><category term='visuals'/><category term='design'/><category term='delivery'/><category term='slides'/><category term='General'/><category term='data'/><title type='text'>GTB's ACE Blog</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Daniel Beck</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5RIQ63-K2dc/AAAAAAAAAAI/AAAAAAAAARY/TRVbkyoc_OU/s512-c/photo.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>11</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-1881159009104250974</id><published>2010-11-29T10:22:00.000+09:00</published><updated>2010-11-29T10:22:27.907+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='data'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Displaying Data</title><content type='html'>&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_LHgbZg4-glE/TPMAIFf8OWI/AAAAAAAAAL4/rzY0P7Sc3tw/s1600/Tufte.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="320" src="http://2.bp.blogspot.com/_LHgbZg4-glE/TPMAIFf8OWI/AAAAAAAAAL4/rzY0P7Sc3tw/s320/Tufte.jpg" width="265" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Edward Tufte, Information Design Expert&lt;br /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;Slides in our presentations are most effective when they show &lt;/span&gt;&lt;b&gt;&lt;i&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;visual&lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt; things. This is why we don't want to have much text on our slides. However, there are times when it is good to show data and statistics that will make an impact on our listeners. The problem is, how can we show data wisely? How much data should we show? What is the best way to display the data?&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;In the next few posts, I will talk about the 5 rules of Displaying Data. I get these rules from Edward Tufte, an expert on displaying data (not only in slides). In this post, I will introduce the 5 rules:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;Tell the truth&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;Get to the point&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;Pick the right tool for the job&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;Highlight what’s important&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;Keep it simple&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Tell the truth&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;This point might seem obvious. But it is amazing how often data is used to deceive. Sometimes the "lie" is not intentional. But that means we must be extra careful not to mislead our audience. Check and see that the data you display is "saying" what is true.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;b&gt;Get to the point&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;You are a busy person. Your audience is full of busy people. Don't waste your time&amp;nbsp;and their time by displaying data that is not important to your message. Spend all of your time "on task".&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Pick the right tool for the job&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;The tools we are talking about here are the different ways to show data. Some traditional &lt;i&gt;tools&lt;/i&gt; are bar graphs, pie charts, line graphs, tables, etc... Each tool has strengths and weaknesses. Be sure to think about whether there is another tool that can help your message better.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Highlight what's important&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;Sometimes it is difficult for the audience to know where they should be looking on the slide. Make it easier on them by highlighting the important information. You can do this by making the important information bigger or bolder or with arrows and other signals.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Keep it simple&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;We have talked about this point a lot on the blog before.Your slides are not meant to show all the information you have. Use a handout if you need the audience to see many details. Keep your slides (and your message) simple and it will have more impact.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;In the next few posts, I will show examples of&amp;nbsp;the 5 data rules. For now, look at your slides and ask yourself if you are keeping the rules.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;Good luck!&lt;/span&gt;&lt;/div&gt;&lt;ul style="list-style-type: disc;"&gt;&lt;ol style="list-style-type: decimal;"&gt;&lt;/ol&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-1881159009104250974?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/1881159009104250974/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2010/11/displaying-data.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/1881159009104250974'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/1881159009104250974'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2010/11/displaying-data.html' title='Displaying Data'/><author><name>Daniel Beck</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5RIQ63-K2dc/AAAAAAAAAAI/AAAAAAAAARY/TRVbkyoc_OU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_LHgbZg4-glE/TPMAIFf8OWI/AAAAAAAAAL4/rzY0P7Sc3tw/s72-c/Tufte.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-4916255044086022669</id><published>2010-11-07T22:21:00.001+09:00</published><updated>2010-11-09T08:19:38.580+09:00</updated><title type='text'>Welcome!</title><content type='html'>&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_LHgbZg4-glE/TNiFdXTvv8I/AAAAAAAAAKg/fHMnxB0ABN0/s1600/welcome.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="177" src="http://3.bp.blogspot.com/_LHgbZg4-glE/TNiFdXTvv8I/AAAAAAAAAKg/fHMnxB0ABN0/s320/welcome.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Welcome Mat&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;Welcome back to those of you who I helped last year and welcome to the students I have not met yet! I hope you will find this blog helpful.&lt;br /&gt;&lt;br /&gt;If you want to make a reservation to see me, please check &lt;a href="http://tinyurl.com/gtb-ace-appointments"&gt;my calendar&lt;/a&gt;. If you see a time available you want, send me an &lt;a href="mailto:danielbeck@mac.com"&gt;email here&lt;/a&gt;. Remember, it's first come, first serve.&lt;br /&gt;&lt;br /&gt;I look forward to seeing you soon!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-4916255044086022669?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/4916255044086022669/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2010/11/welcome.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/4916255044086022669'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/4916255044086022669'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2010/11/welcome.html' title='Welcome!'/><author><name>Daniel Beck</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5RIQ63-K2dc/AAAAAAAAAAI/AAAAAAAAARY/TRVbkyoc_OU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_LHgbZg4-glE/TNiFdXTvv8I/AAAAAAAAAKg/fHMnxB0ABN0/s72-c/welcome.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-680328926166712942</id><published>2009-07-13T07:02:00.001+09:00</published><updated>2009-07-13T10:16:15.856+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='visuals'/><category scheme='http://www.blogger.com/atom/ns#' term='slides'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>C.R.A.P. Recap</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_YB4x-HnD4AM/SlqFiNyiKEI/AAAAAAAAACs/huOtVCdEvjk/s1600-h/CRAP+Recap.078.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 300px;" src="http://3.bp.blogspot.com/_YB4x-HnD4AM/SlqFiNyiKEI/AAAAAAAAACs/huOtVCdEvjk/s400/CRAP+Recap.078.jpg" alt="" id="BLOGGER_PHOTO_ID_5357741529574287426" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Now that we have looked at each letter in the acronym &lt;strong&gt;C.R.A.P&lt;/strong&gt;., let’s consider how to put all of the pieces together.&lt;br /&gt;&lt;br /&gt;First, let’s review each letter. &lt;strong&gt;C&lt;/strong&gt; stands for &lt;strong&gt;C&lt;/strong&gt;ontrast. And, the key principle of &lt;strong&gt;c&lt;/strong&gt;ontrast states that “&lt;strong&gt;if two items are not exactly the same, then make them different. Really different.&lt;/strong&gt;” This can be done by making a font or graphic larger or smaller, bold, or a (really) different color.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;R&lt;/strong&gt; stands for &lt;strong&gt;R&lt;/strong&gt;epetition. And the key principle of &lt;strong&gt;r&lt;/strong&gt;epetition states that you “&lt;strong&gt;repeat so&lt;/strong&gt;&lt;strong&gt;me aspect of the design throughout the entire piece.&lt;/strong&gt;” For example, you might contrast headings from the main body by making them larger and different font, but for &lt;strong&gt;r&lt;/strong&gt;epetition, each heading might use the same font and size.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;A&lt;/strong&gt; stands for &lt;strong&gt;A&lt;/strong&gt;lignment. And, the key principle of alignment states that “&lt;strong&gt;nothing should be placed on the page arbitrarily. Every item sho&lt;/strong&gt;&lt;strong&gt;uld h&lt;/strong&gt;&lt;strong&gt;ave a visual connection with something else on the page.&lt;/strong&gt;” This can be done by making sure that the left, right, top or bottom border of each element lines up with the border of another element on your slide.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;P&lt;/strong&gt; stands for &lt;strong&gt;P&lt;/strong&gt;roximity. And, the key principle of alignment states that you “&lt;strong&gt;group related items together.&lt;/strong&gt;” By placing related items together, you can visually show their relationship. This will usually create some “blank” spaces on your slide where the eye can rest.&lt;br /&gt;&lt;br /&gt;Let’s look at how we can combine this principles on a slide.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_YB4x-HnD4AM/SlqIyPY5peI/AAAAAAAAADE/AMoIloDy3Dc/s1600-h/Crap+Recap.099.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_YB4x-HnD4AM/SlqIyPY5peI/AAAAAAAAADE/AMoIloDy3Dc/s400/Crap+Recap.099.jpg" alt="" id="BLOGGER_PHOTO_ID_5357745103416436194" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;See on this slide how there are no good design principles? First of all, the background is distracting. But also, there is no &lt;span style="font-weight: bold;"&gt;c&lt;/span&gt;ontrast, no &lt;span style="font-weight: bold;"&gt;a&lt;/span&gt;lignment, and no &lt;span style="font-weight: bold;"&gt;p&lt;/span&gt;roximity. The only reason there is any repetition is that the font and size are the same.&lt;br /&gt;&lt;br /&gt;The lack of design principles makes this slide difficult for your audience to enjoy. But, even more importantly, it makes it difficult for them to understand. What is important in this slide? Where should your eyes look?&lt;br /&gt;&lt;br /&gt;Now look at a slide where we apply the principles of &lt;span style="font-weight: bold;"&gt;C.R.A.P.&lt;/span&gt;:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_YB4x-HnD4AM/SlqJNkMSjEI/AAAAAAAAADM/b1EzUGaRDO8/s1600-h/Crap+Recap.102.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_YB4x-HnD4AM/SlqJNkMSjEI/AAAAAAAAADM/b1EzUGaRDO8/s400/Crap+Recap.102.jpg" alt="" id="BLOGGER_PHOTO_ID_5357745572857154626" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Much better, right? We applied &lt;span style="font-weight: bold;"&gt;contrast&lt;/span&gt; by using a simple background and be using a (really) different font, bold, and colors (but not too many). We applied &lt;span style="font-weight: bold;"&gt;repetition&lt;/span&gt; by using the same fonts and sizes for the general elements. We applied &lt;span style="font-weight: bold;"&gt;alignment&lt;/span&gt; by having each element share a right axis. And we applied &lt;span style="font-weight: bold;"&gt;proximity&lt;/span&gt; by having information about the topic at the top and information about the speaker at the bottom.&lt;br /&gt;&lt;br /&gt;I hope that helps you see how everything works together. Now that you have learned how to apply design to your slides, I hope you realize that these principles also apply to any designs (including posters, documents, etc…).&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-680328926166712942?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/680328926166712942/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2009/07/crap-recap.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/680328926166712942'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/680328926166712942'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2009/07/crap-recap.html' title='C.R.A.P. Recap'/><author><name>GTB</name><uri>http://www.blogger.com/profile/06242919001345714372</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_YB4x-HnD4AM/SlqFiNyiKEI/AAAAAAAAACs/huOtVCdEvjk/s72-c/CRAP+Recap.078.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-4850549044636125285</id><published>2009-07-12T20:27:00.003+09:00</published><updated>2009-07-12T20:44:36.454+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='delivery'/><title type='text'>Delivery</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_YB4x-HnD4AM/SlnMkmBCrEI/AAAAAAAAACk/zDDAAISjSHo/s1600-h/delivery.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 266px;" src="http://4.bp.blogspot.com/_YB4x-HnD4AM/SlnMkmBCrEI/AAAAAAAAACk/zDDAAISjSHo/s400/delivery.jpg" alt="" id="BLOGGER_PHOTO_ID_5357538160786189378" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Tomorrow (Monday, the 13th) the 2nd-year students will be giving their presentations. 1st-year students will be giving them on Wednesday. Before you present, I would like to say something about your delivery on the day.&lt;br /&gt;&lt;br /&gt;I can see from my meetings with you that you have been working hard to prepare your texts and Powerpoint® slides. But don't forget, that presentations are largely about your delivery. Of course, if you don't have a good script, it will be difficult to deliver well. The same thing is true for your slides. Your text and images on your slides can have a strong impact and support your presentation.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;HOWEVER&lt;/span&gt;, all the preparation in the world with your text and slides cannot replace your delivery. This means you must &lt;span style="font-weight: bold;"&gt;practice, practice, practice&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;While you want to memorize your text as much as possible, it is not enough to remember the words. You want to know the material so well, that you can talk about it conversationally as if you were talking about your hobbies or your family. If you have been practicing a lot already, this may be possible. If not, it may be late to be that confident, but you will want to be as confident as possible before you present.&lt;br /&gt;&lt;br /&gt;Practice &lt;span style="font-weight: bold;"&gt;OUT LOUD&lt;/span&gt; as much as possible. In fact, if possible, you want to practice out loud at a speech level of volume.&lt;br /&gt;&lt;br /&gt;Also, when possible, &lt;span style="font-weight: bold;"&gt;practice in front of a mirror.&lt;/span&gt; See what you look like when you present. You may notice some bad habit before your official presentation and be able to adjust.&lt;br /&gt;&lt;br /&gt;Another thing to consider is &lt;span style="font-weight: bold;"&gt;practicing with your team&lt;/span&gt; including the Powerpoint® delivery. During your presentation, you don't want to have to look behind you at the screen to see if it is the correct slide. Also, you don't want to have to look at the person at the computer to signal to change the slide. That does not look natural to your audience.&lt;br /&gt;&lt;br /&gt;Now, when it comes time to give your presentation, stop worrying about the above, just relax and give your best performance. If it doesn't go as smooth as you would like, use this experience to help motivate you to prepare earlier and more carefully for next time.&lt;br /&gt;&lt;br /&gt;Learning is a lifelong event. Don't get frustrated over imperfections in class. Use them to help you do better next time.&lt;br /&gt;&lt;br /&gt;Work hard in your preparation. Then, relax and enjoy your performance. Then, learn and grow.&lt;br /&gt;&lt;br /&gt;I look forward to watching your presentations.&lt;br /&gt;&lt;br /&gt;This is not the last blog post, so keep checking back.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-4850549044636125285?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/4850549044636125285/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2009/07/delivery.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/4850549044636125285'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/4850549044636125285'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2009/07/delivery.html' title='Delivery'/><author><name>GTB</name><uri>http://www.blogger.com/profile/06242919001345714372</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_YB4x-HnD4AM/SlnMkmBCrEI/AAAAAAAAACk/zDDAAISjSHo/s72-c/delivery.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-3431986452337132884</id><published>2009-07-10T21:59:00.004+09:00</published><updated>2009-07-10T22:23:46.084+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='visuals'/><category scheme='http://www.blogger.com/atom/ns#' term='slides'/><title type='text'>Photography in Powerpoint® Slides</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_YB4x-HnD4AM/Slc7k_ZBmuI/AAAAAAAAACc/lG1SC_qk1p0/s1600-h/Photography.jpg"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 267px; height: 400px;" src="http://2.bp.blogspot.com/_YB4x-HnD4AM/Slc7k_ZBmuI/AAAAAAAAACc/lG1SC_qk1p0/s400/Photography.jpg" alt="" id="BLOGGER_PHOTO_ID_5356815788458220258" border="0" /&gt;&lt;/a&gt;I was asked today by a student to give advice about finding and using photography in Powerpoint® for your presentations.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-family:verdana;" &gt;FIRST&lt;/span&gt;, I think it is a good idea to use photography in your presentations. Photographs often have a strong impact on your audience if you choose good images. Of course, in addition to finding and choosing good-looking images, you need to be careful about using copyrighted materials.&lt;br /&gt;&lt;br /&gt;One way to avoid problems is to use your own photographs. Consider if you and your teammates can take photographs that suit your point.&lt;br /&gt;&lt;br /&gt;Another option is to use stock photography. There are both paid and free options. Sometimes I buy photographs from a website called &lt;a href="http://www.istockphoto.com/"&gt;iStockphoto.com&lt;/a&gt;. After paying one time for the photo, I am able to use the photo again and again.&lt;br /&gt;&lt;br /&gt;However, most of you probably do not want to pay for your photographs. There are some free options on sites like &lt;a href="http://www.flickr.com/"&gt;Flickr&lt;/a&gt;. You need to be careful though, because each photographer who puts their photos on Flickr can choose what kind of license to give to people who download their images. You need to find images with a Creative Commons licence (click &lt;a href="http://www.flickr.com/creativecommons/"&gt;here to read about the CC license and to browse photos with those licenses&lt;/a&gt;).&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-family:verdana;" &gt;SECOND&lt;/span&gt;, you should consider filling your entire slide with one photograph instead of using  a small image inside your slide. Also consider if you really need text, or if the image alone is enough to support what you are saying. If you do need to use words on the slide, write them in an empty space inside the photograph (if there is any). If possible, use white or black with a shadow.&lt;br /&gt;&lt;br /&gt;Most of Flickr's photos are not large enough to fill a slide though. I recommend photos that are 1024 x 768 pixels or larger (at least 800 x 600 which you can stretch). So, I suggest another site called &lt;a href="http://www.sxc.hu/"&gt;stock.xchange&lt;/a&gt;. There images are free to download and come with a license that allows you to use the images in presentations (read &lt;a href="http://www.sxc.hu/help/7_2"&gt;here for more details about the license&lt;/a&gt;). Just don't use those images to earn money for some other project. There is a search bar where you can write in key words that can help you find good images.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-family:verdana;" &gt;THIRD&lt;/span&gt;, give credit to the photographer. Some people will write the photographers name and/or the website link on the photograph. This is OK, but you can also make a slide at the end of your presentation with all of the credits (or even a handout). Whatever you do, don't take credit for someone else's work.&lt;br /&gt;&lt;br /&gt;Have fun in your preparations. I look forward to seeing what you do with your presentations!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-3431986452337132884?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/3431986452337132884/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2009/07/photography-in-powerpoint-slides.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/3431986452337132884'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/3431986452337132884'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2009/07/photography-in-powerpoint-slides.html' title='Photography in Powerpoint® Slides'/><author><name>GTB</name><uri>http://www.blogger.com/profile/06242919001345714372</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_YB4x-HnD4AM/Slc7k_ZBmuI/AAAAAAAAACc/lG1SC_qk1p0/s72-c/Photography.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-6988785685541505935</id><published>2009-07-10T04:37:00.011+09:00</published><updated>2009-07-10T05:05:57.560+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='visuals'/><category scheme='http://www.blogger.com/atom/ns#' term='slides'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Proximity</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_YB4x-HnD4AM/SlZHb1X3eII/AAAAAAAAABc/ipqScKk3PJo/s1600-h/proximity.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 266px;" src="http://3.bp.blogspot.com/_YB4x-HnD4AM/SlZHb1X3eII/AAAAAAAAABc/ipqScKk3PJo/s400/proximity.jpg" alt="" id="BLOGGER_PHOTO_ID_5356547350313007234" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;In this post we continue looking at the principles represented in the acronym &lt;span style="font-weight: bold;"&gt;C. R. A. P&lt;/span&gt;. from Robin Williams’ book the Non-Designers Design Book. In previous posts we looked at &lt;span style="font-weight: bold;"&gt;C&lt;/span&gt;ontrast, &lt;span style="font-weight: bold;"&gt;R&lt;/span&gt;epetition and &lt;span style="font-weight: bold;"&gt;A&lt;/span&gt;lignment. In this post, we look at the next letter in the acronym, &lt;span style="font-weight: bold;"&gt;Proxim&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;ity &lt;/span&gt;(nearness). According to Williams, the key principle of alignment states that you “group related items together.” When items that are related to each other are moved close together, the proximity helps make a visual connection and adds cohesion to your visuals.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Proximity&lt;/span&gt; helps us to see the relationships. It makes it easier for the audience to see the relationships and the empty spaces gives a place to rest their eyes. Look at the two slides below:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_YB4x-HnD4AM/SlZMjHeGzqI/AAAAAAAAACM/j_gb_BV8iCg/s1600-h/Slides.099.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 240px;" src="http://3.bp.blogspot.com/_YB4x-HnD4AM/SlZMjHeGzqI/AAAAAAAAACM/j_gb_BV8iCg/s320/Slides.099.jpg" alt="" id="BLOGGER_PHOTO_ID_5356552972988239522" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_YB4x-HnD4AM/SlZMjXtWG7I/AAAAAAAAACU/CpnP1fKw7LQ/s1600-h/Slides.100.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 240px;" src="http://4.bp.blogspot.com/_YB4x-HnD4AM/SlZMjXtWG7I/AAAAAAAAACU/CpnP1fKw7LQ/s320/Slides.100.jpg" alt="" id="BLOGGER_PHOTO_ID_5356552977347124146" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;With the slide on the top, it is not clear whether my name belongs with the title or with the school. On the bottom, it is clear that I am showing the relationship with my name and the school.&lt;br /&gt;&lt;br /&gt;So, I hope you will look at your slides and consider how to show relationships using proximity.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-6988785685541505935?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/6988785685541505935/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2009/07/in-this-post-we-continue-looking-at.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/6988785685541505935'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/6988785685541505935'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2009/07/in-this-post-we-continue-looking-at.html' title='Proximity'/><author><name>GTB</name><uri>http://www.blogger.com/profile/06242919001345714372</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_YB4x-HnD4AM/SlZHb1X3eII/AAAAAAAAABc/ipqScKk3PJo/s72-c/proximity.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-7871980778693010168</id><published>2009-07-08T06:57:00.002+09:00</published><updated>2009-07-10T05:03:42.250+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='visuals'/><category scheme='http://www.blogger.com/atom/ns#' term='slides'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Alignment</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_YB4x-HnD4AM/SlNSjVC5mnI/AAAAAAAAABU/RSdevA2JBAk/s1600-h/pebbles+aligned.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 225px;" src="http://4.bp.blogspot.com/_YB4x-HnD4AM/SlNSjVC5mnI/AAAAAAAAABU/RSdevA2JBAk/s400/pebbles+aligned.jpg" alt="" id="BLOGGER_PHOTO_ID_5355715148771859058" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;In this post we continue looking at the principles represented in the acronym &lt;strong&gt;C. R. A. P.&lt;/strong&gt; from Robin Williams’ book &lt;em&gt;the Non-Designers Design Book&lt;/em&gt;. In previous posts we looked at &lt;strong&gt;C&lt;/strong&gt;ontrast and &lt;strong&gt;R&lt;/strong&gt;epetition. In this post, we look at the next letter in the acronym, &lt;strong&gt;A&lt;/strong&gt;lignment. According to Williams, the key principle of alignment states that “&lt;strong&gt;nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page.&lt;/strong&gt;”&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;A&lt;/strong&gt;lignment gives greater &lt;em&gt;cohesion&lt;/em&gt; to your design. Even though items on your page are separated from each other (the &lt;strong&gt;P&lt;/strong&gt; in &lt;strong&gt;C. R. A. P.&lt;/strong&gt; — &lt;strong&gt;P&lt;/strong&gt;roximity), with &lt;strong&gt;a&lt;/strong&gt;lignment, your audience can see that all of the elements are part of the same piece.&lt;br /&gt;&lt;br /&gt;Elements can be aligned either horizontally or vertically (or both). It is not necessary that each element align with every other element, only that each element should align with at least one other element. Elements can align with other elements on the center, left, or right, or they can align at the top or bottom.&lt;br /&gt;&lt;br /&gt;See an example of center alignment below:&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:180%;"&gt;&lt;strong&gt;Title&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:130%;"&gt;Point 1&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:130%;"&gt;Point 2&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:130%;"&gt;Point 3&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Notice that the text from each line aligns on the middle. Next, see an example of left alignment below:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:180%;"&gt;&lt;strong&gt;Title&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;Point 1&lt;br /&gt;Point 2&lt;br /&gt;&lt;br /&gt;Point 3&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;See how each the text from each line aligns on the left? Finally, let’s look at an example of right alignment:&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: right;"&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:180%;"&gt;&lt;strong&gt;Title&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:130%;"&gt;Point 1&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:130%;"&gt;Point 2&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:130%;"&gt;Point 3&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-size:18;"&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;Beginners often use center alignment because it is clean and safe. And there is nothing wrong with that. But sometimes, you slides can have more impact if you try left or right alignment. Try out a few different ways with your slide until you find the best combination for your message.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-7871980778693010168?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/7871980778693010168/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2009/07/alignment.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/7871980778693010168'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/7871980778693010168'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2009/07/alignment.html' title='Alignment'/><author><name>GTB</name><uri>http://www.blogger.com/profile/06242919001345714372</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_YB4x-HnD4AM/SlNSjVC5mnI/AAAAAAAAABU/RSdevA2JBAk/s72-c/pebbles+aligned.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-4055178424878778992</id><published>2009-07-06T21:36:00.004+09:00</published><updated>2009-07-06T23:21:18.302+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Repetition</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_YB4x-HnD4AM/SlIHjquu-FI/AAAAAAAAABM/E9gav_8_QNg/s1600-h/terracotta+soldiers+china+xian+repetition.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 267px;" src="http://1.bp.blogspot.com/_YB4x-HnD4AM/SlIHjquu-FI/AAAAAAAAABM/E9gav_8_QNg/s400/terracotta+soldiers+china+xian+repetition.jpg" alt="" id="BLOGGER_PHOTO_ID_5355351216244062290" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;In this post we continue looking at the principles represented in the acronym &lt;strong&gt;C. R. A. P.&lt;/strong&gt; from Robin Williams’ book &lt;em&gt;the Non-Designers Design Book&lt;/em&gt;. In the previous post we looked at &lt;strong&gt;C&lt;/strong&gt;ontrast. In this post, we look at the next letter in the acronym, &lt;strong&gt;R&lt;/strong&gt;epetition. According to Williams, the key principle of repetition states that you “&lt;strong&gt;repeat some aspect of the design throughout the entire piece.&lt;/strong&gt;” The repetitive element could be a bold font, a bullet, a color, or anything else that the audience might recognize. Repetition helps your slideshow (or other work) be consistent and unified.&lt;br /&gt;&lt;br /&gt;When designing a slideshow in Powerpoint, try to use repetition from slide to slide. When each slide has a different background, it sometimes looks childish. Try to find some element to repeat to give unity to each slide in your show. If you give a handout to your audience, consider repeating some element from your slideshow.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-4055178424878778992?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/4055178424878778992/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2009/07/repetition.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/4055178424878778992'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/4055178424878778992'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2009/07/repetition.html' title='Repetition'/><author><name>GTB</name><uri>http://www.blogger.com/profile/06242919001345714372</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_YB4x-HnD4AM/SlIHjquu-FI/AAAAAAAAABM/E9gav_8_QNg/s72-c/terracotta+soldiers+china+xian+repetition.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-716547335712696844</id><published>2009-07-06T06:41:00.003+09:00</published><updated>2009-07-06T09:39:49.862+09:00</updated><title type='text'>Contrast</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_LHgbZg4-glE/SlFGXPVOAqI/AAAAAAAAAAU/LuNVJPBnUEo/s1600-h/contrast+apples.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 266px;" src="http://2.bp.blogspot.com/_LHgbZg4-glE/SlFGXPVOAqI/AAAAAAAAAAU/LuNVJPBnUEo/s400/contrast+apples.jpg" alt="" id="BLOGGER_PHOTO_ID_5355138796986696354" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;In the previous post, we considered Robin Williams’s acronym &lt;span style="font-weight: bold;"&gt;C. R. A. P. &lt;/span&gt;for design principles. In this post, we will consider the first letter which stands for &lt;strong&gt;C&lt;/strong&gt;ontrast. According to Williams, the key principle of contrast states that “&lt;strong&gt;if two items are not exactly the same, then make them different. Really different.&lt;/strong&gt;”&lt;br /&gt;&lt;br /&gt;Look at the image above. One apple is different from the others. Did you noticed it? Why was it so noticeable? If the apple was green like the other apples but only a slightly darker green, would it have been so noticeable? The reason it is so noticeable is that dark red is so different from light green.&lt;br /&gt;&lt;br /&gt;Too often we have changes that are not noticeable. For example, we might use 12 point font for the main text and then use 14 point of the same font. Look at the example below:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;Title&lt;/span&gt;&lt;br /&gt;Body of text&lt;br /&gt;&lt;br /&gt;The difference is not so noticeable and it is not really clear if the change was intentional. Maybe it was a mistake. Now, look at the example below:&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 153, 0);font-family:verdana;font-size:180%;"  &gt;&lt;strong&gt;Title&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;Body of text&lt;br /&gt;&lt;br /&gt;Noticeable, right? Yes, in this case, the title uses a different font (Verdana), color,  a larger font size (18 point) and bold. These changes make the difference noticeable. And the reader will have no trouble understanding that the larger text has a different purpose than the smaller text. Also, in addition to being more noticeable, it is more interesting. And we want to be interesting, right?&lt;br /&gt;&lt;br /&gt;To use contrast well, we need to be bold. We shouldn’t be wimps. A wimp is someone who is not willing to take a risk. A wimp is someone who always does the safe thing. In the words of Robin Williams:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:180%;"&gt;&lt;strong&gt;&lt;span style="color: rgb(255, 0, 0);font-family:verdana;" &gt;DON'T BE A WIMP!&lt;/span&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-716547335712696844?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/716547335712696844/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2009/07/contrast.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/716547335712696844'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/716547335712696844'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2009/07/contrast.html' title='Contrast'/><author><name>GTB</name><uri>http://www.blogger.com/profile/06242919001345714372</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_LHgbZg4-glE/SlFGXPVOAqI/AAAAAAAAAAU/LuNVJPBnUEo/s72-c/contrast+apples.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-9218627601345502112</id><published>2009-07-05T21:55:00.000+09:00</published><updated>2009-07-05T23:30:34.472+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='visuals'/><category scheme='http://www.blogger.com/atom/ns#' term='slides'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>C. R. A. P.</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_LHgbZg4-glE/SlCjK8lBYLI/AAAAAAAAAAM/FN6LdZMNkjw/s1600-h/CRAP+Slide.078.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 400px; height: 300px;" src="http://3.bp.blogspot.com/_LHgbZg4-glE/SlCjK8lBYLI/AAAAAAAAAAM/FN6LdZMNkjw/s400/CRAP+Slide.078.jpg" alt="" id="BLOGGER_PHOTO_ID_5354959365398945970" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;C.R.A.P. is the &lt;span style="font-weight: bold;"&gt;acronym&lt;/span&gt; that author Robin Williams uses in her book &lt;span style="font-style: italic; font-weight: bold;"&gt;The Non-Designer's Design Book&lt;/span&gt; to teach basic design principles to people like you and me (non-designers).&lt;br /&gt;&lt;br /&gt;To native speakers, this is a funny acronym because one of the uses for the word &lt;span style="font-style: italic;"&gt;crap &lt;/span&gt;is as an adjective to describe something that has bad design or is useless. (note: be careful because &lt;span style="font-style: italic;"&gt;crap&lt;/span&gt; is a slang word and one of the uses of this word is much worse than the one above. Don't use it in formal situations until you are 100% sure of how to use it).&lt;br /&gt;&lt;br /&gt;The &lt;span style="font-weight: bold;"&gt;acronym&lt;/span&gt; stands for:&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;C&lt;/span&gt;ontrast – when you change a size or font, make it &lt;span style="font-weight: bold;"&gt;REALLY&lt;/span&gt; different.&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;R&lt;/span&gt;epetition – have a theme to your design. Make like things alike.&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;A&lt;/span&gt;lignment – each element in your slide should be aligned other elements.&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;P&lt;/span&gt;roximity – related items should be close to each other.&lt;br /&gt;&lt;br /&gt;I will write more about each item in this blog. Be sure to consider your slides in light of these principles.&lt;br /&gt;&lt;br /&gt;Daniel (a.k.a. GTB/Samurai Theologian)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-9218627601345502112?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/9218627601345502112/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2009/07/c-r-p.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/9218627601345502112'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/9218627601345502112'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2009/07/c-r-p.html' title='C. R. A. P.'/><author><name>Daniel Beck</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5RIQ63-K2dc/AAAAAAAAAAI/AAAAAAAAARY/TRVbkyoc_OU/s512-c/photo.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_LHgbZg4-glE/SlCjK8lBYLI/AAAAAAAAAAM/FN6LdZMNkjw/s72-c/CRAP+Slide.078.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5235835313147142796.post-6561693848241104086</id><published>2009-07-03T07:33:00.000+09:00</published><updated>2009-07-03T07:35:46.398+09:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='General'/><title type='text'>Welcome!</title><content type='html'>Welcome to GTB's (a.k.a. Daniel Beck) ACE Blog. I will be using this blog to supplement the sessions we have together as you prepare for your presentations. Please feel free to post comments and/or questions. I'll do my best to help you!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5235835313147142796-6561693848241104086?l=gtbace.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://gtbace.blogspot.com/feeds/6561693848241104086/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://gtbace.blogspot.com/2009/07/welcome.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/6561693848241104086'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5235835313147142796/posts/default/6561693848241104086'/><link rel='alternate' type='text/html' href='http://gtbace.blogspot.com/2009/07/welcome.html' title='Welcome!'/><author><name>Daniel Beck</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//lh3.googleusercontent.com/-5RIQ63-K2dc/AAAAAAAAAAI/AAAAAAAAARY/TRVbkyoc_OU/s512-c/photo.jpg'/></author><thr:total>4</thr:total></entry></feed>
