知识精选知识精选
  • 首页
  • 专题
  • 博客
  • 导航
  • 注册 登录
立即登录
0文章
0评论
0获赞
  • 首页
  • 专题
  • 博客
  • 导航
我的主页 › 技能 › PPT教程 › 我从小米官网学到的一个PPT排版设计技巧,超好用!
#PPT教程#

我从小米官网学到的一个PPT排版设计技巧,超好用!

2年前
842 0 0

编者按:本文来自微信公众号旁门左道PPT(id:pangmenzd) ,作者 邵云蛟,知识精选经授权发布。

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

前几天,在制作旁门左道PPT文章导航页时,参考了一些网页设计的思路。在这个过程中,很明显地能感受到,其实很多的网页设计,都有一些共同的特征。

比如咱们看下小米的官网首页:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

还有像OPPO的官网:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

当然,还有其它的网页设计,它们的共同的特征,都是卡片式布局。通过卡片的使用,对页面进行模块化展现,这样一来,不管每一模块的内容是多是少,都可以很规整地将其呈现出来。

不得不说,这的确是一个很好的设计手法。

而且,如果你经常浏览一些设计网站,就会发现,在很多页面的设计中,都会使用到这个方法:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

但其实你知道吗?在 PPT 设计中,当进行多段落排版时,我们同样可以使用卡片化排版,而且,效果还不错。

那么,问题来了,PPT设计中该如何利用这个方法进行排版呢?

如果想要搞清楚这个点,那么,咱们就必须先来理解,到底什么是『卡片化排版』呢?

专业一点解释就是,将页面上层级相同的内容,进行结构化的视觉呈现。

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

我画了一个简单的示意图

不理解也没关系,我们来看一个案例,相信你就能明白。

比如咱们看到这样的一页内容:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

当我们想要进行卡片化排版时,可以先把层级结构梳理出来,这一步不可或缺。从内容可知,这里分为两个层级,对于同一层级的内容,我们选用相应的颜色和字号:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

接下来,我们基于亲密性原则,使用形状卡片,将同一类内容放在一起:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

最后,我们再来做一些修饰,使用图片来丰富页面视觉效果即可:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

明白了吗?

这就是完整的排版流程,先来梳理层级结构,再来进行卡片布局,最后,完成内容置入即可。

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

可能有些读者仍旧会有疑问,我们在进行PPT排版时,为什么要进行『卡片化呈现』呢?

很简单,两个原因:

  • 可以让页面更加干净整洁,避免杂乱;

  • 可以让内容的结构更加清晰;

好了,当我们了解了这些点之后,咱们回到最初的问题,在PPT设计中,该如何进行模块化呈现呢?

通过两个实际案例,一起来理解一下。

案例一

咱们来看这样的一页文字内容,属于典型的产品介绍,需要重点凸显的部分,已经做变色处理:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

同样地,在进行卡片化排版之前,先来对内容的层级结构进行梳理:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

接下来,我们为了能够更进一步体现产品特征,可以找到相关的产品图:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

但现在页面标题内容与产品图之间的关联性较弱,所以,我们可以使用形状卡片,来解决这一问题:我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

最后,把标题和背景图片放在页面上,与整体视觉风格保持一致即可:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

 

案例二

再比如像下面这个页面,典型的列表式页面,层级结构相对简单,视觉上看起来非常单调:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

首先,我们先来对文字内容进行重新排版,通过增加图标元素,来增强文字的可视化效果:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

为了能够让内容之间的视觉关系更加亲密,我们可以使用形状卡片,将内容聚合在一起:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

接下来,为了增强页面的可视化效果,我们可以基于文案内容的含义,寻找合适的背景素材,体现出市场的感觉:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

下一步,我们可以把页面上的图片进行处理,置入手机样机中,来增强场景感:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

最后,将图片放在卡片上,形成视觉穿插的感觉,而且,也可以让图片和文字形成关联:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

最后的最后,为了能够增强形状的视觉效果,添加两个光效素材进行修饰即可:

我从小米官网学到的一个PPT排版设计技巧,超好用!-知识精选

懂了吗?以后,当我们进行多段内容的排版时,就可以考虑使用这种方法,从而让页面的结构性更加清晰。

这就是今天要跟大家分享的内容,希望对各位有所启发。

0 0
邵云蛟
相关文章
别不信,掌握这3个字,你也可以在白色背景上做出惊艳的PPT!
从一张QQ音乐banner图中,我学到的一个超级好用的PPT技巧!
优秀PPT设计中,有哪些可以提升设计感的细节处理?
90%的人都会忽视的PPT配图原则,你一定要知道!
为汰渍中国做完发布会PPT,我有3条经验分享给你
35页PPT,22个经典案例,教你用小图标做出拍案叫绝的PPT,机智!
定制案例复盘,我们是如何为喜玛拉雅设计PPT的?
小米又开发布会了,这3个PPT设计技巧,值得学习
评论 (0)
再想想
    邵云蛟
    邵云蛟投稿者
    再小的技能,也值得被认真对待。公众号:旁门左道PPT(id:pangmenzd)
    7文章 0评论 0获赞
    最新文章
    小红书KOL速成指南(7):小红书运营工具大合集(附教程)
    11月前
    小红书KOL速成指南(6):账号定位的秘密
    11月前
    每一句鸡汤背后,都有一套“商业逻辑”
    11月前
    认知的冰山
    11月前
    通过商业情报挖掘,4个维度拆解字节跳动教育产品,浅析在线教育发展历程
    11月前
    生财有术!波波老师4500字干货亲授互联网创业赚钱之道
    11月前
    20 7月, 2019
    “腾讯基因”讨论:为什么我常说做to C的人很难去做to B?
    随机一文
    • 关于我们
    • 免责申明
    • 网站地图
    Copyright © 2019-2021 知识精选. Designed by nicetheme.