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

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

fce27e01aaac913f4890d54055d010fb.pngfce27e01aaac913f4890d54055d010fb.pngfce27e01aaac913f4890d54055d010fb.png

94139d160fb04174bcd5baaada43b218.png

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

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

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

bd624da7995477861a5912d1087379de.png

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

e8e8000f866469d3fb0e9028961a2d78.png

这是修改后:

b03ea36eb1da6fafc40417f2672d80cc.png

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

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

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

97a333aa5f0afa53de8be51f75f4de63.gif

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

01

字体使用规范

第一,是字体使用规范

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

1c235b82086d145928a7e898af04073e.png

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

78fe82bbd0a593f9bc8493cdfdbd4dc7.png

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

860b1324bf28c9552fe1aa037e145e3f.png

看出差距了吗?

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

e41c9c5fccc769d4a8ebf6a165f535b9.png

02

主题色的确定

第二,是主题色的确定。

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

073168a5485e4b2cef329afcc157b324.png

03

标题、正文位置的确定

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

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

1852e122ac384d3de4b00e1593b33d9c.png

04

修饰性元素的确定

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

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

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

c56fe643e5521dc17268b8e4bf95e367.png

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

84912fe2237438c2f6e9f84bc1c6513e.png

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

第一页:封面页

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

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

那么,封面该怎么改呢?

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

56999e197f574d1279b43207e039f677.png

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

cdfae0265374440d16ebccbe461dc001.png

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

0c866f38fb1402b319b4f09e905a708d.png

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

aa99dbd479629dc7e58e9fafd9fbbf48.gif

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

0cb94893e50937590fa201e2c08f7f1a.png

搞定!

第二页:目录页

383a558e5df889b5d6c9090a9d3e8192.png

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

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

d42466062b105e146c0b1930d15873c4.png

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

9c54577014b5563da7e496bea21cfb6e.png

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

82ec1793f647ab8ba5a1f5a4180f9be1.png

第三页:产品集合页

7ddbe22914aa17b809854704afd49e27.png

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

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

18343b8c99f8e45609a7f377753b9ca8.png

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

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

8bebbfb91570f690c53a74201c54ce4b.png

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

5d865987eb4673084d5844f65799b2da.png

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

c8c46bbb49bf9a0d7fd093a4fabb8281.png

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

f042b5c188c9f7dc9bcef4de527d69d6.png

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

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

01ba454ad08ec3c0ebd39ab92072310f.png

第四页:名词解释页

1b27836dc4c29e362ab682bb7626da59.png

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

该怎么改呢?

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

2f74949f71386baf0e66b1d46c595eea.png

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

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

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

5f69b8a70591e7487d66b652d8ba0eb3.png

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

f81f62fb54a6e941e06348dbd5b9658c.png

还不错,对吗?

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

c49ba0a70f0e574054844dbd4a7e16ef.png

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

83d8fbf6c0be7d3495cbf4343870f9b6.png

是不是很赞呢?

第五页:产品介绍页

8b4139201bbeaba31d939848c8be4647.png

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

667ab5a7f82a4cfa2be9817fb118b9c0.png

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

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

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

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

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

6481dba59660298fcc7d1230fd80ea0d.gif

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

3d96ef43e7c8ae0f215f6f18c967caaf.gif

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

8a8709e0f8ce3af07b9abba5361b4e88.png

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

1aa32f8a7d694dba01d8defc041c46cf.png

注意观察页面底部。

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

d481ed169e8f3da5cbb4c96b2b032aaf.png

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

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

PPT教程文章推荐

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

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

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

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

1235ba86efcebf86deb71f1bc7e98693.png

点击“

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/443270.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MySQL千万级别大表如何优化?

当MySQL单表记录数过大时,增删改查性能都会急剧下降,可以参考以下步骤来优化: 单表优化 除非单表数据未来会一直不断上涨,否则不要一开始就考虑拆分,拆分会带来逻辑、部署、运维的各种复杂度,一般以整型值…

命令测试post_【第2088期】前端中台化,把格局做大——NodeJS 和测试服务探索

前言今日早读文章由《React状态管理与同构实战》作者LucasHC投稿分享。正文从这开始~~近些年,「NodeJS 应该如何在公司业务中真实落地 」这类问题屡见不鲜。自从 2009 年 NodeJS 诞生之后,抢尽风头,圈粉无数。但一定有工程师不禁要质疑「Node…

Java 诊断工具 Arthas 常见命令

基本概念 云原生这么多微服务,当然需要一个诊断利器来排查问题。 Arthas 是阿里开源的 Java 诊断工具,深受开发者喜爱。在线排查问题,无需重启;动态跟踪 Java 代码;实时监控 JVM 状态。Arthas 支持 JDK 6&#xff0c…

28和lba48命令格式区别_编译Sass(命令行)

本文作者:开课吧无忧图文编辑:开三金sass编译有很多种方式,如命令行编译模式、编辑器自动编译、编译软件koala、sass-loader等。今天我们就先来看第一种:命令行编译刚才我在test文件夹里面已经建立了一个style.scss文件&#xff0…

子窗体中组合框联动_一张表实现组合框联动

嗨,大家中午好!最近,有网友给我私信,想要一个联动的示例,一个有关于部门联动的操作。其实关于联动的操作有很多,可以是组合框的联动,列表框联动,组合框与列表框也可以联动&#xff0…

中如何实现文字转语音_录音转文字、文字转语音,学会这一招就够了!手把手教你如何操作...

