微信扫码观看全套Excel、Word、PPT视频

作者:宋雪贤  来源:PPT进化论(ID:PPTjinhualun)

哈喽,大家好,不知道您看过《我花了3个小时,为京东修改了一份PPT,效果好到惊人!》这篇案例修改文章没?今天小编再次为的大家带来一篇关于网易案例修改文章,希望大家能喜欢!

首先介绍一下这两种超酷的排版法,它们分别是中心环绕式排版法和卡片式排版法。

然后看看需要修改案例的原稿:

这是修改后:

希望通过这样的形式,能够帮助各位巩固之前所学到的排版方法,从而打牢基础!

话不多说,咱们直接开改!

这是一份网易大数据的 PPT。由于原稿的页面太多,这里我只挑选了 5 个比较典型的页面进行了修改!

老规矩,在正式修改之前,需要拟定一下这套 PPT 的基本设计规范。

01

字体使用规范

第一,是字体使用规范

原稿为了渲染大数据动感的氛围,对标题字都使用了 PPT 自带的斜体效果:

这样做是不可取的,因为 PPT 中自带的「倾斜」功能,倾斜角度过大,会破坏字体原本的字型结构。给人的感觉不是动感,而是字体要倒了的错觉。

而正确且最便捷的做法就是,使用一款本身就倾斜的字体,比如演示斜黑体和腾讯体可以看一下这两款字体和 PPT 斜体效果的对比:

看出差距了吗?

考虑到腾讯体是腾讯的品牌字体,所以这套幻灯片中我们可以使用演示斜黑体作为标题字体:

02

主题色的确定

第二,是主题色的确定。

这个很简单,我们可以打开网易大数据的官网,从官网上取色:

03

标题、正文位置的确定

第三,是标题、正文位置的确定。

这样做的目的,是为了保证整套幻灯片看起来更加的统一我特意表明了参考线的数值,大家可以作为参考。

04

修饰性元素的确定

第四,是一些装饰性元素的确定。

因为原稿和网易大数据的官网,多为浅色背景。为了贴合品牌的调性,我在修改稿中使用了白色背景。

不过为了避免页面单调,以及让页面体现出大数据的科技感。我对正文页面的标题栏,添加了折线修饰:

还有在页面下方添加一些科技漂浮粒子:

明确了设计规范,接下来,咱们进入单页 PPT 的修改。

第一页:封面页

除了标题使用了斜体效果,破坏了字体原有的字型结构,背景图片对标题文字也有着很大的干扰,阅读会有障碍。

图片选用企业大楼,也不是很合适,并没有体现出数据这一概念。

那么,封面该怎么改呢?

我们可以在背景上使用大面积的渐变色,同时为让标题排版显得更有创意,可以让标题文字错位:

接着,利用英文来填补标题空缺:

再通过一些渐变线条来增强页面的动感,并添加上企业 logo:

最后,我们可以在摄图网上找一张与数据相关的背景图片,假如就这张了:

将其置于页面底层,作为封面的背景图片:

搞定!

第二页:目录页

目录页的排版很常规,由于内容都在页面中部,背景又是浅色,导致页面四周会很空。

先来匹配之前所拟定装饰性元素:

虽然好了很多,但两侧空洞的问题仍然存在。所以我们可以变换一种排版的样式,并添加相应的小图标:

到这儿呢,其实已经可以了,不过为了让页面显得更加饱满,我们可以添加一些圆形线条修饰:

第三页:产品集合页

为了在有限的页面空间中,摆放这么多的文字内容,原稿采用了卡片式的排版法,这一点很不错!

虽然用了卡片排版的形式,但视觉效果却依旧凌乱,主要有这几个原因:

针对上面的问题,咱们着手进行修改。

先根据内容的多少,来绘制卡片,注意避免原稿存在的问题:

将内容放置到相应的卡片中,注意文字要对齐,行与行之间用虚线间隔:

接着,我们可以用色块来凸显卡片的标题:

最后,为了让卡片之间的界限更加的明显,我们可以卡片统一改为圆角,就像这样:

由于色块的大小不一,有些朋友不知道改如何统一圆角的弧度。

其实很简单,不需要手动调整,借助英豪插件(LvyhTools)中的圆角工具,只需 1 秒,就能搞定:

第四页:名词解释页

原稿中使用了很多模糊不清的 logo,而且 logo 的样式也十分老旧。

该怎么改呢?

首先我们要做的,就是更新原稿中老旧的企业标识:

接着是排版形式,针对这种总分型的页面,最好用的排版方法什么呢?

没错,中心环绕式排版法!

我画了一个大致的图示,就长这样:

接着,按着这个图示,进行页面的排版:

还不错,对吗?

但现在页面缺乏一些科技感。要解决这个问题也很简单,我们把底部的圆形色块,换成科技球体即可:

基于这个页面,我又改了一版,通过改变线条的环绕方式,让页面看起来更有空间感:

是不是很赞呢?

第五页:产品介绍页

乍一看,觉得这个页面做的还挺有创意的,页面右侧借助形状,再配合手机样机,形成一定的空间错觉。

不过这种设计风格有些过时,用在大数据 PPT 中并不合适。

另外,原稿中手机截图中的颜色有些杂乱,与页面风格并不匹配。

而且,页面左侧排版也很不规范,没有明晰的阅读顺序,导致阅读体验很差。

明确了问题,那又该怎么修改呢?

首先,替换原稿中产品的样机,打开网易有数的官网,我们可以从中提取到更加高端的产品样机:

由于样机并不完整,我们利用卡片式排版法,将页面布局成这样:

考虑到产品介绍中,有一段文字较多。我们可以加大中间的卡片的宽度,从而保证页面的视觉对称:

