2012 年 6 月 21 日

排版中的构图法

Agenda构图法平面构成

色彩构成色彩构成

PPT 构图法

逻辑思维

平面构成

200925.9% 34.2%

平面构成

竖线特征：富裕生命力、力度感、庄重、严肃。用途：提高力度感、正式感。

横线特征：平静、稳定、地平线、呆板。用途： 使人心情平静、豁然开朗。

平面构成

200925.9% 34.2%

斜线特征：运动感、方向感强。用途：具有目标性、方向感，帮助表达观点、说服对方，具有号召力。

年度销售目标1 、提高客户满意度至 90%2 、计划销售产品 20 万套3 、不定期举办批评表彰大会

平面构成

2009

34.2%

矩形图特征：科学、支撑感、心情平静，理性的。用法：适用于科学、教育、行政事务、正式商务场合等，相对理性和严肃的场合。

平面构成

200925.9% 34.2%

曲线图特征：自由、潇洒、优美、灵秀，感性的。用法：适用于产品展示和观点的表达，具有文艺色彩。

平面构成

画面的平衡感

通过排版和布局，合理分配空间，避免头重脚轻，分布不均等问题。

平面构成

3

留出空白 在画面上尽量留出空白的部分，避免画面过于饱满和拥挤。

平面构成

空间感

• 所谓空间感就好像布置一所空房子。不要浪费空间，但也不要过于拥挤。

• 哪一个看起来更好？

• 可以先画个草稿，帮助思考；

• 在幻灯片需要表现些什么；

• 在幻灯片中需要放入多少东西；

• 可以为扩展性而故意留下一些空白，但要看起来平衡。

平面构成

200925.9% 34.2%

在一条线段上，按照 1.618 : 1 或 1 : 0.618 ， 或按此最佳长短线段的比例构成一个矩形的最佳的长边与短边的比例，即构成黄金分割。采用这一比值能够引 利用黄金分割率的紫禁城起人们的美感，在实际生活中的应用也非常广泛，建筑物中某些线段的比就科学采用了黄金分割，舞台上的报幕员并不是站在舞台的正中央，而是偏在台上一侧。

黄金分割

平面构成

示例：平面构成

色彩构成

色彩构成

色彩的冷暖感 色彩的冷暖是人体本身的经验习惯赋予我们的一种感受，这是因为自然界的大海、冰山、太阳等温度的差异而使人产生的心理印象。 从色彩心理学来考虑，红橙色被定为最暖色，绿蓝色被定为最冷色，他们在色立体上的位置分别被定为暖极、冷极。

曾有学者做过一个实验，让一人进入粉红色壁纸、深红色地毯的红色系房间，让另外一人进入蓝色壁纸、蓝色地毯的蓝色系房间。不给他们任何计时器，让他们凭感觉在一小时后从房间中出来。结果，在红色系房间中的人在40-50 分钟后便出来了，而蓝色系房间中的人在 70-80分钟后还没有出来。

红色可使人清醒，它可增强人的紧张感，使血压升高。在青白色的荧光灯下，人会感觉时间过得很快，而在温暖的白炽灯下，就会感觉时间过得很慢。

色彩构成

红色—太阳 , 火 ,血液橙色—灯光 , 橘子 , 秋天绿色—草地 , 森林紫色—葡萄 , 丁香花黑色—夜晚 , 碳白色—雪花 ,白云 , 绵羊灰色—乌云 , 老鼠 ,

红色—革命 , 热情 , 危险 橙色—温暖 , 欢喜 绿色—健康 ,和平 , 安全 紫色—高贵 , 优美 , 神秘 黑色—严肃 , 庄重 , 刚健 , 恐怖 白色—光明 , 干净 , 神圣 , 灰色—平凡 , 无力 , 悲哀 , 失落

色彩构成

具象联想 抽象联想

春，夏，秋，冬

色彩构成

用颜色表示注意

用颜色表示味道

色彩构成

使用形象的图案说明代替文字传达意识华丽风格：适用于提高兴趣和注意力、活跃，宣传产品。缺 点：使人激动、浮躁解决方法：添加理性的图形和色彩：适当的使用直线，矩形和黑灰蓝色系。朴实风格：使心情平静，适用于常规教学类课件。缺 点：容易感觉沉闷和无聊。解决方法：增加主题和演说的趣味性、使用一定的时尚的排版、具有活跃气氛的视觉内容来增加气氛。注意在空间上保持风格的统一性，避免五花八门。

