Apple 的设计哲学：UI 篇

在上篇文章《Apple 的计划哲学 · 交互篇》中，我们谈到了 Apple 在交互层面缔造的一系列愉悦体验。此刻，我将继承分享苹果计划哲学的第二个部门「UI篇」。

凡是，硬件的外面仅仅是作为一种体验的容器存在，而软件用户界面（User Interface）的体验，则抉择了我们是否喜好这个装备。下面，就和各人看看 Apple 在界面方面做的全力。

一、高度同一的计划说话

苹果的计划说话有四个符号性特性：滑腻圆角矩形 （Squircle）、阴影（Shadows）、半透明（Translucency）和高斯恍惚 （Blurring），它们险些贯串整个体系。从原生应用：相册、App Store 应用市肆、音乐都有这些元素，而且高度同一。

AppStore 十年变革

1. 圆角矩形

从 iOS 7 转型扁平化的本日，苹果完成了对「圆角矩形」的终极运用。苹果引入了家产计划中持续曲率观念，应用在圆角图标的外观之上。

圆角矩形

但真正意义上的运用，表此刻 iPhone X 宣布之后。得益于 OLED 柔性屏和 COP 封装，iPhone X 四边等宽的机身到达了最高的计划美学，屏幕的外外观也跟随机体态态，于是就有了圆角的 Dock。

蜗牛念书 App

在《致匠心，以计划》这本书中有提到蜗牛念书App，在大的弹窗和卡片引入了曲率圆角。固然这是一个很细节的计划，乃至感知不到。但它就是计划师不绝追求的对象。

2. 阴影、半透明和高斯恍惚

投影可以凸显内容的重要性，半透明和高斯恍惚体现背后有更多的内容，同时可以保持界面轻巧、通透。

Apple MusiciOS 13版本

相对付 iOS 12，iOS 13 将半透明的特征更进一步。除了迷你播放器之外，Apple Music 的底部导航菜单也酿成半透明+高斯恍惚了。

仔细调查，微信同样认同这种说话，在顶栏和底栏做了薄弱的半透明和恍惚。

相册iOS 13版本

而体系相册的更新，则连续了 App Store 应用市肆的卡片样式。至此，圆角、投影、半透明和高斯恍惚，这四个特性在相册界面皆获得了印证。

二、极致的图标细节

1. 语音备忘录

就拿语音备忘录来说，它的音轨图形并不是随意画出来的。而是用灌音成果，说出“Apple”这个单词，所泛起的音轨波形。

语音备忘录& Apple单词的音轨

并且，尚有一个小细节是，语音备忘录是独一支持180°竖屏旋转的自带应用。由于它常见的行使场景是采访，必要将手机底部的麦克风对着受访者，而这时图形界面是反的。以是支持旋转，这是一个基于用户行使场景的细节计划。

2. 舆图

在苹果舆图 App 图标上有一个角标「280」，它代表的是苹果地址的总部位置，一条位于美国加州 280 州际公路四面。

苹果舆图 App

其它，新的图标里，右上角暴露了 Apple Park ，也就是我们熟知的飞船图形，这和现实的平面舆图完全相符。

苹果新总部位置

3. Safari 赏识器

新的 Safari 图标，磁针的角度由原本的45°酿成了50°。有一个颇故意思的表明是，地磁的北极在一向在一连向北移动，在已往的150年里偏移高出1000公里。这个说法显然更具有故事性，但究竟并非云云。由于磁极向北，那么磁针角度应该越来越小才对，而不是增大。

Safari 赏识器

现实上，45° 改为 50° 是出于视觉上的批改。左边旧的图标，45°磁针刚包围的是短的刻度条，被俩长刻度条相夹，略显拥挤。而新的图标恰恰相反，50°磁针相邻是短刻度，视觉上更具空间感和韵律感。

3. 时钟

各人都知道时钟 App 的图标时刻是和体系时刻同步的，秒针也会匀速动弹。重点来了，长定时钟 App ，秒针的行为方法由匀速酿成滴答滴答机器式动弹了。

时钟 App 滴答动画

三、操作视觉线索

为什么苹果体系上手轻易？在实际天下中，有些对象你一看就知道它怎样行使，好比门把手、无印良品的CD机。

这里有个生理学的观念：示能（Affordance），在iOS 中也成立了相同的机制。用户借助以往的履历，通过图形，预期下一步的举动或感知它的是做什么的。

（编辑：湖南网）

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