目前iOS 13 開發(fā)者預覽版已經(jīng)更新到Beta 6，距離9月發(fā)布正式版還有一個月左右的時間。按往年的經(jīng)驗，此時的iOS 13 Beta 6已經(jīng)非常接近正式版。
網(wǎng)上有很多有關(guān)iOS 13的功能介紹，但在設(shè)計細節(jié)上卻鮮有人提及。
在iOS 13中，除了大家關(guān)注的深色模式（Dark），Apple還調(diào)整了大量原生App的設(shè)計細節(jié)。下面就讓我們一起看看吧！
PS：此次用于對比的機型和系統(tǒng)信息如下：
設(shè)備1：iPhone6S，iOS 13 Developer beta 6
設(shè)備2：iPhone 7 ，iOS 12.4
設(shè)備3：iPhone X，iOS 12.2
本次iOS 13全局細節(jié)調(diào)整較多，我將之分為兩部分進行闡述：
第一部分-全局組件：Switch、分段控件、Sheet彈窗、Context Menu等；
第二部分-原生App：相機、Safari、短息、地圖等。
在iOS 12系統(tǒng)中，“默認頭像”都具有性別特征。比如通訊錄的圖標，就是由一男一女的剪影所組成。
在其他位置，比如：通訊錄詳情頁、短信列表、AppStore所用的默認頭像均為“男性”剪影。
而在iOS 13中，上述這些位置的頭像，都變成了去性別特征的圓形頭像。如下圖：
PS：Apple沒有根據(jù)賬號性別顯示男/女頭像，而是采用“無性別頭像”。我想這么做也許是為了更好的照顧到“跨性別群體”的感受。
此前跨性別群體曾要求Apple在Emoji表情中增加“特殊人群”、“特殊家庭”和“彩虹旗”等標志，這些眼下已出現(xiàn)在iOS 12.2的Emoji中。
自iOS 7發(fā)布以來，iOS的切換開關(guān)一直沒有變化。其特點是，開關(guān)的投影延展到了“凹槽”外、且底色會有縮放動效。
時隔五年，蘋果對切換開關(guān)的細節(jié)做了調(diào)整。在最新的OS 13中，開關(guān)的投影縮到了“凹槽”內(nèi)，并且取消了底色縮放的過渡，改用“漸隱漸顯”的過渡方式。
一些長期保留直角的圖標，在iOS 13中均改為圓角，線條也得到了加粗。
Apple今年在Mac上推出了一款名為 SF Symbols 的軟件。里面集成了約1500個官方圖標，這些圖標分別具有9種重量（粗細），可以與San Francisco字體無縫結(jié)合。設(shè)計師可以根據(jù)文字的字重，選配對應重量（粗細）的圖標，如下圖：
除了重量外，Apple還針對每個圖標提供了三種不同的尺寸：Small、Medium、Large。如下圖：
三種狀態(tài)下文字字號相同，圖標尺寸不同。官方對上述三種尺寸給出了對應的使用場景，如下圖：
圖片中三種場景下列表中文字字號相同，列表高度不同，圖標尺寸隨之發(fā)生變化。
新版的分段控件由過去的描邊線，改為填充的形式。其中，選中狀態(tài)的滑塊含投影，投影效果和切換開關(guān)一樣，投影只在“凹槽”內(nèi)。
現(xiàn)在越來越多的App棄用描邊按鈕，改用面型按鈕。在iOS 11蘋果重做AppStore時，就將“安裝/更新”的線性按鈕改為填充，如下圖：
PS：留意手機中App，會發(fā)現(xiàn)“線轉(zhuǎn)面”已然是近兩年設(shè)計的小趨勢~
在iOS 13之前，模態(tài)展示的視圖默認是全屏（Fullscreen）。
iOS 13新增了一種操作視圖：操作的視圖會被縮小，同時淡化置于新跳出視圖的下方。
這樣的彈窗視圖在Human Interface Guideline（蘋果設(shè)計指南）中被稱為Sheet。新版的視圖有助于用戶明確信息的層級，便于用戶找回此前被暫停的任務。
新版的視圖彈窗（Sheet）提供三種關(guān)閉方式：
從屏幕頂部向下滑動
當卡片內(nèi)容滾動到頂部時，從屏幕上的任何位置向下滑動 （單手操作的）
點擊按鈕
如果關(guān)閉新版彈窗時存在“修改為儲存的內(nèi)容”這類行為時，要提醒使用者是否要放棄編輯。還是以日歷App為例：
iOS 12新建任務退出沒有提醒，而在iOS 13中進行相同的操作，就會出現(xiàn)對應的提醒。
根據(jù)蘋果在HIG中的建議，彈窗中的任務需要簡單、簡短，避免過于復雜，導致用戶忘了此前他們所暫停的任務，進而導致用戶“迷路”，以通訊錄為例：
新建聯(lián)系人可能會填寫大量信息，適合采用全屏視窗，而添加照片、添加動話表情則非常適合使用新版彈窗。
此外，對于拍照、錄像、照片編修、文件編輯等這類需要沉浸式、較復雜的使用場景，就適合維持過去全屏（Fullscreen）的呈現(xiàn)方式。
在iOS 13中，Apple取消了 3DTouch（又名 Force Touch），改用了HapticTouch。
而所謂HapticTouch，我理解就是長按，囧...
此前，在支持3DTouch的機型上，輕輕長按桌面圖標，圖標會開始晃動，會進入重新排列桌面的狀態(tài)。
而“重按”某個圖標，就可以通過3DTouch呼出菜單。
在改用HapticTouch之后，原本的3DTouch也隨之取消，系統(tǒng)不再區(qū)分輕按和重按。只能通過長按呼出菜單，“重新排列桌面”也變成了菜單中的一個選項。如下圖：
PS：之前就覺得3DTouch嗷嗷難用，不想用時按重了，想用時又按輕了。啊啊啊啊...
如今都現(xiàn)在改成“長按”，我看挺好~
除了手機桌面，其他支持3DTouch的操作，也紛紛變成了HapticTouch，比如原本Safari可以通過3DTouch呼出預覽：
現(xiàn)在也改為長按呼出預覽。
其實，Context Menu某種程度上可以看做是電腦上的鼠標“右鍵”操作。用戶可以通過快速彈窗的菜單在頁面中進行更多操作。
與電腦鼠標“右鍵”不同的是，Context Menu還攜帶了一個內(nèi)容的預覽畫面。
在過去，這樣的操作需要配合“3DTouch+上滑”才可以調(diào)起底部的互動，如下圖
而Context Menu則是通過長按一步調(diào)起預覽畫面和菜單。
在iOS12版本中，音量的調(diào)節(jié)圖標是在屏幕中間顯示一個巨大的鈴鐺，鈴鐺下面會有音量大小的進度條，嚴重干擾用戶視線。
iOS13的音量控制圖標也進行了全新的設(shè)計，音量大小的圖標被設(shè)計在了屏幕左側(cè)。在音量的調(diào)節(jié)過程中，喇叭圖標也非常直觀的顯示了音量大小的變化。
另外，左側(cè)的音量可以支持滑動調(diào)整，類似底部控制器彈窗的音量調(diào)節(jié)。
PS：在蘋果著手改進之前，一些軟件公司已經(jīng)著手優(yōu)化音量調(diào)節(jié)的視圖，比如：
快手、多閃、愛奇藝、開眼就把音量調(diào)節(jié)放到了不阻擋視線的角落上。
過去，在iPhone上編輯內(nèi)容時，如果刪除了不該刪除的內(nèi)容，可以通過搖一搖手機，執(zhí)行撤銷操作。
如果想“取消剛執(zhí)行的撤銷”，需要再次搖一搖手機，選擇“重新正在鍵入”。講真，這套操作理解起來還真有點麻煩。
對此，在iOS 13中也有優(yōu)化，只要用3個手指點擊屏幕，就可以呼出一個全新的菜單。用來完成：撤銷、剪切、復制、粘貼、重做這五個操作。
值得一提的是，Edit Menu依然存在，可以和三指菜單同時出現(xiàn)。
此前，Safari在普通狀態(tài)下界面為白色，在無痕模式下界面變?yōu)樯钌?/span>
如今，iOS 13可以切換為深色模式，在深色模式下，Safari普通狀態(tài)就是深色，那無痕模式該如何顯示？
Apple對Safari做了相應的調(diào)整：依靠地址欄顏色和操作欄圖標顏色進行區(qū)分。
當系統(tǒng)為淺色模式時，兩種瀏覽模式的界面如下：
當系統(tǒng)為深色模式時，兩種瀏覽模式的界面如下：
匯總對比如下：
你負責的App，是否也有類似的特殊頁面，需要重新設(shè)計？
<第一部分：全局組件>，OVER
<第二部分：原生APP>，待續(xù)
感謝閱讀！
聯(lián)系客服