色彩构成

PPT构图法

主色 辅助色

调和色

主色 辅助色

调和色

色彩搭配

PPT 构图法

PPT构图法

一页 PPT 中不不要有过多的概念 排版规律、不要太过凌乱和复杂 字数不要过多，一般 10~12行 避免过多颜色、图形和字体 利用对比度差异让内容醒目

单纯美

一目了然保持简单

提炼关键词大标题表达中心思想

小标题是本段关键词

这里是大标题 要点一 正文文本正文文本正文文本正文文本 正文文本正文文本正文文本正文文本 要点二 正文文本正文文本正文文本正文文本 正文文本正文文本正文文本正文文本 要点三 正文文本正文文本正文文本正文文本 正文文本正文文本正文文本正文文本

PPT构图法

PPT构图法

利用行间距留白

巧妙排版 横向无时间顺序 横向有时间顺序

纵向无时间顺序 纵向有时间顺序

PPT构图法

案例： PPT信息量太大怎么办？自我评价：我是哪一类讨好型——最大特点是不敢说“不”，凡事同意，总感觉要迎合别人，活得很累，不快活。责备型——凡事不满意，总是指责他人的错误，总认为自己正确，但指责了别人，自己仍然不快乐。电脑型——对人满口大道理，却像电脑一样冷冰冰的缺乏感情。打岔型——说话常常不切题，没有意义，自己觉得没趣，令人生厌。表里一致型——坦诚沟通，令双方都感觉舒服，大家都很自由，彼此不会感到威胁，所以不需要自我防卫

原稿

思路 1 ：充分利用图形和备注PPT构图法

思路 2 ：拆成多个页面讨好型 责备型

电脑型 打岔型

表里一致

PPT构图法

PPT构图法

思路 3 ：要点一条条显示讨好型 讨好型

责备型讨好型责备型电脑型

流水帐PPT

改造案例一

视觉化构图 把概念或数据翻译成图

PPT构图法

杰克 ·韦尔奇 1960 年在 GE 公司开始自己的职业生涯， 1981 年成为该公司的第八任董事长兼 CEO 。在任期间， GE 公司的市值增长到 4000 亿美元，高居世界第一。

你们知道了，但是我们做到了。也许你觉得这已经是视觉化

你们知道了但是我们做到了

---- Jack Welch 杰克 ·韦尔奇 1960 年在 GE 公司开始自己的职业生涯， 1981 年成为该公司的第八任董事长兼 CEO 。在任期间， GE 公司的市值增长到 4000 亿美元，高居世界第一。

请重视排版：光有好图还不行有时候， PPT 上有很多精美图片，但看起来总觉得别扭，对吗？

请重视排版：光有好图还不行对比看看这张，问题出在哪里？

39

小技巧：利用网格快速对齐大量图片有时候， PPT 上要放置很多图片，有好的办法吗？

小技巧：参考线的终极奥秘

中心对称版 十字架版 三分九宫版

规则化布局、便于阅读

图片竖放，增加紧迫感

沿版心线调整，简单稳定版面

最为经典的平面构图法则

上下分离，将版面视觉区隔

辅助的文字和图片用框架收纳住视野

构图心得 一般而言视觉的中心是你所想要表达的主题，而不是图片本身。 如果只注意局部细节，画面就会变得凌乱复杂。反之如果只注意整体和谐统一，画面就会过于呆板。所以相对于整体，局部需要有适当的对比和变化感。

PPT构图法

IBM软件工程师岗位要求Primary Skills: Database application development and Unix shell programming Secondary Skill: - Stored procedure and User Defined Function development, database design, performance tuning, database administration is plus. - Good knowledge of Database systems and development. - Familiar with DB2 development tools and products. - Unix script programming - CET-6 is plus - Programming skills: Java, JSP, JavaScript, HTML, J2EE, struts, design patterns, other popular frameworks experience is plus - Familiar with Websphere Application Server, Familiar with IBM java development IDE such as Eclipse, RAD or WID - LotusScript, LEI, Domino server administration for Domino developers is plus - Software engineering knowledge & experience - Knowledge for IBM products: WebSphere, DB2, Lotus, Rational, Tivoli - Globalization development knowledge & experience, Unicode - Web Services & SOA - Technical writing

PPT构图法 用表格说话

