修改背景图片_我花了5小时,为网易修改了一份内容超多的PPT,效果超级赞!!...
微信扫码观看全套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,效果超级赞!!...相关推荐
- idae怎么修改背景图片
idea怎么修改背景图片 不用下载插件!不用改什么快捷键!!简单三步到位!! 不用下载插件!不用改什么快捷键!!简单三步到位!! 不用下载插件!不用改什么快捷键!!简单三步到位!! 第一步 ...
- JS——修改背景图片
问题描述 使用JS修改元素的背景图片 解决方法 1 使用 css() 给元素添加背景图片 这种方法添加的样式优先级相当于行内样式,会覆盖掉优先级比他低的样式 代码如下: $("css选择器& ...
- Android Studio下载插件 修改背景图片
闲得蛋疼,就想给android studio折腾点有意思的东西,感觉这个修改背景图片的插件不错,而且是官方推出的,所以分享一下,让大家都玩玩.. 打开Android Studio软件,点击File-& ...
- Ubuntu18.04.5深度定制主题,修改背景图片壁纸开机动画,完美去掉默认背景紫色
Ubuntu18.04.5深度定制主题,修改背景图片壁纸开机动画,完美去掉默认背景紫色 问题描述 修改后的效果 详细操作步骤 0. 准备图片 1. 修改背景:grub引导启动界面(一般系统不显示可跳过 ...
- Visual Studio Code 2019 修改背景图片教程
Visual Studio Code 2019 修改背景图片教程 本人属于写代码不改背景难受的那种人,使用IDEA java开发一年左右后 想丰富个人代码能力被同学推荐使用VScode有的同学也想体验 ...
- vue动态设置style属性修改背景图片
原始class属性设置背景样式 .bannerP {position: absolute;top: 0;left: 2.96rem;right: 0;bottom: 0;background: url ...
- opencv中的美图技巧(祛斑,词云,风格迁移,抠图,插图,修改背景,图片二维码)等着你的女朋友夸你吧
个人ps 没掌握得怎么好,尝试用程序来完成ps的功能吧. 有斑点怎么办:祛斑. 只有一张城市白天图,像生成黑夜图怎么办,用风格迁移把. 人物抠图就不说啦吧. 没钱带女友旅游世界怎么办,我教你修改你背景 ...
- html怎么添加背景图片_万能的产品介绍PPT页面是怎么炼成的?
大家好,我是A君,分享越多,快乐越多. 喜茶,是平时最喜欢去的地方.约上几个好友,一起芝士茗茶,或者满杯红柚,欢声笑语. 这是喜茶官网的关于原创芝士茗茶的产品介绍,那么怎么做出一个PPT产品介绍页面呢 ...
- IDEA 2018.3.6 修改背景图片
如何修改IDEA的背景图片呢?(比如下面的样式) 1.单击File 2.单击Settings- 3.找到Appearance & Behavior 下面的 Appearance 单击出现以下页 ...
最新文章
- Altium Desgner软件,PCB设计中铺铜的作用
- Java学习_day009(oop):引用类型数组、继承的意义
- 面向对象深入:继承03——抽象类
- 验证用户身份Filter过滤器
- 30 分钟学会如何使用 Shiro
- 自认为有必要学习的Sql 总结,积累 mybatis
- jwt令牌_JWT令牌的秘密轮换
- rust笔记6 枚举类型
- HDOJ 1106 排序
- 每日一记:2017.12.1
- 【ATSC】美国第二大有线电视公司-Charter
- 高考过后,请问诸生接下来为什么而读书?
- cesium获取坐标及高程
- C++ - 整数反转
- 道与术 渠道以及通信方式的架构设计
- android开发截屏代码,android截屏代码:C++实现
- TPLINK免驱版网卡插上后无法识别到CD驱动器怎么办?
- 什么是计算机动画设计,什么是计算机动画制作
- 第六届360前端星计划_前端工程化浅析
- 面试杂谈 - 面试难,应聘难,好工作,今安在?
热门文章
- linux中常用的shell脚本,Linux常用shell脚本
- 3.6.4python下载安装教程_python 3.6.4安装教程
- Linux修改开机启动logo
- antd vue form 手动校验_参与《开课吧》vue训练营笔记(Day1)
- 香肠派对电脑版_《香肠派对》是不是除了《和平精英》最成功的吃鸡手游:靠恶搞火了?...
- 【转】ABP源码分析二十五:EventBus
- 【转】分布式websocket服务器
- Web服务器控件和HTML控件的区别与联系
- C#的变迁史04 - C# 4.0 之多线程篇
- C# 有什么惊艳到你的地方?