前言

这是《iOS 13隐秘的细节》第四篇，没看过前文的同学可进入站酷主页浏览前文

或通过以下链接查看：

第一篇 · 全局组件：https://www.zcool.com.cn/article/ZMTAxNDgyNA==.html

第二篇 · 原生APP：https://www.zcool.com.cn/article/ZMTAxODYzMg==.html

第三篇 · 原生APP：https://www.zcool.com.cn/article/ZMTAyMTE0MA==.html

本次iOS 13全局细节调整较多，我将之分为两部分进行阐述：

第一部分 - 全局组件：Switch、分段控件、Sheet弹窗、Context Menu等；（第一篇、第四篇）

第二部分 - 原生App：相机、Safari、短息、地图等。（第二篇、第三篇）

本文继续讲述全局组件。

系统设置

以下是“设置”中相关模块的设计变化：

1.屏幕时间

1.1 “今天、过去7天”两处文案变成更加常见的“每天、每周”。减少文案带来的歧义，比如过去我还和朋友讨论，iOS 12中的“过去7天”是否包含“今天”...

1.2 新版iOS调整了“每天”、“每周”的排列顺序。难道是使用“每周”的用户占比最大？

过去优先展示“每天”，而在iOS 13中，优先展示“每周”。

1.3 还有一个细节，新版屏幕时间支持左右切换时间：

如上图所示：页面上滑后，出现左右切换的浮层。

2. 图标去投影

iOS 13控制中心去掉了“删除”和“添加”两处图标的底部投影。图形中间的加号、减号也由直角变圆角。

3.壁纸设置

过去壁纸设计界面底部，采用了吸底的矩形大按钮。如下图：

在iOS 13中变成了非吸底的“胶囊按钮”。这样的设计更加适合自带圆角的全面屏，如下图：

此外，像“静止”、“透视”这类原本清晰的文字按钮，变成抽象的图标。如下图：

在我看来，新图标的含义着实不好理解。

谁能想到这个类似“放大”的小图标居然表示透视？

4.视图

操作路径：设置→显示与亮度→视图

通过切换不同的视图，可以调整手机分辨率（截屏可获得不同分辨率的尺寸）。

我们可以把iOS中的视图切换，看成是电脑端的分辨率调整。

分辨率低，则视觉层面图像变大、分辨率高，则视觉层面图像变小。

不过在此前版这个页面设计的不是很好，用户需要切换页面，并细心对比不同页面中的静态图片，才能察觉出两种视图模式下手机界面的差别。

我曾问过好几个朋友，他们都不知道有这个功能。

Apple在iOS 13中对这个页面做了重新设计：将两种模式放在同一页面中进行展示，并增加动效展示。如下图：

新设计，有助于用户更直观的了解两种视图下手机界面的差别，从而选择自己需要的视图。

PS：下面附上各机型，标准视图和放大视图对应的分辨率：

控制中心

等了7年，iPhone终于可以和Android手机一样，通过长按底部控制中心的Wifi和蓝牙，进行快速链接或跳转到对应设置页。如下图：

底部弹窗

此次系统弹窗可谓是大变样，下面逐一说明：

1.布局变化

最明显的一个变化是，Apple在弹窗上放弃了使用多年的十字交互，改用列表进行展示。

我想这么做主要是为了便于信息的直接展示。让功能更好的触达用户。并为日后系统功能拓展做准备。

有关十字交互的利弊，可详见我在2016发布的内容《iOS 10新设计的弊端》：

https://www.zcool.com.cn/article/ZNDM3MTAw.html

简单来说，TV端很早就开始使用十字交互，旦如今越来越多的TV端放弃了十字交互，除了顶部分类导航外，都再尽可能减少横滑，改成清一色的上下滑动。其中最主要的原因就是横向的信息触达率太低，而竖向的瀑布流便于用户查看信息。

试想一下，如果你想查看AppStore榜单的前十名，你会选择横滑？还是点击全部进入列表模式进行查看？

总之我都是进去列表模式进行查看。

所以在我看来，变成列表不仅更有助于信息展示（结合弹窗上拉变大），也便于Apple日后在弹窗中推广新功能。

不过可惜的是，Apple在取消十字交互的同时，过去长按调整按钮位置的功能也被取消了，如下图：

好遗憾......目前，iOS 13只能通过”更多“和”编辑操作“调整按钮位置。

2.文案调整

旧版中的”更多“按钮，在新版中改为更加具体的”编辑操作“。

过去光看”更多“两个字，以为点进去是更多功能入口，结果却是进入了一个编辑操作页面。真是一脸懵，吓得我赶紧关闭返回上一页。

