编者按：本文来自微信大众号“洋爷”（ID：yangye365），作者：阿洋，网易资深规划师，主张先阅览本文的上篇《Apple 的规划哲学 · 交互篇》，36氪经授权发布。
在上篇文章《Apple 的规划哲学 · 交互篇》中，咱们谈到了 Apple 在交互层面发明的一系列愉悦体会。现在，我将继续共享苹果规划哲学的第二个部分「UI篇」。
一般，硬件的外观仅仅是作为一种体会的容器存在，而软件用户界面（User Interface）的体会，则决议了咱们是否喜爱这个设备。下面，就和咱们看看 Apple 在界面方面做的尽力。
高度一致的规划言语
苹果的规划言语有四个标志性特征：滑润圆角矩形 (Squircle)、暗影(Shadows)、半透明(Translucency)和高斯含糊 (Blurring)，它们简直贯穿整个体系。从原生运用：相册、App Store 运用商铺、音乐都有这些元素，而且高度一致。
AppStore 十年改变
圆角矩形
从 iOS 7 转型扁平化的今日，苹果完成了对「圆角矩形」的终极运用。苹果引入了工业规划中接连曲率概念，运用在圆角图标的概括之上。
圆角矩形
但实在意义上的运用，体现在 iPhone X 发布之后。得益于 OLED 柔性屏和 COP 封装，iPhone X 四边等宽的机身达到了最高的规划美学，屏幕的外概括也跟随机身形状，所以就有了圆角的 Dock。
蜗牛读书 App
在《致匠心，以规划》这本书中有说到蜗牛读书App，在大的弹窗和卡片引入了曲率圆角。尽管这是一个很细节的规划，乃至感知不到。但它便是规划师不断寻求的东西。
暗影、半透明和高斯含糊
投影能够凸显内容的重要性，半透明和高斯含糊暗示背面有更多的内容，一起能够坚持界面轻盈、通透。
Apple MusiciOS 13版别
相关于 iOS 12，iOS 13 将半透明的特性更进一步。除了迷你播放器之外，Apple Music 的底部导航菜单也变成半透明+高斯含糊了。
仔细调查，微信相同认同这种言语，在顶栏和底栏做了弱小的半透明和含糊。
相册iOS 13版别
而体系相册的更新，则连续了 App Store 运用商铺的卡片款式。至此，圆角、投影、半透明和高斯含糊，这四个特征在相册界面皆得到了印证。
极致的图标细节
语音备忘录
就拿语音备忘录来说，它的音轨图形并不是随意画出来的。而是用录音功用，说出“Apple”这个单词，所出现的音轨波形。
语音备忘录& Apple单词的音轨
而且，还有一个小细节是，语音备忘录是仅有支撑180°竖屏旋转的自带运用。由于它常见的运用场景是采访，需求将手机底部的麦克风对着受访者，而这时图形界面是反的。所以支撑旋转，这是一个根据用户运用场景的细节规划。
地图
在苹果地图 App 图标上有一个角标「280」，它代表的是苹果地点的总部方位，一条坐落美国加州 280 州际公路邻近。
苹果地图 App
其他，新的图标里，右上角露出了 Apple Park ，也便是咱们熟知的飞船图形，这和实践的平面地图彻底符合。
苹果新总部方位
Safari 浏览器
新的 Safari 图标，磁针的视点由本来的45°变成了50°。有一个颇有意思的解说是，地磁的北极在一向在继续向北移动，在曩昔的150年里偏移超越1000公里。这个说法明显更具有故事性，但实际并非如此。由于磁极向北，那么磁针视点应该越来越小才对，而不是增大。
Safari 浏览器
实践上，45° 改为 50° 是出于视觉上的批改。左面旧的图标，45°磁针刚掩盖的是短的刻度条，被俩长刻度条相夹，略显拥堵。而新的图标刚好相反，50°磁针相邻是短刻度，视觉上更具空间感和韵律感。
时钟
咱们都知道时钟 App 的图标时刻是和体系时刻同步的，秒针也会匀速翻滚。要点来了，长按时钟 App ，秒针的运动方法由匀速变成滴答滴答机械式翻滚了。
时钟 App 滴答动画
运用视觉头绪
为什么苹果体系上手简单？在实际国际中，有些东西你一看就知道它怎样运用，比方门把手、无印良品的CD机。
这里有个心理学的概念：示能（Affordance），在iOS 中也建立了相似的机制。用户凭借以往的经历，经过图形，预期下一步的行为或感知它的是做什么的。
翻滚内容& 多页内容
比方，左面有一列翻滚内容，你能够在底部裁剪掉半个文字，让人尝试着去发现下面还有更多的内容。假如有好几页内容，那就能够用页面指示物，来引导还有其他几页内容。
滑动窗口
关于滑动窗口内容，你能够用像这样的一个把手来暗示它是能够被抓取并滑动的。
隐喻
好的规划是有沟通力的，隐喻(metaphors) 便是一种很好的方法，它一起也是 iOS 六大规划准则之一。
时刻隐喻
许多人觉得 UI，不便是色彩、距离那些东西吗，如同没什么可规划的。那咱们且看，iOS 短信界面是怎样处理的：
短信气泡的布景色彩是有深浅改变的，信息越早，色彩越淡。
连发两条信息，它们上下的间矩是很小的，而且只要下面的信息气泡有角标。
假如发送的距离时刻长一点，短信的上下距离会变大。
短信界面
苹果就这样经过色彩突变、距离，完成了对时刻的隐喻。
速度隐喻
苹果体系有一项“朗诵屏幕”的功用，双指从屏幕顶部向下轻扫，即可呼出。将 iPhone 或 iPad 上的文档、网页或微信里的文字读出来，协助你将阅览变为朗诵。
当然，你也能够控制体系朗诵的语速，Apple 很形象的将龟兔赛跑的图标，隐喻在速度之上。当一个运用程序的虚拟界面是植根于了解的实在国际时，那么用户会学习的更快。
龟兔赛跑
设备同步
苹果的音频产品线有许多，比方 Airpods、Airpods Pro、Beats Solo、HomePod、Powerbeats3，每一个都有各自的图标。不论你衔接哪个，都会同步显现详细设备。
比方，当你手机衔接了 AirPods Pro ，电话界面的音频喇叭 icon 会变成AirPods Pro 的 icon。其他，AirPlay 功用能够衔接多个扬声器，乃至新旧款的 iPhone 图标都有区别。
AirPods Pro 图标& 全面屏iPhone图标
相同，假如你有 Powerbeats3 耳机，而且体系是最新的iOS 13。当你调理音量的时分，喇叭 icon 相同会变成 Powerbeats3 耳机图标。
Powerbeats3 图标
San Francisco 字体的隐秘
旧金山字体现在是 Apple 渠道一致的规范字体：被运用在 Apple Watch，iPhone，iPad和Mac上，替代了曾经的 Helvetica Neue。
冒号的居中对齐优化
新字体有些奇妙的改变，最让我形象深入的是冒号「 : 」的显现方法。一般的情况下，冒号是在基线上，视觉感知会偏下。但假如冒号是放在数字中心，体系会将它笔直居中对齐。
符号的优化
除此之外，「#」符号中心的开口是个非平行切断，这是特意被增大处理的。由于 # 的字号在缩小到某些特定的程度的时分，切断会难以辨认。所以视觉上需求更多的空白，进步可读性。
非线性动画
运用者实在的体会有一个重要性能指标是：响应速度（Speed Index）。跟着硬件设备的不断的进步，不可否认的是，现在的 Android 发动速度比 iOS 更快，可是，苹果参加了许多非线性动画，以及安稳的帧率体现，在流通度方面 iOS 更胜一筹。
iOS 13漆黑形式切换动画
解说下非线性动画，便是一开始很快，终究渐渐慢下来。比方，翻开恣意一个 App 的进程动画、键盘拉起时的瞬间，以及 iOS 13 控制中心漆黑形式方便切换，这个icon 动画相同用了非线性。
iOS 13静音开关动画
还有一向被诟病的音量和静音调理，总算得到解决。原先的大 Toast 提示会挡住当时内容，现在改到居顶显现，并参加物理衰减铃铛动画，极为实在。
总结
在Apple 的界面视觉中，咱们正真看到了各种隐喻和暗示，咱们正真看到了非线性动画带来的流通体会，咱们正真看到了雕琢细节的进程。它是规划师不断寻求的东西，终究给用户出现的是额定礼遇般的的产品体会。
By the way，假如你喜爱我的文章的话，记得点赞、转发！其他，你觉得 Apple 还有其它做得好的细节，也欢迎在下方留言评论。
封面图来自pexels
