世界建筑大师密斯·凡·德罗被要求用一句话描述其成功的原因时，他就用了这句“魔鬼藏在细节”作了回答。
苹果作为一个设计和商业完美结合的公司。
下面，就和大家聊聊 Apple 在界面设计中的魔鬼细节。
01. 极致的图标细节
就拿语音备忘录来说，它的音轨图形并不是随意画出来的。而是用录音功能，说出“Apple”这个单词，所呈现的音轨波形。
语音备忘录 & Apple单词的音轨
而且，还有一个小细节是，语音备忘录是唯一支持180°竖屏旋转的自带应用。
因为它常见的使用场景是采访，需要将手机底部的麦克风对着受访者，而这时图形界面是反的。所以支持旋转，这是一个基于用户使用场景的细节设计。
地图背后细节
在苹果地图 App 图标上有一个角标「280」，它代表的是苹果所在的总部位置，一条位于美国加州 280 州际公路附近。
另外，新的图标里，右上角露出了 Apple Park ，也就是我们熟知的飞船图形，这和实际的平面地图完全吻合。
苹果新总部位置
Safari 浏览器
新的 Safari 图标，磁针的角度由原来的45°变成了50°。
有个解释是，地磁的北极在一直在持续向北移动，在过去的150年里偏移超过1000公里。这个说法显然更具故事性，但事实并非如此。
实际上，45° 改为 50° 是出于视觉上的修正。左边旧的图标，45°磁针刚覆盖的是短的刻度条，被俩长刻度条相夹，略显拥挤。
而新的图标刚好相反，50°磁针相邻是短刻度，视觉上更具空间感和韵律感。
时钟
大家都知道时钟 App 的图标时间是和系统时间同步的，秒针也会匀速转动。
重点来了，长按时钟 App ，秒针的运动方式由匀速变成滴答滴答机械式转动了。
时钟 App 滴答动画
02.短信界面
很多人说UI，不就是颜色、间距那些东西吗，好像没什么可设计的。那我们看，iOS 短信界面是怎么处理的：
- 短信气泡的背景颜色是有深浅变化的，信息越早，颜色越淡。
- 连发两条信息，它们上下的间矩是很小的，并且只有下面的信息气泡有角标。
- 如果发送的间隔时间长一点，短信的上下间距会变大。
另外苹果还有有一项“朗读屏幕”的功能。将 iPhone 上的文档、网页或微信的文字朗读出来。
你可以控制系统朗读的语速快慢，Apple 很形象的将龟兔赛跑的图标，隐喻在速度上。
龟兔赛跑图标
03. 设备图标同步
苹果的音频产品很多，诸如 Airpods、Airpods Pro、Beats Solo 等等每一个都有各自的图标。不管你连接哪个，都会同步显示具体设备。
比如你手机连接了 AirPods Pro ，音频界面图标 会变成 AirPods Pro 的 图标。
甚至新旧款的 iPhone 图标都有区分。
同样，如果你有 Powerbeats3 耳机，并且系统是最新的iOS 13。
当你调节音量的时候，喇叭图标也会变成 Powerbeats3 耳机图标。
Powerbeats3 图标
—
04. 字体的秘密
旧金山字体现在是 Apple 平台统一的标准字体，取代了以前的 Helvetica Neue。
冒号的居中对齐优化
新字体有些微妙的变化，最让我印象深刻的是冒号「 : 」的显示方式。
正常情况下，冒号是在基线上，视觉感知会偏下。但如果冒号是放在数字中间，系统会将它垂直居中对齐。
—
05. 非线性动画
不可否认的是，现在的 Android 启动速度比 iOS 更快，但是，苹果加入了很多非线性动画，以及稳定的帧率表现，在流畅度方面 iOS 更胜一筹。
iOS 13 黑暗模式切换动画
解释下什么叫非线性动画？
就是一开始很快，最后慢慢慢下来。
比如，打开任意一个 App 的过程动画、键盘拉起时的瞬间，以及 iOS 13 控制中心黑暗模式快捷切换，这个icon 动画同样用了非线性。
iOS 13 静音开关动画
还有一直被诟病的音量和静音调节，终于得到解决。现在加入物理衰减铃铛动画，极为真实。
—
总结
在 Apple 的界面视觉中，我们看到了各种雕刻细节的过程。它是设计师不断追求的东西，最终给用户呈现的是额外礼遇般的的产品体验。
文章转载自公号：洋爷 ，已获得授权。
