ppt排版技巧与实例

小图片，大作用——浅谈PPT页面排版

作者：蝇子来源：新浪博客发布时间：2011年08月19日点击数：410

版面的装饰因素是由文字、图形、色彩等通过点、线、面的组合与排列构成的。在PPT中，大图少字好像已经深入人心，因为视觉冲击力比文字强85%。但是国内除了素材中国，站酷等网站提供免费的高清图片资源，好像其他可用的资源寥寥无几。

图片最基本的功能就是记录和信息交流的功能，此外还具有艺术的功能。做PPT的时候，我们需要大量的图片素材，但是我们搜索到得却都是一些小的图片（尺寸大，像素偏低），于是你会感慨，这些图片不能用来做PPT。其实不然，小图片，也可以用大作用，来看看吧：

图片的数量多寡，可影响到读者的阅读兴趣。如果版面只采用一张图片时，那么，其质量就决定着人们对它的印象。这里对网站主编ALLAN CHOCHINO的个人照片进行裁剪，在页面上配以色块辅助，这样出来的东西精炼干净又不失高雅。

图片充满整个版面而不露出边框，这在平面设计里叫“出血图式”。不用很复杂，用白色线条分割好画面，格子里面填充图片就好。但要注意图片裁剪的尺寸和人物表情和方向等细节。

图片的面积会直接影响到版面的传达，一般情况下，把那些重要的图片放大或者进行艺术化。使其更加突出。而从属的图片缩小，形成主次分明的格局，这是排版设计的基本原则。这个页面最复杂的是你要会一点点PS，让Rick Rescorla这个人物鲜活起来，而其他的图片从属即可。

页面上每增加一张图片，版面也会比较的活跃。图片增加到三张以上，就能营造出很热闹的版面氛围了。有了多张照片，就有了浏览的余地。这是《餐巾纸的背后（The Back of The Napkin）》用来做推广的页面，页面上的图片尺寸大小不一，你也能想到的只会是简单的罗列，其实只要根据版面的内容来精心安排，出来的效果是不是有点豁然开朗。

这也是用色块辅助的鲜明的例子，有的时候不需要追求多么炫目的艺术效果，通过点、线、面得简单组合，对页面垂直和水平的分割，文字与图片相对独立，使组合后的图片整体大方，富于理智的秩序化条理。

这个页面只是对PPT杂乱无章的图片进行了重新着色，这个07里显而易见的功能被发挥的淋漓尽致啊。

十招让你的Powerpoint脱胎换骨（上）

#1 不要用内置样

图一

#2 使用有质量的照片

照片是独自就能令你的演示出彩的最佳手段之一。它同时也是孤身就能把你的演示搞砸的最佳手段之一。“白色背景下的商业人士”

看起来不错，但有点夸张了，显得有点呆板老套。

还有，在白色背景下光溜溜地放一张照片并不意味着它就是好照片。不要为了放照片而把难看和不合适的照片放上去。记住，没有照片好过糟糕照片。

图二

作为例子，我们把上面的片子和下面的片子比较一下。看出不同了吗？

图三

图四

?#3 单色系带来震撼

你不必总是要靠花哨的照片或者疯狂的自定义背景来让PPT显得专业。用一个强大的单色系调色板就能做出精彩的演示。

图五

这里的关键在于必须非常谨慎地选择你的颜色。如果你需要帮助建立调色板，看看以下三个免费工具。

?Kuler

Kuler是在线色彩工具的典范。有数千个出色的预置色彩模板可供选择，你也可以利用这款既先进又好用的工具来生成自己的模板。

图六

?Piknik

Piknik是地球上最基本的色彩工具之一，绝对是我的至爱之一。只需轻轻移动鼠标去改变颜色，滚动一下改变亮度，然后点击复制数值到粘贴板上，大功告成矣。

做网站的时候，我每天都用它来为颜色选用找感觉，包括它看起来会如何、如果覆盖整个屏幕效果会怎样、做幻灯片用哪个颜色好等等。