虽然底部的更多发生了变化。但横滑右侧入口依旧是”更多“。

3.AirDorp折叠

过去一打开弹窗，弹窗顶部AirDrop区域占据了1/3弹窗的高度。点击使用的话，自己想要隔空投送的设备一开始未必会加载出来，等后面加载出来，又未必出现在开始或结尾的位置。需要一直左右滑动查看等待需要连接的设备是否出现。

新版则将Airdrop变成一个普通的图标入口，在用户要使这个功能时，在调起一个弹窗页面，专门展示所扫描到设备。这无疑解决了上述提到查看设备的问题，大大提高了操作效率。

4.左上角增加APP缩略图

弹窗上滑后，以标题栏的形式常驻。对此，我的理解是，由于新版弹窗支持上滑，这样一来多个APP都可能处于全屏弹窗的界面。如下图：

此时如果缺少顶部的APP标识，那么当用户在多个APP中调起弹窗时，很难分辨当前所处的软件。

5.底部取消按钮

旧版弹窗底部有一个明显的取消按钮，而新版弹窗的因为采用Sheet弹窗*的形式，所以关闭按钮转移到了右上角。另外，新版弹窗还支持下拉关闭的操作，这样一来也解决了关闭按钮在顶部不易点击的问题。

Tips：Sheet弹窗，我在《iOS 13：第一篇》中有做专门介绍：https://www.zcool.com.cn/article/ZMTAxNDgyNA==.html

三指交互

最后再说一下三指交互

在《第一篇》中提到，iOS 13中新增了一个三指菜单。只要用3个手指点击屏幕，就可以呼出一个全新的菜单。用来完成：撤销、剪切、复制、粘贴、重做这五个操作。

其实，用户可以不呼出菜单就完成上述五种操作，分别是：

拷贝：三指捏合，可以快速拷贝；

剪切：连续三指捏合两次，即可剪切；

粘贴：三指外扩，即可粘贴；

撤销：三指向左轻扫，即可轻松撤销；

重做：三指向右轻扫，即可重做；

讲真，我看一次，就记住了如何快速拷贝，其他四个都没记住😓......

也许不久之后，国内软件上也会兴起类似的多指交互，也未可知。让我们拭目以待吧~

默认头像（补充）

在《第一篇》中，我曾提及iOS 13中默认头像的变化：

在iOS 12系统中，“默认头像”都具有性别特征。比如通讯录的图标，就是由一男一女的剪影组成。

在其他位置，比如：通讯录详情页、短信列表、AppStore所用的默认头像均为“男性”剪影。

而在iOS 13中，上述这些位置的头像，都变成了去性别特征的圆形头像。如下图：

当初我对此的理解是：Apple可以根据账号中的性别设置，提供男/女两套头像，而是采用“无性别头像”。我想这么做也许是为了更好的照顾到“跨性别群体”的感受。

此前跨性别群体曾要求Apple在Emoji表情中增加“特殊人群”、“特殊家庭”和“彩虹旗”等标志，这些眼下已出现在iOS 12.2的Emoji中。毕竟苹果的CEO库克，自己就是一位好同志。

最近在公司内分享到这段时，同事杨新坤提及一段有关Facebook的设计细节：

在2015年时，Facebook有一段时间也对带性别剪影的图标作了调整：原本男性剪影在前的图标，且“男大女小”的好友图标，被改成了女性剪影在前，并将男女的大小进行了统一。

而发起这一改动的，正是一位Facebook的女设计师 Caitlin Winner

她曾经就读于女子学院的女性，这让她很难忽略图标中所代表的性别意义，她就想女性必须一直处于“男性的阴影”中么？于是他对Facebook的图标作了上述的调整。并获得认可，应用到公司的新产品以及更多的平台之上。

不过对与这个改动，也有很多人认为Caitlin Winner的做法过于女权主义：

目前，Facebook当前的版本，也采用了去性别化的图标的设计：

一劳永逸的解决了性别谁占主导的争议。如今苹果也采用了相同的做法，弱化了APP中的性别特征。

· 第四篇 - END ·

-

《第一篇》https://www.zcool.com.cn/article/ZMTAxNDgyNA==.html

《第二篇》https://www.zcool.com.cn/article/ZMTAxODYzMg==.html

《第三篇》https://www.zcool.com.cn/article/ZMTAyMTE0MA==.html

-

最后，套用Caitlin Winner的一句话作为《iOS 13隐秘的细节》系列的结束语：

这些几乎不会被大众在意的设计细节，不止是设计本身那么简单，许多都承载着设计师的理念和想法，它们隐秘，但是伟大。

Salute to the Designer

👏👏👏