Apple 的设计哲学：网页篇

Apple 致力于让每件产物都赏心好看，与其说官网是产物展示平台，倒不如说它是苹果产物分支的连续。从 Apple.com 找计划灵感是每一位计划师都做过的事，那它到底有何魅力？文章对Apple的网页计划睁开了梳理说明，与各人分享。

一、陶醉与交互式体验

每当有新产物宣布时，我们城市被它的 Landing page 所吸引。不管是 AirPods Pro 也好，和前段时刻宣布的 iPad Pro 也一样。

这背后是 Apple 基于 webGL 技能，缔造的一种陶醉与交互式产物体验。

1. 持续性

我们在产物先容页可以看到，苹果行使了大量的转动 scroll 来浮现持续性。

一方面，滚举措为大大都 Web 用户最天然的操纵，进修本钱极低。

另一方面，在冗长的页面下，转动能让产物特征保持更天然的转场跟尾。

iPad Pro 的持续性

2. 意见意义性

其它，回收了大量的动画式转换（animated transition），即操纵时展示的动态结果，以此来增进意见意义性。

陪伴着富厚的、若隐展现的章节文案，就像影戏的旁白一样，娓娓道来。

通过转动的方法增进交互性，这是明智之举。试想一下，假如只安排已渲染的演示视频，那么用户的操纵会受到限定，只能在视频中提高或退却，毫无爱好可言。

AirPods的意见意义性

二、言之有序

1. 秩序感

说到言之有序，我们看 iPad 的页面先容。四款产物，别离是：iPad Pro、iPad Air、iPad、iPad mini。

拍摄角度的秩序感，可谓妙不行言。

iPad的秩序感

• iPad Pro 的拍摄角度靠近于正侧面。
• iPad Air 是四分之三侧面。
• iPad 是正面。
• iPad mini 是俯视。

云云一来，即显得有序，也不会导致视觉疲惫。

2. 计划说话

其次，官网与 iOS 保持协同的计划说话，给用户泛起了同等的感官体验。

从 iOS 11 开始，苹果就回收了 Large Title 大问题的字体气魄威风凛凛。字重也从 Regular + Light 的组合，转向的 Medium + Bold ，以此加强信息撒播中的辨认力。

HomePod

其它，高斯恍惚的问题栏配景、产物的投影等计划说话也保持系同不停的气魄威风凛凛。我们可以很清楚的看到 Web 计划的同步转变。

三、条理

1. 视差

第三是视差带来的条理感。

苹果履行包豪斯的无装饰和极简的理念。虽然，它不是那种附庸的雅观及外表的光显，而是将伟大难解的技能以简捷的情势通报给用户。

Mac Pro 视差转动

在信息条理方面，Apple 的编排计划由浅入深，如同抽丝剥茧。很好的操作了视差转动，通报图片与笔墨之间「层」的观念。这种深度感可以增进用户的领略和爱好。

2. 视觉张力

不只云云，样式上富有视觉张力。或扩张、或紧缩、或吸引、或排出之感受，泛起刺激与震撼。举两个例子：

A13芯片的扩张力

扩张力：整个画面以 A13芯片 为视觉中心点，元素和机关环绕这个视觉中心点向外扩张。回收发散式的视觉引导，视觉张力就呈现了，让人感受巍峨壮观。

Pro级摄像头的排出力

排出力：通过元素的巨细比拟，可以形成必然强度的视觉排出力。Pro级摄像头 辅以大特写，通报空间意识。视觉上被其构图、美感伤动。

四、高级感

再聊聊苹果的高级感是怎么来的？

1. 视觉降噪

我们都知道，高饱和度的色彩，会影响人的情感颠簸。相反，低饱和度的配色，对人眼的刺激较弱，会有一种沉着且禁止的高级感。

iMac Pro 高级感

回过甚来看苹果官网的大部门页面，除了产物界面色彩 和 按钮蓝 之外，其他的笔墨、配景、控件一致回收利害灰色系，以此营造高级感。

乃至是 iPhone 11 Pro 新出的暗夜绿，也是高级灰中加了一点点绿罢了。

换言之，镌汰行使颜色的数目，低落色彩的饱和度都能减少色彩对人的情感，起到晋升产物高级感的结果。

iPad 留白

除此之外，适当的留白可以越发突生产物内容，让重要的信息更精确的通报。而且能营造出辽阔的空间感，让画面获得延长，泛起一种意境美。

以是我们做计划时该当多做减法，停止有时义的视觉元素堆砌，反而能让你的计划更有高级的气质。

这又印证了当代主义构筑人人女士·凡德罗的那句话：Less Is More。

2. 配图

虽然，只有留白是不足的。既然是做宣传，那么一份高判别率、美丽的配图就显得尤为重要。

苹果官网大部门的产物都是回收实拍+后期修图，而非渲染图。目标就是为了反应真实产物的质感、以及材质光影结果，这一点能看到苹果对付品格的极致追求。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!