找回密码
 注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 2429|回复: 20
打印 上一主题 下一主题

捕鱼达人iphone版: [美化设计] 极致美学:黄金分割在PPT中的应用

[复制链接]

捕鱼来了 www.bo1g.com.cn

12

主题

51

帖子

2059

锐币

积分
299
QQ
跳转到指定楼层
楼主
本帖最后由 ShadowZPPT 于 2019-3-26 15:41 编辑


Hello大家好,我是小Z。
就在前两天,由小Z主办的第一期Daily PPT Challenge(每日关键词挑战)训练营圆满结束,训练营的小伙伴通过20天不同风格PPT的挑战也进步显著。其中在倒数第三天,小Z发布了“黄金分割构图”的关键词,小伙伴们也做出了不错的作品。如下图:


@愤怒的小钢琴


@42


那么黄金分割构图到底有什么样的动人之处呢?接下来小Z将会为大家揭晓!
大家在以前上学的时候就听到数学老师说过黄金分割,黄金分割来自于数学中著名的斐波那契数列,是指将整体一分为二,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值约为0.618。这个比例被公认为是最能引起和谐的美感的比例。

黄金分割比:



黄金矩形:



而黄金分割矩形拼在一起,就能形成一条黄金螺旋线(斐波那契螺旋线):



无论是在自然生物、人文建筑、摄影构图、LOGO设计还是在网页设计上,黄金分割无处不在:






甚至有一天小Z发现自家的门把手位置都是黄金分割的…




那么黄金分割在PPT上又能得到怎样的应用呢?我们接着往下看。

首先,构图上:
在我们常见的左右构图和上下构图上,当你已经厌倦了左右上下平分式的布局,不妨试试黄金分割:





于是我们从这几张案例中注意到四条无形的线。



这四条线处在四个黄金分割点,被称为黄金分割网格(Phi Grid)。

这四条黄金分割线相交形成的的四个焦点便是最容易引起注意的地方,也就是说可以在这四个点上(包括附近)放置重点想要突出的信息。






当然出了这种矩形式的图片处理方式,我们还可以使用其他图形。
比如为了表现出下面赛车的速度感,我使用了具有倾斜边的梯形来营造动感,背景也变成了暗色来进一步突出紧张的氛围,文字的安排上也沿着梯形斜边的角度来排列。


但黄金分割也势必会导致一边的内容成为焦点,主要还是在于你想要突出图片还是要突出文字。如果你想突出文字部分,便可以使用第一种或第三种排版;反之若想突出图片部分,则用第二种或第四种。

而且值得一提的是,左右型图文构图的形式能够带给人规矩的感觉,而上下型则能带给人稳定、宁静的感觉。

前面我们看到很多平面网页设计中都用到了黄金螺旋线,所以当图文信息比较多的时候,不妨再试试用黄金螺旋线来设计你的版面:
就拿上面的第一个例子来看,图片和文字的安排都遵循了黄金螺旋线的规律。



下面这个是我为Daily PPT Challenge的网页风关键词做的范例,整体也遵循。(记住不一定要完全贴合,而是让整体布局接近即可)




那么说完了黄金分割在构图上的应用,我们再来说说在文字排版上的运用。

这时我们要引入一个概念,在英文字体中,小写字母x的高度被称为x高(x-Height),也就是英文字母的基线(Base line)到中间线(Mean line)的距离,代表了字母的基本高度。x高会影响了字体的设计及排版。


那么我们将黄金分割螺旋线引入,可以得出一个大概的规律:我们可以把英文字体行距设置为1.36左右。(中文字体不适用黄金分割)