图七

?0to255

0to255也是我的至爱之一，是寻找颜色变化的一款非常震撼的工具。这让它在设计网站的边界和悬浮（hover）效果时表现出色，但你同样可以用它来为PPT的排版或其他要素寻找重点色。

图八

#4 为清晰明朗排版

非设计人员老是强调要为演示文稿或合适的理由寻找合适的字体。成也萧何败萧何，合适的字体可以成就你的演示，也可能毁掉你的片子。在设计世界里，排版是一种重要的艺术形式，它真正可以为你想表达的东西搭建好舞台。

图九

记住，字体能够及时传达一种态度、一个观点，或任何其他因素。不要浏览字体列表去寻找“某个很酷的东西”，相反，你应该思考一下自己想要传达的信息是什么。

作为排版术如何仅凭其自身设计来进行沟通的例子，看看下面的字体。老式的serif字体往往给人以正规和专业的感觉，而sans-serif 字体则既整洁又有现代感。

图十

人们在PPT中运用字体时，所犯下的最大错误就是认为上面列出的前三个字体很乏味。这让他们跳到底下的那种字体去，因为觉得它更为独特、更加有趣。

如果你不是专业设计师，记住，前三个字体绝非无聊的，它们很安全。它们是样式很好看的字体，均经过专业的设计，能让你看起来不错，对，这正是它们要干的事情。

永远都不要对标准样子的字体感到恐惧。使用它们能帮助你确保设计保持专业整齐，远离丑陋和杂乱。请注意下面这个片子如何使用相对“乏味”的字体，但通过不同大小和粗细的运用，并添加一些可视化的趣味，最终创造出的东西那是相当的不沉闷。

图十一

现在，请不要愁眉苦脸，我要说的是你不必100%地回避那些很酷的字体。有趣的东西总有机会发挥用武之地的，只需了解你应当明智而有弹性地运用这些字体即可。

图十二

正如上面这幅图片所表明那样，运用这些疯狂的字体的一个很棒的技巧就是只用它们做标题，而让剩下的文字保持朴实的风格。一旦你的复杂字体用的过多，或者开始混杂各种复杂的样式，你所得到的只能是无法阅读的一团糟。在上面，我们让大部分的信息使用的是你切实可读的字体，但是通过标题，仍然同时能给你的页面带来足够印象深刻的东西。

#5 注意你的可读性

在讨论排版这个话题的时候，你应当时刻留意演示文稿中字体的可读性有多高。有时候第二招（寻找高质量图片）会让你处于下图的境地。

图十三

此处我们有一幅很吸引人的图像，但它对文本的可读性造成了损害。甚至即使我们让字体加粗，并尝试不同的颜色，效果也不好。

对于菜鸟设计师来说，这的确令人沮丧。

不过解决方案却相当简单：用第三招（单色系带来震撼）。只需在文字后面创建一个简单的彩色条块，我们就可以突飞猛进地增加可读性，同时还能保持幻灯片的时尚感。

图十四

大招隐于形，这是一种相当普通的做法，可以运用于不同的方式。看看下面的若干例子来唤醒你的灵感吧。

窄条

图十五

图十六碎纸片

FusionCharts——数据图形化

作者：吴庭炎来源：https://www.wendangku.net/doc/2410379960.html,/发布时间：2011年11月02日点击数：199

给大家介绍一个代码绘图工具——Fusion Charts。之前10月小结时候要求画雷达图，然后各种google之后搜到了这个很有趣的网站。只要会一点儿xml就可以修改成为自己想要的图，可变参数还是很多的。

官网：https://www.wendangku.net/doc/2410379960.html,/

点击download，选择下图中PowerCharts，里面就有雷达图，稍微修改一下CSS和xml就能得到自己想要的图。雷达图的路径是：PowerCharts_Eval\Gallery\Radar

Demo

1. Retail Dashboard

点击其中一个地方可以看到这个地方的数据。

2. trading demo