我昨天一打开微博,这个平台就在各种疯狂暗示我:有手机一加12的发布会!
![](http://k.sinaimg.cn/n/sinakd20231206s/798/w640h958/20231206/c864-8cca6c223f404cbd2c5b62656560c974.jpg/w700d1q75cms.jpg)
而且这个发布会还登上了热搜?
![](http://k.sinaimg.cn/n/sinakd20231206s/700/w640h860/20231206/a15d-6e26adf14ae00126d186ad4b946609e5.jpg/w700d1q75cms.jpg)
于是带着好奇,我昨天下午也点进了发布会的直播间,
![](http://k.sinaimg.cn/n/sinakd20231206s/257/w640h417/20231206/f76e-539676f135ee498917bfe030f75ca917.jpg/w700d1q75cms.jpg)
想不到,这场发布会居然长达两个半小时。
当然,作为一个PPT设计师,最关注的当然还是这次一加发布会的PPT啦!
整体来说,走的极简风,没有花里胡哨的修饰,颜色也是经典黑白配。
![](http://k.sinaimg.cn/n/sinakd20231206s/22/w640h182/20231206/5797-7327c91a455591b94a5a15c4b67a4950.png/w700d1q75cms.jpg)
你要是问我有没有值得学习的地方?当然是有的!
可以说,这次一加的发布会PPT,在图片处理方面还是值得学习的,跟大家分享3点:
1、卡片式排版
在这次发布会PPT里,有一些多图排版,我个人觉得还是不错的。就像这张:
![](http://k.sinaimg.cn/n/sinakd20231206s/110/w640h270/20231206/958d-34eedcad564029770a3902b9e7078dc5.png/w700d1q75cms.jpg)
或者这张:
![](http://k.sinaimg.cn/n/sinakd20231206s/63/w640h223/20231206/672e-f26ee0730fa8170f6c2e0c8331da74ea.png/w700d1q75cms.jpg)
当你在PPT里需要放很多张图片的时候,你就可以采用这种简单又立显高级的排版方法。
我称它为卡片式排版。
那么,什么是卡片式排版法呢?
![](http://k.sinaimg.cn/n/sinakd20231206s/197/w640h357/20231206/96f6-3b0f9e7a66c9f0689679b0470ee7bdbe.jpg/w700d1q75cms.jpg)
理解起来很简单,就是在页面中画几个色块,用来承载页面中不同的内容。
为了让你更容易去理解什么是卡片式排版法,咱们一起来看几个案例。
其实这种排版方法还挺常见的,比如网页设计:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/b647-18bfe77da9f21eb4105e3a4b6b00760b.jpg/w700d1q75cms.jpg)
手机系统的界面设计:
就连之前的苹果发布会中,也用到过这个排版方法:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/7277-63c248ad2dbcaaca67671370e567272b.jpg/w700d1q75cms.jpg)
那么这个卡片式排版,如何做呢?
第一,卡片之间一定要错落摆放。
先来看一张图示对比:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/8be7-d91c33f41c2753e3b88670d7bd6cd81c.jpg/w700d1q75cms.jpg)
很显然,错落摆放的页面会显得更有创意,对吗?
第二,卡片之间的间距要相等
这是使用这种排版方法,最基本的要求。
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/4a2a-bae4c523e8fded2e119c0fa5a109496c.jpg/w700d1q75cms.jpg)
间距相等,不仅要求卡片的横向间距相等,其纵向间距也要和横向间距保持一致:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/c0a4-1b10e4d4af448cc9efa6cdfe0b106d30.jpg/w700d1q75cms.jpg)
最后就是,卡片内要有合理的留白:
可能有些朋友不明白是什么意思,简单来说,就是内部信息与卡片边界保留一定的距离。
![](http://k.sinaimg.cn/n/sinakd20231206s/195/w639h356/20231206/5f29-gifddcb410e9e65c8936af7f4efe055d029.gif/w700d1q75cms.jpg)
给大家看一个案例。
这是改之前:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/056d-a103d7130619e95f3704e7179b527db8.png/w700d1q75cms.jpg)
这是用卡片式排版后:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/cea9-69aafa2a3864fef21e65a2cbcaeeec2f.png/w700d1q75cms.jpg)
怎么样,效果还不错吧?
文末给大家打包了这次一加12发布会的PPT,一定要读到最后哦~
2、图片弧化
![](http://k.sinaimg.cn/n/sinakd20231206s/70/w640h230/20231206/8133-5b12ce3709388622ad6ad7f0e4bb47dd.png/w700d1q75cms.jpg)
这张PPT,相信大家应该并不陌生吧?
在之前vivo的发布会,也有同款:
![](http://k.sinaimg.cn/n/sinakd20231206s/131/w640h291/20231206/60b2-d0bc5aa258758ceaac0db7bbdee0f632.png/w700d1q75cms.jpg)
这两张PPT,其实就是都用到了一个弧化处理的手法。
什么是弧化处理?给大家举个例子。
如下图,整体中规中矩,差强人意:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/9cdd-d44de43e6f2fdf99d5336b06bb33c096.png/w700d1q75cms.jpg)
我们尝试着将背景图片弧化,让平直的天际线变弯,像这样:
![](http://k.sinaimg.cn/n/sinakd20231206s/533/w853h480/20231206/f55d-gif1899d44427b47d44105e45f6cd4b649f.gif/w700d1q75cms.jpg)
这样一来视线仿佛被拉高了,有种置身地球外俯视的感觉,视觉效果立马加分不少:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/b4a4-b59f1aa80c48af4fd4fe03e9459438a8.png/w700d1q75cms.jpg)
如何来实现这个弧化效果呢?这里只需借用OK插件的弧化功能,就能一键把图片掰弯:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/8933-ee3ae7613883ae935729b853de21d14c.png/w700d1q75cms.jpg)
在设置窗口中,选择「垂直方向」,弧化大小调到100PX ,然后点击「执行弧化」即可:
![](http://k.sinaimg.cn/n/sinakd20231206s/86/w1079h607/20231206/fb24-gif94b9f1a4dc907b8043bdf21184bc98a2.gif/w700d1q75cms.jpg)
一般像这些拥有天际线的背景图片,弧化弯曲后,效果都挺不错的:
![](http://k.sinaimg.cn/n/sinakd20231206s/533/w853h480/20231206/ce37-gif41ad6528c8fce5215e52f8dc79b1ac3d.gif/w700d1q75cms.jpg)
3、色调处理
在多图排版上,这次一加发布会的PPT很明显连细节也注意到了。
![](http://k.sinaimg.cn/n/sinakd20231206s/67/w640h227/20231206/3c6b-7dd2b2374720d4999b7dda3fb1b163c8.png/w700d1q75cms.jpg)
![](http://k.sinaimg.cn/n/sinakd20231206s/68/w640h228/20231206/a5f8-b2f7d46ab3d617c215caf0888f75a119.png/w700d1q75cms.jpg)
大家能从这两张PPT看出来吗?里面的配图,在视觉呈现上并没有突兀感,很和谐。
这其实就得益于设计师给这些图都进行了色调的处理。如何进行色调处理呢?
只需要用到一个 【重新着色】 的功能,给大家举个例子。
比如下面这张PPT里,图片的色调各不相同,
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/010b-c869220bfe50598e06161e67d4b0cee8.png/w700d1q75cms.jpg)
这时我们就可以用重新着色功能,将所有图片处理成深蓝色调:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/ddc4-0b7974eab0081d68e4686c9161e983d1.png/w700d1q75cms.jpg)
然后结合排版可以有效避免图片中的颜色,影响整体画面的呈现:
![](http://k.sinaimg.cn/n/sinakd20231206s/200/w640h360/20231206/b7b5-679bdfbf40624b9319972f5dd20387eb.png/w700d1q75cms.jpg)
好啦,以上就是对今天一加12发布会PPT的一些看法啦!
总之,算是一个中规中矩,没啥大错误的PPT ,整体可以给到60分。
另外,我也为大家整理了这次一加12发布会的PPT,私信我【一加12】就能领取哦!
![](http://n.sinaimg.cn/finance/pc/cj/kandian/img/article_pic05.png)
4000520066 欢迎批评指正
All Rights Reserved 新浪公司 版权所有