阅读文章时候想着有人可以把文章读给我听就好了,写作时想着语音直接可以转换成文字就好了,大家是不是有时会突然冒出这样的想法?七十这些看似天真的想法,还真的有办法解决,这里就手把手教你如何操作才能将的文字转换成…

图像 理想低通滤波_图像处理之滤波(下)

[toc]目录一、常规滤波低通高通带通带阻二、非局部均值滤波三、维纳滤波四、卡尔曼滤波前言所谓滤波,其实就是从混合在一起的诸多信号中提取出所需要的信号。信号的分类:确定型信号,可以表示为确定的时间函数,可确定其在任何时刻的…

泰山行宫碧霞元君祠_临清市泰山行宫碧霞元君祠5月4号(农历三月三十日)举行大型泰山奶奶接驾法会...

临清是泰山奶奶的娘家,每年的四月泰山奶奶要回临清省亲临清市道教协会定于2019年农历三月三十(5月4号星期六)于临清桑树园泰山行宫碧霞元君祠举行大型泰山奶奶迎鸾接驾庙会。届时,将有架鼓会、云龙会、狮胞会、钢叉会、高跷会、天音会、彩船会、秧歌会等…

充分条件反过来是必要条件吗_“充分必要条件”引发的现实思考

昨天看了一篇文章是介绍“充分条件和必要条件”,大致就是A能直接推导出B,那A就是B的充分条件。A不一定能推导出B,但是没A一定推导不出B,那A就是B必要条件。举个简单的例子:对你好(A)与喜欢你&am…

手机游戏降低游戏延迟的软件_怎么降低手机网络延迟(减少网络延迟的5个小技巧)...

在过去的几十年里,用户或开发人员并不担心延迟。在上世纪90年代和本世纪初,个人互联网连接速度要慢得多,因此发送请求和接收响应之间的延迟要远远小于下载完成所需的时间。如今,更高的带宽连接使下载速度更快,因此延迟…

mysql极客_极客mysql16

1.MySQL会为每个线程分配一个内存(sort_buffer)用于排序该内存大小为sort_buffer_size1>如果排序的数据量小于sort_buffer_size,排序将会在内存中完成2>如果排序数据量很大,内存中无法存下这么多数据,则会使用磁盘临时文件来辅助排序&a…

linux 测试环境启用jar_Linux下搭建测试环境

一、下载安装包https://pan.baidu.com/s/1h-Nk8HcWKKtqbjrn0J_t1g 457jJDK1.8安装包、Tomcat8安装包本文用的远程连接Linux操作系统的客户端工具为Xshell,相关使用请自行百度二、安装JDK1、先检查该环境是否已经安装过jdk。输入java -version。如果有,…

代码中 密码存储_你还记得浏览器自动存储的密码吗?用js代码恢复一下记忆吧...

哈喽大家好我是无知便是罪专注于收集和分享互联网上不为人知的好东西正常来说我们的手机和浏览器都有一个非常实用的功能就是可以自动的加密存储我们的常用密码了然后呢在我们需要的时候呢它可以自动填入进来非常非常的省时省力不过呢这种功能的我们用久了就很容易忘记自己当初…

diff算法阮一峰_【重学数据结构与算法(JS)】字符串匹配算法(三)——BM算法

前言文章的一开头,还是要强调下字符串匹配的思路将模式串和主串进行比较从前往后比较从后往前比较2. 匹配时,比较主串和模式串的下一个位置3. 失配时,在模式串中寻找一个合适的位置如果找到,从这个位置开始与主串当前失配位置进行比较如果未找…

python input 拖入路径 去除转义 空格_python学习笔记(基础-2)(转载)

1.输出用print()在括号中加上字符串,就可以向屏幕上输出指定的文字。2.输入如果要让用户从电脑输入一些字符怎么办?Python提供了一个input(),可以让用户输入字符串,并存放到一个变量里。输入是Input,输出是Output&…

mysql和mdy_Liunx下安装MySql

1.安装数据库:执行命令 yum -y install mysql-server2.启动数据库:安装完毕,执行命令service mysqld start3.登录数据库:mysql -u root -p回车后输入密码(mysql的默认用户名是root,密码为空)4.使用数据库:登…

python websocket服务器https_Socket与WebSocket以及http与https重新总结

Socket与WebSocket以及http与https重新总结一.Socket网络中的Socket是一个抽象的接口 ,而是为了方便使用TCP或UDP而抽象出来的一层 ,可以理解为网络中连接的两端。通常被叫做套接字接口.二.WebSocketWebSocket就是其中一种,是为了创建一种双向…

java button中文乱码_java解决中文乱码的几种写法

工作中总会遇到中文乱码问题,以导出文件,文件名称是中文的话,下载下来的文件名称会乱码问题,总结了几种解决文件名乱码的写法,仅供参考。首先定义一个汉语字符串String zhName "错误码模板";一、java.net.U…

java铝轮_为速度而生 JAVA Fuoco铝合金气动公路

人类在追求速度的历史上一直在不断创新,从两个轮子的自行车,到四个轮字的汽车,再到螺旋桨的飞机,追求速度是人类与生俱来的天性。就如同公路车的用途非常多,综合型公路车、耐力型公路车、爬坡型公路车,但唯…

java excel中删除两列_Java 插入、隐藏/显示、删除Excel行或列

概述操作Excel工作表时,对表格中的行或列数据可执行,包括插入、隐藏、显示、删除等在内的多种操作需求,本文将通过Java代码示例演示每种操作的具体实现方法。文中方法使用了Java Excel类库(Free Spire.XLS for Java 免费版),可通过…