这次把怎么做好一个PPT讲清-总体篇_分栏也可以用“底色”、“方框”把属于同一个子主题的要素圈在一起

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Golang全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Go语言开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip1024b (备注go)
img

正文

img

2、递进关系

是多个要素之间呈现不同层级或发展阶段,也包括以时刻为标的的时间线关系。例如,完成某项工作的流程和时间安排,属于递进关系。

img

3、对比关系

是多个要素之间呈现差异或者对抗。例如,某个问题背后有3个原因,但是3个原因中有1个是迫在眉睫的,这属于对比关系。

img

4、总分关系

是一个要素与其它要素之间存在包含或归因关系。例如,为了完成某项工作,需要从6个方面努力,这属于总分关系。

img

每一类逻辑关系当中的又有数量和强度上的区别。

2)如何让逻辑关系图好看

将信息用逻辑关系图这种语言表达,除了理清关键点之外,还需要将其用设计语言来表达。

这其实是我们平常最困扰的部分。

自己绘制,没有灵感;有灵感了,画不出来;画出来了,不好看;改好看了,时间没了。

用概念图形表达信息需要一些练习,从创意、风格、形状绘制、排版等方面着手。特别是一套PPT中,有很多逻辑关系图时,保证其统一美观是比较困难的。

一不小心就会沦为我们在网络上经常见到的这种颜色杂乱、排版混乱的图表。

img

img

从设计角度讲,要逻辑关系图美观,至少要做到以下4点:版式统一、颜色统一、效果统一、字体统一。

老黑花了蛮长时间,精雕了一套逻辑关系图合集。以前文所分并列、递进、对比、总分为类别,每一类再从2项、3项、4项、5项、6项以至多项分页制作。

共计67页,供大家参考使用,以下展示部分页面。

以几页并列关系为例:

img

img

img

img

以几页递进关系为例:

img

img

img

img

以几页对比关系为例:

img

img

img

img

以几页总分关系为例:

img

img

img

img

这份逻辑关系图合集制作的初衷,就是干净整洁、使用方便。全预览图如下。

img

img

img

img

**从版式上考虑了元素的对齐,设置两套版心参考线。**对于较为聚合的图形,让其与内版心参考线对齐,文字与外版心参考线对齐,对于延伸图图形,让其与外版心参考线对齐。

img

**在颜色设计时,选择两个主色,定为主题色。**所有图形和文字,应用此主题色,或渐变或填充或透明。这样设计有个好处,那就是后期全盘改变颜色,只需要不到1分钟。

img

img

所有效果也做了统一。标题文字24号或32号加粗,正文文字16号,1.3倍行距。

确保不论截取其中的几页粘贴到任何PPT中,都能有不俗的表现力。

六、对齐、分组和对比

一个是对齐,先将内容对齐了,这样保证不乱。

一个是分组,将信息组织好,这样看起来逻辑更清楚。

一个是对比,这样一眼就可以看到重点。

作者:利兄
链接:https://www.zhihu.com/question/345405596/answer/1596909943
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

对齐

对齐很好理解,看方阵队伍,那叫一个整齐,那叫一个专业。

img

我们来举个例子哈,比如下面这页文字比较多的PPT。

img

只要内容对齐好,至少保证不会乱。下面这个PPT文字我们用了左对齐。

img

关于对齐的方式,在PPT中主要有八种,最常用的左对齐,居中对齐,还有右对齐。

img

再比如下面这页PPT,我们就用了顶端对齐。

img

PPT中的对齐很简单,用对齐工具就可以轻松搞定。

img

分组
分组就是将同类得信息放在一起,靠的更近一点

img

**所以亲密原则通常又叫分组原则。**就是将内容根据内在的相关性进行分组归类。

那么,实现分组原则,有哪些具体的方法呢?

1、通过留白进行分组。

通过留白进行分组,也就是通过调整不同文字内容之间的距离来实现。

一段文字,我们我们通常要注意几个间距:

行间距<段间距<组间距。

img

接下来,说一些基本的设置参数,一定要记住。

行间距默认的是1.0,阅读起来会有些压力。

尽量把行间距设置为1.3-1.5之间,这是一个比较合适的距离。

设置的方法如下图所示。

动图封面

确定好行间距之后,我们就可以去设置段间距还有组间距。

一些非常清爽舒服的PPT,都是非常注重留白的,尤其是文字非常多的时候。

我们再看两个案例,注意里面的行间距,段间距,组间距。

img

2、通过分栏进行分组

将信息分成不同的栏,是分组最常用的方法。主要通过色块或者其它容器,将内容区隔开。

比如一开始的文字,就可以通过分栏得到下面这样一页PPT。

img

这只是简单的分栏,我们还可以将图片铺满全屏,然后进行分栏。

也就是**纵列式排版。**

img

这是分组,接下来是对比。

对比
在分组的基础之上,为了凸显某些重要的信息,必须通过对比得方式。

