老板说“幻灯片要有精致感”……于是我用了这个方法！

有的 PPT 作品，一眼看上去很震撼，却经不起细细推敲，还有的 PPT 作品，就像一个宝矿，越深挖越细究，越觉得有趣，令人叹为观止。

后者，就是我们所说的精致感。

作者：魏不贰

来源：魏不贰(ID：nsecond)

精致者，精于术，达于雅。

好的 PPT 追求整体和谐，局部突出，重点清晰，细节考究以及图形化表达 5 点，将这些要素融合，最终能给人精致的感觉。

什么是精致感？

综合来看，精致感往往体现在作品的细节、协调度以及整体的完成度上。

01

准确和精确

一个页面看上去不舒服，常常是细节出了问题。

这就要求处理图形、字体、线条、图片等版式构成要素。

从元素样式到位置分布，页面构成元素的规则非常多。

我以内容处理标准和元素细节参数为依据，分为准确和正确大类。

精确性关注角度、位置、时间、间距、衔接等微小细节点，而准确性关注由文字层级处理和图片配合的契合度问题。

这里选取几种典型细节做简要说明。

◆ 衔接处：精细处理 ◆

页面设计中都希望一张全图解决问题，但图片质量往往不如意，需要进行多图的拼合。

拼合处理就带来了图片间的衔接问题。比如：

@世茂前海中心

原图将前海中心置于右侧做为主体，为了平衡左侧空间和营造氛围，采取了两图拼接的处理。

但由于拼接的两图颜色区分较大，整体看比较单薄。

我们在接缝处引入金色渐变条纹作为修饰，增强过渡的边界感，同时也起到为中间文字引导视线的作用。

@世茂前海中心

色块本身具有很强烈的填充、装饰、提升画面细节感的作用，当我们作品不够精致时，不妨试试运用这类修饰性元素。

修饰性元素除了色块外，还常使用光效和线条。

比如这种英雄联盟的海报，将光效用于多角色之间的分割上，对黑金质感起到非常好的增强效果：

如果把光效去掉，可以看到人物间融合整体性更高，但两边的切割很硬，显得不够精致：

对边界的修饰，除了突出页面某区块或者个体元素外，还可以增强画面整体感，实现图文的精妙过渡。

最典型的就是水墨笔画效果：

@RED VOQZ

图片边界处精细处理重点在于对画面的分析，如果拼合的两个个体视觉区分过大，则用元素修饰增强差异感；

如需要突出画面主体，那么可以模糊边界，提升整体感。

这种处理手法，也可以做反向应用，通过边界处的完美接合，实现画面的整体贯通。

比如下面这张电视页面，极光由星空一直延续至屏幕上，浑然一体，仅由亮度简单划分出电视边距，呈现出电视屏幕「方寸之间，万千世界」的美妙：

@小米电视

◆ 角度：两线之交，寻找最优值 ◆

在几何数学中，角由两条线构成。

线条是点的延伸，隐藏着方向性，不同角度的线会产生迥异的画面感受。

水平线：具有平静、延伸、简单、广阔，给人放松感。

垂直线：具有挺拔、坚毅、力量上升的感觉。

斜线：能产生加速、不安、运动的感觉。

曲线：具有运动、圆滑、完整、变化，给人种合理、规律的感觉。

我们用手机的设计展示页来解释角度的问题。

相同的图文元素，仅仅由手机图样的角度差异，就造成了完全不同的画面效果。

第一张硬朗而空阔，第二张相对中正，第三张画面柔和而饱满。

另一个例子，两手机在中间形成一个 X 型图样，在角度较大时，两侧会很空。

@华为手机

适当调整角度大小，画面就饱满很多。

至于曲线，在宽画幅里曲率越大越为和谐，也更加开阔。

上面两张图，在饱满度和画面张力方面下图会更好，但就星空场景而言上图明显更真实大气。

◆ 图文：既要并茂，更要相符 ◆

图片的视觉形象能弥补文字描述的不足，从而做到图文并茂。

下面这个案例，图文的处理不和谐，文字金色样式很精细，但背景图片过于粗糙。图文表意不符，基本没有直接联系：

▲图片来自网络

另外一个比较好的图文配合例子，来自鹅厂，以展望为题，从人视角出发，用辽阔的道路和远方天际光线作为修饰，比较切题：

再譬如前几年，由环时互动运营、在微博独领风骚的某品牌：

@杜蕾斯微博

文字造概念，图片造情趣。

图文配合非常妙，内涵十足但不至于色情到突破常人的接受度。

综合来看，图文配合有三个层级：

展示：单纯摆放和文字内容弱相关的图片。

解释：图片对文字的核心概念做出贴切解释。

创造：超越文字概念本身，创造独特意义。

图片是文字符号的具象，描述言语无法表现的真实故事或光怪陆离。

文字说明是图片形象的延续和画面内容的升华，交待画面无法表现的信息量。

二者相辅相成，才能共同创造具备表现力的视觉画面。

◆ 信息层次：无层次不耐看 ◆

在幻灯片里，层级又可以简单分为文字信息层级、图形图像层级。

前者决定阅读顺畅度，后者影响画面可看度。

我们以信息在画面中的重要性和必要性两个维度建立四象限图：

我们用实例来详细说明画面的层级问题。

重要数字内容放大加粗，次要数字缩小加上一定透明度，解释性文字使用灰色和蓝色。

图形图像层级方面，以大楼作为视觉主体，Logo 用于弱化修饰，低可见度的元素作为背景增加细节，文本和图形穿插编排，整个页面层次非常好。

文本信息非常简单，层级也很清晰。

再来看一个例子：

这页使用建筑作为背景，Logo 的线条穿插修饰，文本的信息层次一如往常。

简单总结，文本的层级处理在于实现三点：

第一，重点信息第一眼吸睛；

第二，核心标题和正文可见；

第三，解释性内容适度弱化。

02

丰富和细腻

◆ 光效修饰：自然生动有质感 ◆

光效是营造页面质感的密钥，通过对几种光的使用，可以让背景、画面主体更加精致。

主要的光效类型有：修饰光、背景光、轮廓光、模拟光、自然光等。

❶ 修饰光。

对物体局部添加的强化塑形光线。

常用在发布会的产品精修中以增强产品质感。

❷ 轮廓光。

指勾画物体轮廓的光线，以逆光、侧逆光为主。

多见于暗色产品类的整体露出。

或者是人物的剪影，在弱光下形成人物轮廓，同时保留了部分轮廓细节。

❸ 背景光。

灯光位于被摄者后方朝背景照射的光线。

在设计处理上，以画笔对背景进行提亮，通常用来突出主体或美化画面。

❹ 模拟光。

又称「效果光」，模拟某种真实效果而添加的辅助光线。

常用于产品的气动、电流、运动、操作等原理演示中。

❺ 自然光。

提取自然中的某种光效特征，用软件或画笔来仿真，让画面更为生动通透。

最常用的有极光、彗星流光、星球轮廓光等，这类光的使用能让原本相对呆板中正的页面变得更为有趣。

◆ 阴影修饰：最真实的空间代入 ◆

阴影能使物体突破平面，构造真实的三维空间与相对位置，同时阴影的使用也让页面显得更为细腻。

光与阴影是相伴共生的孪生兄弟，二者相互搭配，让空间质感达到新高度。

@小米手机

好的 PPT 从来都是达到了宏观和微观的契合，内容和形式的一致，色彩和线条的配合。

PPT 中的任何元素都值得反复斟酌。