图文排版心得二.docx

图文排版心得二.docx

《图文排版心得二.docx》由会员分享，可在线阅读，更多相关《图文排版心得二.docx（13页珍藏版）》请在冰豆网上搜索。

图文排版心得二

PPT图文排版心得

（二）

今天的教程来自知乎以为名为Mudo的大神，教程讲得非常系统，且非常实用。

主要讲解PPT图文排版技巧，回答三个困惑：

1、PPT该用什么字体？

2、PPT字体该用什么颜色？

3、PPT字该放在什么位置？

先看一张思维导向图（点击图片查看大图）

4.色彩的组合模型

PS:

以下色彩部分，因为没有大量的实际操作过，所以我不确定结论的正确性。

因此色彩部分仅供参考，只希望大家能从中得到一些启发就好了。

我们多多少少都学习过色彩的基础知识，我们都知道上图的红色代表着热情、绿色代表着自然以及紫色代表着高雅等等......但是我们却不能以此为参照来决定字体的色彩，因为实际的情况要比这复杂的多。

无论一张照片还是海报，都会运用到大量的色彩，把这些色彩集合成一个组合时，将其称之为“色组”，如下图。

这时，要如何区分上图这些色组的视觉心理呢？

在教科书上采用的方法是分成四种类型：

分别是“互补色”、“对比色”、“同类色”和“邻近色”。

然后再解释这些类型的视觉心理，比如“互补色”有着突出、华丽的效果或者更吸引眼球等等......但是这个方法只能解释那些只采用少量色彩的照片或海报，所以这个方法在面对一张色彩丰富的照片或海报时，这个方法又显得太过笼统和片面。

而在网上大部分的配色教程里，则用“色卡”来解释色组的视觉心理的，“色卡”是从一张照片里提炼出三到六个主要色彩组合起来的配色方案，并认为“色卡”和原照片的视觉心理效果（情绪）是相同的，因此大部分设计作品会以此为参照做配色方案。

但我阅读了很多研究配色的书籍或文章，其中大部分都认为一个“色卡”是远远不足于解释一张照片给人的视觉心理效果的。

认为一张照片给人的视觉感受，不是这张照片里所有的颜色共同作用下的结果。

并表示一张照片的色彩数量、各个色彩之间的面积以及冷暖的对比等等......都是会影响一张照片的视觉心理效果的。

于是我总结这些文章的观点，我重新设计了一个色彩的组合模型，用来描述多个色彩组合的视觉心理效果，见下图：

上图是一个色彩组合的模型，我设计成一个倒三角的形状。

我稍微简单解释一下：

倒三角形最上面的一块是主色，主色是这张照片里最突出的色彩，通常是照片里的面积最大。

往下一个是副色，副色比主色的突出效果要较弱一些。

再往下则是一些辅助色以及一些面积非常小的点缀色等等......

这个模型可以解释很多色彩组合的视觉心理效果，见下图：

X：

亲和-强烈

主色和副色的对比关系是会影响照片的视觉心理，当主色和副色的对越弱，画面的表现越柔和，相反主色和副色的对比越大（通常是由两者的冷暖、面积、色相的不同），画面的表现就越强烈。

Y：

平均-突出

这里指的是主副色和其他的颜色的面积比例关系。

当主副色的面积和其他颜色的面积相差无几的时候，画面表现出唯美的感觉。

相反主副色的面积远远超过了其他颜色面积的总和时，画面的情绪完全由主副色主导。

Z：

单调-丰富

这里比较的是一张照片里色彩的数量，数量小就会显得单调，相反则越丰富。

上面三种类型都用XYZ来标记，因为我要总结字体以及色彩的选择与色彩组合模型之间的关系时，我就要用到下图这个大模型了：

上图展示的大模型里，色彩模型的三种类型做成了一个三维的坐标轴系，这表明了任何一张照片的色彩组合，都是这个XYZ轴系里的一个点，也就是说任意一个色彩组合模型会同时满足三种类型的其中一种，最终会形成八种色彩组合模型（八种情绪），下面列举一些：

大家能看到在大模型里还有冷暖区分的四个色块，它们代表了四个区域，从上往下分别是“粗古”、“细古”、“细现”和“粗现”。

这些色块是表达：

当一个色彩组合越倾向坐标系的正轴时，则使用越粗的古典字体。

相反地，越倾向负轴时，则使用越粗的现代字体。

简单地来说，就是当一张照片的色彩的越强烈、越突出、越丰富时，就用古典的衬线字体，而且要越粗越好，而当一张照片的色彩的越亲和、越平均、越单调时，就用现代的无衬线字体，而且要越粗越好。

这是大模型的作用之一：

不同色彩组合对字体选择的影响。

大模型的另外一个作用在于，我们还可以通过对增减或改变某个色彩，来改变这个照片的色彩组合倾向，来表达某一个情感、主体又或者适应某一个字体等等......而改变的方法，就是利用字体或形状图形的颜色。

这就意味着在图片上加字这个行为，就已经是在影响一张照片的色彩心理了。

综上，我们拿刚才的图片来举一些例子，见下图：

第一个例子，由于照片的色组属性是“强烈”、“突出”和“单调”，所以选用了细笔画的古典字体，这是一个“文字粉饰图片”的例子。

第二个例子，是一个“图片突出文字”的例子。

虽然这张照片的色彩属性有“强烈”和“突出”，但色彩却是“单调”的，我的做法是先加上两个粗笔画的毛笔字（粗古），突出一个主色。

然后再放一段酡红色的英文，是色组变得丰富，同时配合“粗古”，让色彩的情绪表达地更加明显。

最后的例子，是关于形状的颜色和透明度设置的一个示范。

由于这张照片的色组属性太过平均，所以我用一个形状压住一个副色调，然后用“粗古”字体压住主色调，将这个色组的“平均”属性转为“突出”。

这个例子是想表达：

形状图形的色调选择，关键在于你想怎么改变色组的属性，而半透明的设置，可以改变色组的“丰富”属性。

过程见下图：

5.单个字体的形态

篇幅已经很长了，直接上结论吧（累）。

总结了所有的教程和优秀设计作品，我认为区别单个字体之间最重要的三个特征：

见下图

体饰指的是在字体笔画末端的装饰，字体的体饰之间不是有或无，而是多和少，这是一个比较模糊的概念。

通常按照笔画体饰的多少划分“古”文字和“今”文字。

“古”文字适合作为标题，出现表现自然、传统或者表现历史厚重感的题材里，“今”文字大多是在时尚、科技或者普通生活题材里，“古”文字最重要的特点是抒情，“今”文字则注重简洁。

笔画的差异在于粗细，粗笔画用于强调，细笔画则用于修饰细节，例如突出某商品的精细做工。

这里还有特别说明的一种情况是粗细结合，笔画的粗细差异算其实是属于体饰的变化。

转折的差异在于曲直，转折越尖锐的字体适合表达力量感，反之曲面转折的字体适合表现女性的柔美。

见下面两个例子：

来自逼格PPT，本文标题：

《PPT教程|大神呕心之作：

PPT图文排版心得

（二）》