制造对比的方法,通常来说有这么几种。

1、字号和字重对比

我们要强调某一个文字内容,最常用的办法就是放大字号,加粗文字。

img

2、颜色对比

这个也是非常常用的对比手法,我们直接更改PPT文字的颜色就可以。

img

3、字体的对比

当我们某个要点需要凸显的时候,可以换一个更有气势的字体。

img

当你得PPT文字很多得时候,不要怕。

1、先将内容提炼出来,做好分组。

2、把文字和图片进行对齐,看起来更工整。

3、对于一些重点得信息,放大字号,加粗一下,也就是强调。

这样就显得更清楚。

七、一个核心就是 —— 鲜明清晰的观点;三个步骤就是 —— 先定逻辑、再定布局、后定格式

很多人做PPT最头疼的就是,大量时间浪费在排版、美工上,花了很多时间但还是不好看,或者哪怕做的好看,也不好读。

明确核心观点,掌握排版套路,可以马上让你的PPT**“好看”又“好读”。很多人觉得学PPT就是要格式漂亮、排版美观,但是实际上本末倒置了。一份好的PPT报告,一定要遵循“一个核心”、“三个步骤“**,顺序绝对不能乱:

一个核心就是 —— 鲜明清晰的观点;

*三个步骤就是 —— 先定逻辑、再定布局、后定格式。

(一)一个核心 —— 鲜明清晰的观点

核心观点鲜明,按照金字塔原理”或者“逻辑树”一层一层展开,构成了一份PPT的基本结构。在咨询公司里,我们常把它叫做“Storyline(故事线)”,意思就是,做一份PPT就像是讲一个故事、或者拍一部电影一样,要有明确的电影主题、想要传达的价值主张,而每一页PPT的标题则是围绕核心观点拆解出来的子观点(构成了PPT的骨架),然后每一页PPT里的正文内容,则是论证PPT标题的具体论据(定性或定量的信息)。所以,一份PPT,我们经常会第一天把每页PPT的标题定下来,每页PPT标题连起来读就是你想表达的完整观点,然后再一点点去做每一页PPT的具体内容。

**img

(二)三个步骤就是 —— 先定逻辑、再定布局、后定格式

1、先定逻辑

关于“逻辑”,其实顺承上面的逻辑树,敲定了每页PPT之间的关系之后,就是要敲定每页PPT里面的具体逻辑 —— 即需要哪些论点来支撑PPT标题中的观点。这里就不赘述。

2、再定布局

这一步是很多人经常忽视的,很多人不熟悉应该用怎样的PPT布局去表达怎样的逻辑内容,导致了每次构思PPT都非常慢、或者呈现效果不好,没有表达出来应有的意思。其实,PPT的布局有几种非常典型的“套路”,熟练使用之后,就会越来越快。

(1)左右结构左右结构,往往是承接“逻辑树”而来的,PPT的标题就是这一页的中心观点**,而具体下面左右(或者左中右)的内容则是围绕这一大观点展开的具体论据,而且相互之间有顺承关系,例如:img**(2)表格结构

而表格结构则往往不是要论证一个观点、而是要陈述/总结一些事实**,通过横向和纵向分类,构成了表格的内容,例如:imgimg**(3)对比结构

对比就是通过左右、上下进行不同公司间、模式间、过去与未来之间的对比(4)流程结构

流程结构,就是按照一定的流程**(例如业务流程、用户旅程等),用**流程图或者时间轴的方式来组织内容,例如:img(5)特征总结

这是最简单的一类布局,就是左中右、或者上中下排布3~5个特点**,每个特点都是**“概念/名称+具体解释”的结构来呈现,例如:img(6)图表解读

**最后一类也是非常常见的,直接把柱状图/折线图等放在PPT,然后上方或者侧面、或者直接在图表中把关键结论标注清楚,例如:imgimg**3、格式美工技巧

确定了布局之后,最后一步就是做最后的格式、美工。这一步是肯定是大家觉得最浪费时间、没有思考含量的,但却是最影响一个PPT是不是“好看”又“好读”的环节。我给大家两个技巧,很简单,但是超级实用:(1)要对PPT上的元素进行“组合”因为一个观众去读PPT上的内容时,你要尽量让他一看就知道内容与内容之间的关系**,要有清晰的“分层”,例如,下面这一页PPT就是没有经过清晰“分层”的,你会发现很难读、很杂乱:img但是如果通过一些“底色”、“方框”把属于同一个子主题的要素圈在一起,就会显得清晰很多:img(2)常见PPT设计要素经常汇总和收集一些常见的PPT设计要素,市面上也有一些PPT插件提供这些常见的设计要素,具体大家直接百度找一找就好,可以省去大量自己整理的时间。img
最后,做PPT的目的是“好读”加“好看”,而且
“好读”的优先级远远高于“好看”
。而且提升PPT技能最好的方法,就是定期进行总结和归类,把你做过的一些同一类型(内容和布局上类似)的PPT放到一起,时间久了,你脑子里就会有一套万能的“模板库”,一想到要表达什么内容,就会马上弹出来几页似曾相识的PPT,那你的PPT技术就炉火纯青了。