但是不是绝对的,每种字体x高不同,字重不同,应用的场景也不同。小Z还是建议设置在1.18~1.39这个区间内能让页面字体排版看起来更加舒适,优化阅读体验。(一般用的是1.2和1.3

行距的设置步骤如下:






除了行间距的设置以外,黄金分割还可以用来表现文字信息的层级。

比如设置标题(第一层级)的字体大小为20pt,然后设置正文(第二层级)字体大小为12pt,正文与标题大小之比为0.6,十分接近黄金分割比。



好了那么以上就是小Z带给大家的黄金分割在PPT上的运用,但是小Z还是要提醒大家:

设计法则千万条,黄金分割是一条;
版式构图全靠套,最终作品两行泪。

任何的设计法则都是为了辅助思想而服务,生搬硬套反而会限制发挥。

最后小Z为大家准备了黄金分割网格的源文件黄金螺旋线的PNG文件来辅助大家设计版面,需要的小伙伴在关注小Z(ShadowZPPT)后,后台回复“黄金分割”即可。

原创不易,请持续关注小Z、支持小Z原创哦~点赞转发一下,让更多小伙伴看到优质的文章~

或者也可以扫一扫下面关注小Z~


内容:ShadowZ
编辑:六一










[发帖际遇]: 一个袋子砸在了 ShadowZPPT 头上,ShadowZPPT 赚了 9 元 锐币. 幸运榜 / 衰神榜
新晋演示设计师。公众号:ShadowZPPT

581

主题

2万

帖子

13万

锐币

锐普守护者

积分
109538

灌水精英勋章优秀会员勋章致富精英勋章优秀版主勋章守卫精英勋章智慧精英勋章2015奉献楷模勋章推广精英勋章

沙发
chinakui卖家认证 微竞赛 发表于 2019-2-19 21:07:10 | 只看该作者
好文
锐意进取,普及精品——中国专业PPT领跑者

12

主题

51

帖子

2059

锐币

积分
299
QQ
板凳
 楼主| ShadowZPPT 发表于 2019-2-19 21:31:02 | 只看该作者

谢谢版主支持!
[发帖际遇]: ShadowZPPT 做的PPT引发全球粉丝骚乱,赔偿 7 元 锐币. 幸运榜 / 衰神榜
新晋演示设计师。公众号:ShadowZPPT

0

主题

6

帖子

287

锐币

积分
34
报纸
圆圆的松子 发表于 2019-2-19 21:54:05 | 只看该作者
厉害哦,希望有一天可以和楼主一样厉害

12

主题

51

帖子

2059

锐币

积分
299
QQ
地板
 楼主| ShadowZPPT 发表于 2019-2-19 22:22:56 | 只看该作者
圆圆的松子 发表于 2019-2-19 21:54
厉害哦,希望有一天可以和楼主一样厉害

哈哈谢谢!加油学习,你可以的!
[发帖际遇]: ShadowZPPT做的PPT生了一批小PPT,好可爱哦!得到 12 元 锐币. 幸运榜 / 衰神榜
新晋演示设计师。公众号:ShadowZPPT

0

主题

21

帖子

908

锐币

积分
116
6#
飞花满袖 发表于 2019-2-20 21:56:29 | 只看该作者
谢谢分享
黄金分割线我早就想要PNG格式了
[发帖际遇]: 飞花满袖做的PPT感动了上帝,奖励 13 元 锐币. 幸运榜 / 衰神榜

12

主题

51

帖子

2059

锐币

积分
299
QQ
7#
 楼主| ShadowZPPT 发表于 2019-2-20 22:56:42 | 只看该作者
飞花满袖 发表于 2019-2-20 21:56
谢谢分享
黄金分割线我早就想要PNG格式了

嘿嘿
新晋演示设计师。公众号:ShadowZPPT

0

主题

4

帖子

248

锐币

积分
22
8#
朱老大 发表于 2019-2-21 09:38:36 | 只看该作者
很好的一篇文章,收藏了

0

主题

3

帖子

245

锐币

积分
15
9#
chenjun4850 发表于 2019-2-21 10:19:50 | 只看该作者
数学中的黄金分割在很多领域都有用到,今天发现PPT也需要。如果是黄金分割比例的话在视觉观赏上很协调,否则就奇丑务必了。

12

主题

51

帖子

2059

锐币

积分
299
QQ
10#
 楼主| ShadowZPPT 发表于 2019-2-21 10:36:01 | 只看该作者
朱老大 发表于 2019-2-21 09:38
很好的一篇文章,收藏了

感谢收藏~要多用才会出效果哦~
新晋演示设计师。公众号:ShadowZPPT
您需要登录后才可以回帖 登录 | 注册

本版积分规则

展开
快速回复 返回顶部 返回列表
捕鱼来了
  • 贵州省启动实施城市道路交通文明畅通提升工程 2019-05-18
  • 超200种常用处方药有致抑郁可能 2019-05-14
  • 消息称微软新版Xbox主机2020年上市消息称微软新版Xbox主机2020年上市-手机行情 2019-05-11
  • 马鞍山一伙人微信群里组织赌博 涉案金额高达500万元 2019-05-11
  • 外国人在瑞士进行安乐死,有什么条件? 2019-05-08
  • 高清:黄紫昌3传2射唐诗双响 U23国足友谊赛6 2019-05-06
  • 第八个孕妇关爱日:孕妈妈开心 宝宝更健康 2019-04-30
  • 是一对什么关系?与你和四两是一样的关系?[微笑] 2019-04-30
  • 打造上合组织命运共同体 成员国应积极推动理念与实践 2019-04-29
  • 侯晓春会见岳剑利一行 2019-04-26
  • 粽子好吃 有些患者你别尝 2019-04-22
  • 【十九大·理论新视野】动漫:文化自信为何关乎伟大复兴 2019-04-22
  • 什么是幸福 ——“幸福死了”与“健康长寿” 2019-04-20
  • 医疗专家入藏免费治疗患儿 2019-04-20
  • 国台办评民进党起诉新党青年成员:丧心病狂 2019-04-14
  • 747| 311| 597| 881| 129| 695| 418| 56| 821| 802|