找回密码
 注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 1341|回复: 7

[美化设计] 深度好文!“点”亮世界——PPT设计之源:点的应用

[复制链接]

12

主题

52

帖子

2069

锐币

积分
306
QQ
ShadowZPPT 发表于 2019-5-17 14:21:10 | 显示全部楼层 |阅读模式
本帖最后由 ShadowZPPT 于 2019-5-18 12:02 编辑

头图.jpg


Hello大家好,我是小Z。

最近我在做一些作品的时候,总觉得某些地方好像缺了点什么。

于是我重新思考了“如何设计”,浏览了大量的作品和文章,最后自己总结出“点线面三部曲”文章并分享给大家。(这是第一篇)

其实设计本身除去那些软件操作和技法外,最本源的就是要回归对“点、线、面”的探究与应用
图片1.JPG
那么今天这篇文章,因为篇幅较长,小Z我将文章划分为“基础教程”与“高级进阶”两部分。

其中“基础教程”是为绝大多数小伙伴准备的。但如果你想要深入学习并提高设计思维,那么强烈建议把“高级进阶”也看完~

相信看完这篇文章,你的设计水平与设计思维会再上一个层次。


基础教程图片.JPG
大家可能比较关心的问题是,点是什么?

点是平面构成中最小、最基本的构成元素。但是点不是我们想的那样,只有小到精确到某个水平才能称之为点。

实际上,点的大小是不固定的。人和地球相比,就是一个点。而地球和宇宙相比,地球就是一个点。
因此,点的出现源自对比
图片2.JPG
那么从上面小Z举的例子中,大家也可以知道,点并不是我们想的只是一个圆形。

点的形态可以是任何形状

除了刚才提到的具象物体,点可以是抽象的形状:

矩形:具有坚实、规整、静止、稳定的特点
圆形:具有饱满、充实、不安定的特点
三角形:具有尖锐、活泼、有动感的特点
不规则图形:具有自由、随意的特点
图片3.JPG
也可以是文字:
图片4.JPG
当然点的变化不止在单独的形态上,还在对比中体现:

虚实对比、大小对比、浓淡对比、多少对比。
图片5.JPG
那么说了前面这些理论,最后还是要为点的应用服务。

那么点在我们的设计中有什么作用呢?


1. 装饰、丰富画面,增强视觉冲击力

试想,除了调味外,为什么我们要在菜上面放葱、蒜、辣椒等呢?

因为加了这些调味品后,食物在视觉上会更诱人,也就能增加我们的食欲。

正所谓要“色香味”具全,若没有“色”,那么这份食物将会看起来多么得平淡无奇。
图片5 1.jpg
PPT的设计也正是如此,对比以下两幅作品,没有“点”的装饰与丰富,那么作品看起来就感觉少了点什么。
图片6.jpg
图片7.JPG

2.烘托气氛,活跃版面

这点和上一点有些相似,但是这点主要强调在氛围的营造上。

对比下面两幅图,如果去掉“点“,是不是发现少了”氛围感“呢?相应地,整个版面也就显得太冷清了。
图片8.jpg
图片9.jpg
3. 引导与提醒作用

这点可能有些抽象,什么叫引导与提醒呢?

引导和提醒就是告诉用户/观众,你应该先看什么,再看什么(视觉阅读顺序)以及现在到了什么阶段,表明结构层次。

好吧,还是挺抽象,那咱们来看具体的例子吧~

①.表现结构层次

通过在二级信息前面加点,就能表现出信息的不同层次性。
图片10.JPG
而这种点不一定要是“圆点”的形状,可以是其他形状,只要不过于夸张,比例合适就行。
图片11.JPG
当然除了上面提到的点在信息结构的表现作用以外,还有在公司或者产品结构层次的表现上,也能看到点的作用。
图片12.JPG
②.表现流程

在表现一个递进关系的流程图中,我们需要在时间轴或是流程轴上加点,也就是所谓的“节点”,来表现流程中的主要事件。没有这些点,流程图就变得杂乱无章,没有焦点。
图片13.JPG
③.表现当前进度

我们在网页设计中经常能见到用点来表现当前网页所在位置(页码)
图片14.png
当然在PPT中,我们也能借鉴这种表现手法。

如果在你在讲PPT时,如果一块内容中有很多页面,建议通过在底部或者侧方加点来表现当前页码。不然观众在不知道当前PPT进度的情况下,会变得焦虑不安,影响PPT内容的有效传达。
图片15.gif
通过点的浓淡、大小、虚实来对比表现进度。

④.表现程度

我们经常在PPT中会见到环形图来表现数据的多少。而此时加入点则会让始点的位置更加清晰,让数据可视化更直观。(此处加入动画食用更佳)
图片16.JPG
当然这种表现方式也可以用于第三点:表现当前进度,比如项目完成了百分之多少等。