Eclipse Eclipse 核心核心GEFGEF JDT/CDTJDT/CDT 组 组

TPTPTPTP

CM, Merge, ….CM, Merge, ….

模块服务 模块服务 (UML2 ext, other Meta-Models, Code Gen APIs, …)(UML2 ext, other Meta-Models, Code Gen APIs, …)

EMFEMF

UML2UML2

Ecl

ipse

分析者 建模者 开发者 测试者 部署经理项目经理

网页工具网页工具 其它其它

字不如表IBM 软件开发工程师岗位要求

IBM 软件开发工程师岗位要求

Eclipse Eclipse 核心核心GEFGEF JDT/CDTJDT/CDT 组 组

TPTPTPTP

CM, Merge, Traceability….CM, Merge, Traceability….

模块服务 模块服务 (UML2 ext, other Meta-Models, Code Gen APIs, …)(UML2 ext, other Meta-Models, Code Gen APIs, …)

EMFEMF

UML2UML2

Ecl

ipse

分析者 建模者开发者 测试者 部署经理

项目经理

网页工具网页工具 其它其它

韵律性

让图表美一点

上半年 下半年 合计华北 25% 25% 50%华中 55% 15% 70%华南 10% 80% 90%

下半年华南地区销售业绩提升非常快

让图表美一点下半年华南地区销售业绩提升非常快

上半年 下半年 合计华北 25% 25% 50%

华中 55% 15% 70%

华南 10% 80% 90%

让图表美一点下半年华南地区销售业绩提升非常快华 北华 中华 南

25% 25%= 50%

55%15%= 70%

10%80%

= 90%

让图表美一点下半年华南地区销售业绩提升非常快

10%+80%90%

25%+25%50%

55%+17%70%

PPT构图法

一组由多个单元形体构成的形态，如果彼此之间没有联系，没有呼应的感觉，即使每个单元都很优美生动，也只有一盘散沙的感觉。 形态没有凝聚力，没有方向性，没有扩张力，也就不可能实现灌输生命与传神。 所谓联系与呼应主要是指形态与形态之间的内在关系，而不是形态的外在形式。

整体感

处理会计报告处理会计报告处理用户数据处理用户数据 处理店方数据

处理交易总计 处理存款总计 处理报告行 *处理用户帐号

处理付款记录 处理用户总支付

处理存款余额处理旧余额 处理新余额

处理行 *

处理支付日期

处理交易金额

风格要和谐统一 在没有把握的前提下，排版的风格尽量统一，不要有的虚有的实，要么全虚，要么全实。

具有设计效果的演示 通过演示、形状效果的搭配可以画出各式的图案。原则上在同一主题或类似单元内部不要使用过多的颜色，可以采用纹理、色调不同的同色系颜色来表示一个类或单元组。在表示同一个单元时风格要统一，在表示同一个组中不同单元时要使用图案或形状来表示它们之间的关联，从美术的角度来说，就是使用近似的骨络、色彩和数量来关联，使画面充满表现力。

视觉传达效果

逻辑思维

管家：先生，你的房子失火了，还导致了一匹马和一只鹦鹉的死亡。管家：但是还不算太坏虽然马死了，但是火势得到了控制。管家：马不是被火烧死的，而是因为挑水劳累而死，鹦鹉因为吃了太多死去的马肉而被撑死了。

学会从结论说起

55

一个管家汇报的情况 假如他不已事情发展的顺序而是结论明确的条理来说明：管家：先生，你的鹦鹉死了；先生：一只鸟死了，有什么好紧张的，怎么死 的？管家：吃马肉死的，你的马死了。先生：啊，我的马死了，怎么死的。管家：挑水累死的。先生：挑那么多水干嘛？管家：你的房子失火了，正在救火呢。先生：……

逻辑思维

金字塔原理—要有中心思想

一页幻灯片要突出一个中心思想，且不要有太多中心

逻辑思维把文案草图先写出来，可以现在纸上画稿，然后整出文档

快速列出中心思想列出分析问题的经典框架 分析可以获得的素材

将素材放进对应的框架下

完成金字塔

逻辑思维如果对业务不太熟悉，或者思路不清晰可以先记下想到的那部分

零星的素材想办法搜集更多 框架结构逐步完善

调整素材材料分类给框架补充新的内容

记下你的想法在纸上画草稿

June, 2012THANKS!