最后,把文本信息填充的相应的卡片中,为了避免部分卡片底部太空,还可以将科技漂浮粒子置于卡片的上方:

注意观察页面底部。

好了,到这儿,这 5 张页面就全部搞定啦!再看一下整体效果:

对于正文页的排版,主要使用了我之前所总结的 2 种方法。不知道你看完这篇文章,有没有让你掌握的更加牢固呢?

最后,喜欢这篇文章话,就给我点个在看吧!

PPT教程文章推荐

做PPT图文排版没思路?打破常规,按这28种版式来,绝对靠谱!

PPT图表最强攻略:这样做PPT图表,也太好看了吧!领导都赞不绝口!

PPT表格除了数据展示,还可以有更劲爆的玩法,让人拍案叫绝!

PPT设计时间轴,还在傻乎乎用箭头?教你3招,效果“屌”炸天!

点击“

修改背景图片_我花了5小时,为网易修改了一份内容超多的PPT,效果超级赞!!...相关推荐

  1. idae怎么修改背景图片

    idea怎么修改背景图片 ​ 不用下载插件!不用改什么快捷键!!简单三步到位!! ​ 不用下载插件!不用改什么快捷键!!简单三步到位!! ​ 不用下载插件!不用改什么快捷键!!简单三步到位!! 第一步 ...

  2. JS——修改背景图片

    问题描述 使用JS修改元素的背景图片 解决方法 1 使用 css() 给元素添加背景图片 这种方法添加的样式优先级相当于行内样式,会覆盖掉优先级比他低的样式 代码如下: $("css选择器& ...

  3. Android Studio下载插件 修改背景图片

    闲得蛋疼,就想给android studio折腾点有意思的东西,感觉这个修改背景图片的插件不错,而且是官方推出的,所以分享一下,让大家都玩玩.. 打开Android Studio软件,点击File-& ...

  4. Ubuntu18.04.5深度定制主题,修改背景图片壁纸开机动画,完美去掉默认背景紫色

    Ubuntu18.04.5深度定制主题,修改背景图片壁纸开机动画,完美去掉默认背景紫色 问题描述 修改后的效果 详细操作步骤 0. 准备图片 1. 修改背景:grub引导启动界面(一般系统不显示可跳过 ...

  5. Visual Studio Code 2019 修改背景图片教程

    Visual Studio Code 2019 修改背景图片教程 本人属于写代码不改背景难受的那种人,使用IDEA java开发一年左右后 想丰富个人代码能力被同学推荐使用VScode有的同学也想体验 ...

  6. vue动态设置style属性修改背景图片

    原始class属性设置背景样式 .bannerP {position: absolute;top: 0;left: 2.96rem;right: 0;bottom: 0;background: url ...

  7. opencv中的美图技巧(祛斑,词云,风格迁移,抠图,插图,修改背景,图片二维码)等着你的女朋友夸你吧

    个人ps 没掌握得怎么好,尝试用程序来完成ps的功能吧. 有斑点怎么办:祛斑. 只有一张城市白天图,像生成黑夜图怎么办,用风格迁移把. 人物抠图就不说啦吧. 没钱带女友旅游世界怎么办,我教你修改你背景 ...

  8. html怎么添加背景图片_万能的产品介绍PPT页面是怎么炼成的?

    大家好,我是A君,分享越多,快乐越多. 喜茶,是平时最喜欢去的地方.约上几个好友,一起芝士茗茶,或者满杯红柚,欢声笑语. 这是喜茶官网的关于原创芝士茗茶的产品介绍,那么怎么做出一个PPT产品介绍页面呢 ...

  9. IDEA 2018.3.6 修改背景图片

    如何修改IDEA的背景图片呢?(比如下面的样式) 1.单击File 2.单击Settings- 3.找到Appearance & Behavior 下面的 Appearance 单击出现以下页 ...

最新文章

  1. Altium Desgner软件,PCB设计中铺铜的作用
  2. Java学习_day009(oop):引用类型数组、继承的意义
  3. 面向对象深入:继承03——抽象类
  4. 验证用户身份Filter过滤器
  5. 30 分钟学会如何使用 Shiro
  6. 自认为有必要学习的Sql 总结,积累 mybatis
  7. jwt令牌_JWT令牌的秘密轮换
  8. rust笔记6 枚举类型
  9. HDOJ 1106 排序
  10. 每日一记:2017.12.1
  11. 【ATSC】美国第二大有线电视公司-Charter
  12. 高考过后,请问诸生接下来为什么而读书?
  13. cesium获取坐标及高程
  14. C++ - 整数反转
  15. 道与术 渠道以及通信方式的架构设计
  16. android开发截屏代码,android截屏代码:C++实现
  17. TPLINK免驱版网卡插上后无法识别到CD驱动器怎么办?
  18. 什么是计算机动画设计,什么是计算机动画制作
  19. 第六届360前端星计划_前端工程化浅析
  20. 面试杂谈 - 面试难,应聘难,好工作,今安在?

热门文章

  1. linux中常用的shell脚本,Linux常用shell脚本
  2. 3.6.4python下载安装教程_python 3.6.4安装教程
  3. Linux修改开机启动logo
  4. antd vue form 手动校验_参与《开课吧》vue训练营笔记(Day1)
  5. 香肠派对电脑版_《香肠派对》是不是除了《和平精英》最成功的吃鸡手游:靠恶搞火了?...
  6. 【转】ABP源码分析二十五:EventBus
  7. 【转】分布式websocket服务器
  8. Web服务器控件和HTML控件的区别与联系
  9. C#的变迁史04 - C# 4.0 之多线程篇
  10. C# 有什么惊艳到你的地方?