**https://www.zhihu.com/question/345405596/answer/1938609930)

八、如何把一页 PPT 做得又拥挤又清楚?

作者:小木Arvin
链接:https://www.zhihu.com/question/345405596/answer/1584752592
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

作为一个专业的P圈打工人,我隔三差五地就能收到一些拥挤到令人痔息的PPT。

就比如下面这个:

img

img

img

像这种拥挤得令人闻风丧胆的PPT,其实只需两招就能快速见效:

  • 让元素看起来更“轻”一些
  • 让元素之间保持间距

先看一下我根据这两招修改出来的版面:

img

img

img

你可以看到比起原来凌乱的版面,修改后的版面简洁清爽了很多,有一股刚割完痔疮般的轻快感。

现在问题来了,这两招到底是怎么起作用的?反正不只是因为配色~

以下是详细分析。

▎让元素看起来更“轻”一些

先科普一个设计名词:视重,意思就是平面上的任何元素都是有“重量”的。

比如,颜色深的比颜色浅的要重:

img

面积大的比面积小的要重:

img

密度大的比密度小的要重:

img

……

知道了「视重」这个概念有啥用?不慌,先看几个例子。

告诉我,下面哪张PPT看起来更简洁一些?

img

img

很明显,虽然两张PPT的文字看着都很拥挤,但是相对来说,字体笔画较细的那张看起来就是更简洁,原因就是细笔画比粗笔画看着更“轻”。

再看一个例子,下面哪张PPT看着更简洁?

img

img

img

答案还是很明显,色块颜色最淡的那页看着最简洁。

通过以上例子,现在你再来看那些原稿,还能不能看出问题所在?

img

img

  • 图表以及文字所占的面积过大;
  • 过多地使用深色、彩色;
  • 加粗的笔画提升了文字的密度;

以上这些问题无一不是在加重元素的“视重”,所以页面看起来才会显得很拥挤。

现在你再来看看我修改后的版本,你会发现我只是凭借“视重”的理论,尽量改善了以上问题而已:

img

img

  • 缩小图表以及文字字号;
  • 把深色换成浅色,把彩色换成单色;
  • 取消部分文字的加粗效果

看到这里,现在能明白“让元素看起来更轻”这个原则的用意所在了吧?

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以添加V获取:vip1024b (备注Go)
img

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
g](https://i-blog.csdnimg.cn/blog_migrate/d3583a05f0642b92a70e496b5d0808a3.png)

img

  • 缩小图表以及文字字号;
  • 把深色换成浅色,把彩色换成单色;
  • 取消部分文字的加粗效果

看到这里,现在能明白“让元素看起来更轻”这个原则的用意所在了吧?

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以添加V获取:vip1024b (备注Go)
[外链图片转存中…(img-B4jEMBpE-1713615756941)]

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 23
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap Treeview 和 Bootstrap 分栏可以很容易地结合使用,以创建一个具有多级层次结构的导航菜单。 下面是一个简单的示例: ```html <div class="container"> <div class="row"> <div class="col-md-4"> <div id="treeview"></div> </div> <div class="col-md-8"> <h1>Content</h1> </div> </div> </div> ``` 在这个示例中,我们使用了 Bootstrap 的分栏组件来创建一个两列布局。左侧列占据了 4 个网格,右侧列占据了 8 个网格。 左侧列中的 div 元素使用了 id="treeview" 属性,这是我们将要使用 Bootstrap Treeview 插件渲染的容器。 接下来,我们需要引入 Bootstrap 和 Bootstrap Treeview 的 CSS 和 JavaScript 文件,并在 JavaScript 中初始化 Treeview 插件: ```html <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-treeview/1.2.0/bootstrap-treeview.min.css"> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-treeview/1.2.0/bootstrap-treeview.min.js"></script> <script> $(function() { var data = [ { text: 'Parent 1', nodes: [ { text: 'Child 1', nodes: [ { text: 'Grandchild 1' }, { text: 'Grandchild 2' } ] }, { text: 'Child 2' } ] }, { text: 'Parent 2' }, { text: 'Parent 3' } ]; $('#treeview').treeview({data: data}); }); </script> ``` 在这个示例中,我们创建了一个包含多级层次结构的数据对象,并将其传递给 Treeview 插件的 data 选项。 最后,我们在 JavaScript 中使用 $('#treeview').treeview({data: data}) 方法将 Treeview 插件应用于 id="treeview" 的 div 元素。 这样,我们就可以在左侧列中创建一个具有多级层次结构的导航菜单,而右侧列中可以放置任何内容,例如显示所选菜单项的详细信息、表单等等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值