苹果官网一直以其极简的风格为大家所熟知,相信不少设计师也研究过苹果官网的风格:
如今国内一些手机大厂的官网,也能看到苹果官网的影子,那它到底魅力何在?
今天这篇文章呢,我们就来探究一下,盘点那些我们能用在PPT中的设计技巧。
文末可以免费领取苹果发布会PPT哦~
图文三分法则在苹果官网中,图文排版看着都很有高级舒适:
一是有高质感的配图,二是图文的结构大都符合三分法则:
什么是三分法则呢?这是一种在摄影、绘画、设计中经常使用的构图手段,也叫井字构图法。
就是用两条竖线和两条横线将画面均匀分割,把主体放置在分界线或交点上:
又或将画面均匀分作三份,图片主体占据其中1/3 或2/3 的空间,其余空间用于排版文字:
我们多截几张图看看:
怎么样,是不是看起来简洁,但却不简单~
那在PPT中,如何运用三分构图的手段呢?
我们通过例子来讲解一下,比如想做一张全图封面:
在裁剪底图时,就可以将山体移至下方 1/3 区域,人物位于交点处,标题则可以放在上方分界线上:
这样的页面布局就符合了三分构图法,标题和人物都处于吸睛的位置:
如果图片中有比较明显的水平线,像这样:
那我们就可以让水平线与页面下方分界线重合:
文案则可以放在上方的 1/3 区域,页面整体效果就比较通透舒适:
还有这样的产品介绍页面:
可以将底图均匀分为三部分:
笔记本电脑占据上方 2/3 空间,文案则排版在下方 1/3 的区域,这样的布局更为合理好看:
邻近色渐变苹果官网中,有不少渐变色填充的文字和色块,看起来流畅舒适:
仔细观察可以发现,这些渐变色选取的色相,彼此之间都是邻近色(色环中圆心角 60° 范围内的颜色)。
像蓝色和青色的渐变,绿色和黄色的渐变:
还有这样橙色和红色、粉色和紫色的渐变:
邻近色之间的对比不强烈,渐变效果也就比较流畅舒适,没有冲突感:
所以想要在页面使用多色渐变,我们就可以考虑使用邻近色的渐变。
比如这页四段内容的 PPT,色彩比较单调,如何可以丰富一点呢?
我们可以借用 Adobe Color 配色工具,获取想要的邻近色:
像这样,生成紫色的四种邻近色:
将它们两两组成渐变,应用到页面元素中,这样色彩丰富也不会违和:
此外,在图表中适合使用邻近色,区分开了各块区域,在视觉上也不会有冲突感:
文字排版技巧苹果官网的简约高级感,除了它的高质量渲染图,也不可以忽视文字的排版的细节:
首先是比较明显的文字对比,比如这一页中,通过文字大小和不同颜色的对比,来突出重点:
或是用不同深浅的颜色来区分主次:
文字对比的好处就是能让信息重点突出,带来阅读的便利。
然后是段落与段落间的距离保持一致:
而且段落间的距离要大于行距:
还有中文与英文、中文与数字之间需要加个空格:
等等~这些都是排版段落文字时,需要注意到的一些细节。
按照上面提到的文字排版细节,我们来处理这样一张大段文字页面:
文字分段时,保持段落间距一致,段落间的距离要大于行距,中文与数字之间留有空格:
用不同颜色来区分主次,突出信息:
这样页面整体的信息层级会更为清晰,一定程度降低阅读的门槛:
好了,一口气讲这么多,福利资源准备好了~大家可以下载后拆解一下。
感兴趣的朋友,领取方式在这 ↓ ↓ ↓
点个赞吧~