苹果的工业设计为何如此优秀(刷屏了的苹果极简风)

生活 生活 更新时间: 2024-07-07 20:54:30

苹果官网一直以其极简的风格为大家所熟知,相信不少设计师也研究过苹果官网的风格:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)1

如今国内一些手机大厂的官网,也能看到苹果官网的影子,那它到底魅力何在?

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)2

今天这篇文章呢,我们就来探究一下,盘点那些我们能用在PPT中的设计技巧。

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)3

文末可以免费领取苹果发布会PPT哦~

图文三分法则

在苹果官网中,图文排版看着都很有高级舒适:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)4

一是有高质感的配图,二是图文的结构大都符合三分法则:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)5

什么是三分法则呢?这是一种在摄影、绘画、设计中经常使用的构图手段,也叫井字构图法。

就是用两条竖线和两条横线将画面均匀分割,把主体放置在分界线或交点上:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)6

又或将画面均匀分作三份,图片主体占据其中1/3 或2/3 的空间,其余空间用于排版文字:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)7

我们多截几张图看看:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)8

怎么样,是不是看起来简洁,但却不简单~

那在PPT中,如何运用三分构图的手段呢?

我们通过例子来讲解一下,比如想做一张全图封面:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)9

在裁剪底图时,就可以将山体移至下方 1/3 区域,人物位于交点处,标题则可以放在上方分界线上:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)10

这样的页面布局就符合了三分构图法,标题和人物都处于吸睛的位置:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)11

如果图片中有比较明显的水平线,像这样:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)12

那我们就可以让水平线与页面下方分界线重合:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)13

文案则可以放在上方的 1/3 区域,页面整体效果就比较通透舒适:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)14

还有这样的产品介绍页面:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)15

可以将底图均匀分为三部分:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)16

笔记本电脑占据上方 2/3 空间,文案则排版在下方 1/3 的区域,这样的布局更为合理好看:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)17

邻近色渐变

苹果官网中,有不少渐变色填充的文字和色块,看起来流畅舒适:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)18

仔细观察可以发现,这些渐变色选取的色相,彼此之间都是邻近色(色环中圆心角 60° 范围内的颜色)。

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)19

像蓝色和青色的渐变,绿色和黄色的渐变:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)20

还有这样橙色和红色、粉色和紫色的渐变:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)21

邻近色之间的对比不强烈,渐变效果也就比较流畅舒适,没有冲突感:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)22

所以想要在页面使用多色渐变,我们就可以考虑使用邻近色的渐变。

比如这页四段内容的 PPT,色彩比较单调,如何可以丰富一点呢?

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)23

我们可以借用 Adobe Color 配色工具,获取想要的邻近色:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)24

像这样,生成紫色的四种邻近色:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)25

将它们两两组成渐变,应用到页面元素中,这样色彩丰富也不会违和:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)26

此外,在图表中适合使用邻近色,区分开了各块区域,在视觉上也不会有冲突感:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)27

文字排版技巧

苹果官网的简约高级感,除了它的高质量渲染图,也不可以忽视文字的排版的细节:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)28

首先是比较明显的文字对比,比如这一页中,通过文字大小和不同颜色的对比,来突出重点:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)29

或是用不同深浅的颜色来区分主次:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)30

文字对比的好处就是能让信息重点突出,带来阅读的便利。

然后是段落与段落间的距离保持一致:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)31

而且段落间的距离要大于行距:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)32

还有中文与英文、中文与数字之间需要加个空格:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)33

等等~这些都是排版段落文字时,需要注意到的一些细节。

按照上面提到的文字排版细节,我们来处理这样一张大段文字页面:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)34

文字分段时,保持段落间距一致,段落间的距离要大于行距,中文与数字之间留有空格:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)35

用不同颜色来区分主次,突出信息:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)36

这样页面整体的信息层级会更为清晰,一定程度降低阅读的门槛:

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)37

好了,一口气讲这么多,福利资源准备好了~大家可以下载后拆解一下。

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)38

感兴趣的朋友,领取方式在这 ↓ ↓ ↓

苹果的工业设计为何如此优秀(刷屏了的苹果极简风)39

点个赞吧~

,