如何设计出色的图表教案

《如何设计出色的图表教案》由会员分享，可在线阅读，更多相关《如何设计出色的图表教案（58页珍藏版）》请在装配图网上搜索。

1、如何设计出色的图表 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望MeEnrique Garca CotaI do software at Splendeootikik http:/ not a designer.Ive just done lotsof diagrams inpresentations.These guidelineswork for me.“Right”and“Wrong”are usedin that context.Dont take th

2、empersonally.http:/ Never use 0pt line widthWrongRightVisible from the far end of the room不要用很细的线，这样比较远的地方也能看到不要用很细的线，这样比较远的地方也能看到Have consistent line widthWrong0.100.06Maybe two very different widths;not more0.06Right0.060.320.32不同形状的图表线条可以用不同的宽度进行对比不同形状的图表线条可以用不同的宽度进行对比他Use only one line endingWro

3、ngRightPeople at the far end wont see the difference图中的箭头应保持一致，太远的地方是看不出这些差别的图中的箭头应保持一致，太远的地方是看不出这些差别的Use one dashed style用同一种用同一种风格的虚格的虚线WrongRightGuessArrows instead of lines 用面代替线vs.When?See example on next slideUse connectors,not straight lines使用转接线而不是简单的直线With linesWith connectorsShapes instead

4、 of lines (sometimes)形状连接取代线连接（有时候）Phase 1Phase 1Phase 2vs.Phase 2Phase 3Phase 3They look better on simple workflowsColors instead of outlines (sometimes)同一颜色取代不同颜色的轮廓线（有时）vs.Useful to reduce the number of colors http:/ a grid使用参考使用参考线/网格网格线WrongRightAlign when possible 对齐WrongRightSize means Import

5、ance越重要越重要则形状越突出（越大）形状越突出（越大）WrongRightNotImportantNotImportantVeryImportantVeryImportantSize means Hierarchy形状不同形状不同层级也不同也不同WrongRightEyesNoseMouthFaceFaceEyesNoseMouthSize means Relative Size体体积的区的区别可以大小的区可以大小的区别形象的体形象的体现WrongRightElephantDuckElephantDuckSize doesnt mean“long name”这个。自己体会WrongAAB*

6、Long NameALong NameRightLong NameA.Long NameDifferent Shape=Different Type不同形状代表不同的不同形状代表不同的类型型OK?YesNoYesNoBetter?Maximum number types:4一一张幻灯片最多幻灯片最多4种不同形状种不同形状If you need more,use images尽量多使用尽量多使用图OKABCBetterWarning!Finding appropriate images takes timeTransparencies,Shadows&Gradients阴影和渐变慎用，因为要做好

7、需要花很多时间，而且很多投影仪未必能放出这种效果DontThey take a lot of time to get right,andmost projectors wont show them anyway http:/ nesting level per slide一一张幻灯片尽量使用一个幻灯片尽量使用一个图形等形等级感感觉翻翻译不是很准。不是很准。WrongUnique slideRightSlide 1One nesting level per slideRightSlide 2One nesting level per slideRightSlide 3One nesting le

8、vel per slideRightSlide 4?Is this level really needed?One nesting level per slideYes,it will.But less than nested shapes.But,wont adding slidesincrease the presentationcomplexity?Complexity NestingSlides 1 slide/1 nesting levelIf you need everything in one place如果你要把所有东西都放在一个地方，那你需要的可能不是一个演示工具尝试用别的Y

9、ou are not making apresentationConsider other formats http:/ countFill+Text+Lines Background填充填充+文本文本+轮廓廓线-背景背景HiBye!Fill=Green+Red=2Text=White=1Lines=Black=1Background=White=-12+1+11=3Color count should be 3填充填充+文本文本+轮廓廓线-背景背景总颜色不超色不超过3The magic of combinatory这里只用了里只用了3个个颜色，却做出很多色，却做出很多组合合Imstillca

10、nonlybutmakeusingheremanythreecolorscombi-nationsWhen in doubt,use Primary colors如果不确定，可以如果不确定，可以优先考先考虑下面几种下面几种颜色色Red#c5000bYellow#ffd320Green#008000Blue#0084d1In LibreOffice:Chart 11,Chart 3,Green,Chart12These are awesome for diagramsColor is great for Stress or Status用用颜色区色区别不同不同WrongRightOKAlertO

11、KOKOKAlertAlertOKOKAlertOKOKOKAlertOKOKOKAlertColor is not great for lines线最好不用最好不用颜色色WrongRightMore easily seen from far awayUse bright background colors使用明亮的背景色，有些投影机使用明亮的背景色，有些投影机对深色背景的效果不好深色背景的效果不好Some projectors dont handle dark slides wellWrongRightDont use pale colors in foreground前景色的灰度大于前景色

12、的灰度大于20%WrongGray 10%RightGray 20%To projectors,any pale color=whitePrinting:Black and White考考虑打印效果，有些打印效果，有些颜色打出来是差不多的色打出来是差不多的OKAlertOKOKOKAlertAlertOKOKOKAlertOKOKOKAlertAlertOKOKBlack and White=information lossPrinting:Graceful DegradationAlertOKOKOKAlertOKOKOKAlertAlertOKOKOKAlertOKOKOKAlertUse

13、 contrast and borders to compensate http:/ and foremost:你是个验光师吗Are you anoptometrist?http:/ dont makeus feel like this.Smallest font size:最小字号，要下面那么大（不太苟同，领导ppt你伤不起啊伤不起）20pxOtherwise its impossibly difficult to read from far awayOnly one font用同种字体用同种字体Wrongaaa aaRightaaaaException:Typographic diagra

14、ms排版排版NiceYuckBigger shape Bigger or equal text面面积越大相越大相应的文本一般来的文本一般来说也越大也越大AWrongLettersALettersRightOtherwise text size contradicts shape sizeItalics:Dont bother不太明白，可能是不太明白，可能是说么必要用斜体么必要用斜体WrongaRightaNo one will notice the differenceBold:Dont mix it不同的字体不放一起不同的字体不放一起aWrongaaaaaRightAgain,the difference is hard to noticedownaand with http:/ to red,aespeciallywhensidupeUse horizontal textOblique textissmallfont.Enrique Garca CotaThat was it!MakeNowGoDiagrams!AndSomeAwesomeNowMakeSomeGoAwesomeDiagrams!Enrique Garca CotaThank you!谢谢观赏WPS OfficeMake Presentation much more funWPS官方微博kingsoftwps