如何设计出色的图表how-to-make-awesome-diagrams-for-your-slides-110710041051-phpapp01.pptx

How To MakeAwesomeDiagramsurr yoFodessliMeEnrique García CotaI do software at Splendeo@otikikDisclaimerIm not a designer.Ive just done lotsof diagrams inpresentations.These guidelineswork for me.“Right” and“Wrong” are usedin that context.Dont take thempersonally.●●●●1. Lines Never use 0pt line width不要用很细的线，这样比较远的地方也能看到WrongRightVisible from the far end of the roomHave consistent line width Wrong不同形状的图表线条可以用不同的宽度进行对比 0.06Right 0.060.320.320.100.06Maybe two very different widths; not more他Use only one line ending图中的箭头应保持一致，太远的地方是看不出这些差别的WrongRightPeople at the far end wont see the differenceUse one dashed style用同一种风格的虚线WrongRightGuessArrows instead of lines 用面代替线vs.When? See example on next slideUse connectors, not straight lines使用转接线而不是简单的直线With linesWith connectorsShapes instead of lines (sometimes)形状连接取代线连接（有时候）Phase 1 Phase 1 Phase 2 vs.Phase 2 Phase 3Phase 3They look better on simple workflowsColors instead of outlines (sometimes)同一颜色取代不同颜色的轮廓线（有时）vs.Useful to reduce the number of colors2. ShapesUse a grid使用参考线/网格线WrongRightAlign when possible 对齐WrongRightSize means Importance越重要则形状越突出（越大）RightWrong VeryImportant NotImportant VeryImportant NotImportantSize means Hierarchy形状不同层级也不同RightWrong FaceFaceEyesNoseEyesNoseMouthMouthSize means Relative Size体积的区别可以大小的区别形象的体现WrongRightElephantElephantDuckDuckSize doesnt mean “long name”这个。。自己体会WrongA Long NameRightAB*AA...* Long NameLong NameLong NameDifferent Shape = Different Type不同形状代表不同的类型OK ?Better ?YesNoYesNoMaximum number types: 4一张幻灯片最多4种不同形状If you need more, use images尽量多使用图OKBetterABCWarning! Finding appropriate images takes timeTransparencies, Shadows Gradients阴影和渐变慎用，因为要做好需要花很多时间，而且很多投影仪未必能放出这种效果DontThey take a lot of time to get right, andmost projectors wont show them anyway3. NestingOne nesting level per slide一张幻灯片尽量使用一个图形等级感觉翻译不是很准。。。WrongUnique slideOne nesting level per slideRightSlide 1One nesting level per slideRightSlide 2One nesting level per slideRightSlide 3One nesting level per slideRightSlide 4?I