4. 填补空白,整体化版面

当你发现作品做出来后,有些地方很空,但又不知道加什么时,不妨试试加点。

(这里的点可以是形状,可以是文字)
图片17.jpg
5.状态提醒、信息补充

我们在使用社交软件时,当有新消息时,图标或者头像右上角会出现“红点”来引起你的注意;而当你的状态处于在线状态时,头像右上角则是“绿点”。
图片18.JPG
还有如果平时你在看剧选剧时有留心的话,一般电视剧的右上角或者左上角有角标来表示状态(热门或是新片等等)

那么这些在PPT中又有什么借鉴之处呢?

其实,我们可以把这些点应用到PPT的人物介绍,产品介绍,文字补充等地方。
图片20.JPG
图片21.JPG
图片22.JPG
那么以上就是小Z提到的就是关于点的基础用法。

如果你还想继续学习研究,那么建议你休息一下,花点时间吸收一下上面的内容,再开始看下面的“高级进阶”内容。

高级进阶图片.JPG
前面小Z提到了点的定义、点的形态、点的变化以及点的作用。

那么在这里,小Z再提一提点的排列。

根据点的数量来看,只有单点多点

单点产生聚焦,能快速吸引目光,但是单点要表现的内容也因此要简短精炼,不然内容过多反而会让人不愿意阅读。
图片23.JPG
而单点在版面中的位置也有讲究。

如果在画面中央,则显得平静集中;如果在左上角,则会产生动感和不稳定感;如果在右上角,则能增强视觉张力(这也是为什么大部分情况下要把logo放右上角);如果在左下角,则下降的动感更加强烈;如果在右下角,则能稳定整个版面(就像一句话的结尾加了一个句号一样)
图片24.JPG
当然这些心理感受不需要死记硬背,自己在多用的时候就能慢慢体会到。

多点则会打破单点的绝对位置,制造出新的感觉

根据格式塔理论中的连续性概念。当人的视线从一个物体穿过到达另一个物体时,中间会默认形成一条线,也就是视觉连线。

如下图版面中的三点连线会默认形成三角形。
图片25.JPG
如果我们把这三个点横着或者竖着排列,就能变成一条线,也就是“点的线化”。
图片26.JPG
而如果版面中的点超过三个且位置分布不规则时,就会让人感觉躁动

如果版面中的点超过三个且位置排布规则,则会给人平静的感觉。而这能形成一个面,也就是“点的面化”。
图片27.gif
其实我们可以从上面案例中看到,这些地方其实都可以看作是一条线,而当点足够大时就能形成一个面,共同作用,让一幅作品更加完整。
图片28.JPG
而关于线和面,请待小Z下回讲解~

图片1.png
内容:Shadow Z
编辑:六一

二维码.png

评分

1

查看全部评分

[发帖际遇]: ShadowZPPT做的PPT被微软总裁比尔盖茨看中了,得到奖金 22 元 锐币. 幸运榜 / 衰神榜
新晋演示设计师。公众号:ShadowZPPT
回复

使用道具 举报

0

主题

174

帖子

1220

锐币

积分
878
月下良缘 发表于 2019-5-18 11:22:10 | 显示全部楼层
谢谢楼主大大的分享!
回复 支持 反对

使用道具 举报

12

主题

52

帖子

2069

锐币

积分
306
QQ
 楼主| ShadowZPPT 发表于 2019-5-18 12:03:25 | 显示全部楼层
月下良缘 发表于 2019-5-18 11:22
谢谢楼主大大的分享!

嘿嘿感谢支持
新晋演示设计师。公众号:ShadowZPPT
回复 支持 反对

使用道具 举报

0

主题

12

帖子

226

锐币

积分
62
xiaobe 发表于 2019-5-19 20:37:38 | 显示全部楼层
不错,谢谢分享。
回复 支持 反对

使用道具 举报

0

主题

13

帖子

272

锐币

积分
73
行走的川菜 发表于 2019-5-20 15:35:08 | 显示全部楼层
其实我不知道这个教程是不是好教程,我没有评判好教程的具体标准!
回复 支持 反对

使用道具 举报

0

主题

5

帖子

211

锐币

积分
27
theonlyleft 发表于 2019-5-23 10:30:42 | 显示全部楼层
经典好文
回复

使用道具 举报

0

主题

2

帖子

210

锐币

积分
10
ericwangj 发表于 2019-5-23 11:19:55 | 显示全部楼层
谢谢分享
回复

使用道具 举报

4

主题

614

帖子

3027

锐币

积分
3235
whalerider 发表于 2019-5-23 14:39:31 | 显示全部楼层
很专业的分享谢谢
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

展开
快速回复 返回顶部 返回列表
展开