如何做出漂亮的图标.ppt

,r yo,des,How To Make,Diagrams,Awesome,Fo,ur,sli,Me,Enrique Garca Cota,I do software at Splendeo,otikik,http:/,Disclaimer,Im not a designer.Ive just done lotsof diagrams inpresentations.These guidelineswork for me.“Right”and“Wrong”are usedin that context.Dont take thempersonally.,http:/,1.Lines,Buyao,Never use 0pt line width,Wrong,Right,Visible from the far end of the room,不要用很细的线，这样比较远的地方也能看到,Have consistent line widthWrong,0.100.06,Maybe two very different widths;not more,0.06Right0.06,0.320.32,不同形状的图表线条可以用不同的宽度进行对比,他,Use only one line ending,Wrong,Right,People at the far end wont see the difference,图中的箭头应保持一致，太远的地方是看不出这些差别的,Use one dashed style用同一种风格的虚线,Wrong,Right,Guess,Arrows instead of lines 用面代替线,vs.,When?See example on next slide,Use connectors,not straight lines使用转接线而不是简单的直线,With lines,With connectors,Shapes instead of lines(sometimes)形状连接取代线连接（有时候）,Phase 1Phase 1,Phase 2vs.Phase 2,Phase 3Phase 3,They look better on simple workflows,Colors instead of outlines(sometimes)同一颜色取代不同颜色的轮廓线（有时）,vs.,Useful to reduce the number of colors,http:/,2.Shapes,Use a grid使用参考线/网格线,Wrong,Right,Align when possible 对齐,Wrong,Right,Size means Importance越重要则形状越突出（越大）,Wrong,Right,NotImportant,NotImportant,VeryImportant,VeryImportant,Size means Hierarchy形状不同层级也不同,Wrong,Right,Eyes,Nose,Mouth,FaceFace,Eyes,Nose,Mouth,Size means Relative Size体积的区别可以大小的区别形象的体现,Wrong,Right,Elephant,Duck,Elephant,Duck,Size doesnt mean“long name”这个。自己体会Wrong,A,A,B*,*Long Name,A,Long NameRight,Long Name,A,.,Long Name,Different Shape=Different Type不同形状代表不同的类型,OK?,Yes,No,Yes,No,Better?,Maximum number types:4一张幻灯片最多4种不同形状,If you need more,use images尽量多使用图,OK,A,B,C,Better,Warning!Finding appropriate images takes time,Transparencies,Shadows&Gradients阴影和渐变慎用，因为要做好需要花很多时间，而且很多投影仪未必能放出这种效果,Dont,They take a lot of time to get right,andmost projectors wont show them anyway,http:/,3.Nesting,One nesting level per slide一张幻灯片尽量使用一个图形等级感觉翻译不是很准。,Wrong,Unique slide,Right,Slide 1,One nesting level per slide,Right,Slide 2,One nesting level per slide,Right,Slide 3,One nesting level per slide,Right,Slide 4?,Is this level really needed?,One nesting level per slide,Yes,it will.,But less than nested shapes.,But,wont adding slidesincrease the presentationcomplexity?,Complexity,Nes,ting,Sli,des,1 slide/1 nesting level,If you need everything in one place如果你要把所有东西都放在一个地方，那你需要的可能不是一个演示工具尝试用别的,You are not making a,presentation,Consider other formats,http:/,4.Color,Color countFill+Text+Lines Background填充+文本+轮廓线-背景,HiBye!,Fill=Green+Red=2Text=White=1Lines=Black=1Background=White=-12+1+11=3,Color count should be,3,填充+文本+轮廓线-背景总颜色不超过3,The magic of combinatory这里只用了3个颜色，却做出很多组合,Imstillcan,onlybutmake,usingheremany,threecolorscombi-nations,When in doubt,use Primary colors如果不确定，可以优先考虑下面几种颜色,Red#c5000b,Yellow#ffd320,Green#008000,Blue#0084d1,In LibreOffice:Chart 11,Chart 3,Green,Chart12These are awesome for diagrams,Color is great for Stress or Status用颜色区别不同,Wrong,Right,OKAlertOK,OKOKAlert,AlertOKOK,AlertOKOK,OKAlertOK,OKOKAlert,Color is not great for lines线最好不用颜色,Wrong,Right,More easily seen from far away,Use bright background colors使用明亮的背景色，有些投影机对深色背景的效果不好,Some projectors dont handle dark slides well,Wrong,Right,Dont use pale colors in foreground前景色的灰度大于20%,WrongGray 10%,RightGray 20%,To projectors,any pale color=white,Printing:Black and White考虑打印效果，有些颜色打出来是差不多的,OKAlertOK,OKOKAlert,AlertOKOK,OKAlertOK,OKOKAlert,AlertOKOK,Black and White=information loss,Printing:Graceful Degradation,AlertOKOK,OKAlertOK,OKOKAlert,AlertOKOK,OKAlertOK,OKOKAlert,Use contrast and borders to compensate,http:/,5.ext,First and foremost:你是个验光师吗,Are you an,optometrist?,http:/,Then dont makeus feel like this.,Smallest font size:最小字号，要下面那么大（不太苟同，领导ppt你伤不起啊伤不起）,20px,Otherwise its impossibly difficult to read from far away,Only one font用同种字体Wrong,a,a,a,a,Right,a,a,a,a,Exception:Typographic diagrams排版,Nice,Yuck,Bigger shape Bigger or equal text面积越大相应的文本一般来说也越大,A,Wrong,Letters,A,Letters,Right,Otherwise text size contradicts shape size,Italics:Dont bother不太明白，可能是说么必要用斜体,Wronga,Righta,No one will notice the difference,Bold:Dont mix it不同的字体不放一起,a,Wrong,a,aa,aa,Right,Again,the difference is hard to notice,d,ow,n,a,and with,http:/,of,te,n,hard to re,d,a,esp,ec,iall,y,when,sid,up,e,Use horizontal text,Oblique text,is,sm,all,font.,Enrique Garca Cota,That was it!,Make,Now,Go,Diagrams!,AndSomeAwesome,Now,Make,Some,Go,AwesomeDiagrams!,Enrique Garca Cota,Thank you!,谢谢观赏,WPS Office,Make Presentation much more fun,WPS官方微博kingsoftwps,