9月7日，Apple將會(huì)召開(kāi)本年度的秋季發(fā)布會(huì)，發(fā)布的新產(chǎn)品包括新款的MacBook Pro、iPhone 7以及Apple Watch 2。但是我更加關(guān)注的是隨著iPhone 7一起發(fā)布的iOS 10正式版，因?yàn)樵谥?月份的WWDC 2016大會(huì)上，Apple就宣稱(chēng)iOS 10是「The biggest iOS release ever」，這次正式版的發(fā)布，Apple應(yīng)該會(huì)對(duì)iOS 10給予重大的期望。

在iOS 10正式發(fā)布前夕，本文主要針對(duì)已經(jīng)發(fā)布的iOS 10的人機(jī)界面設(shè)計(jì)指南(Human Interface Guidelines，簡(jiǎn)稱(chēng)HIG)來(lái)對(duì)比分析新老版本的iOS系統(tǒng)在設(shè)計(jì)上究竟有哪些改變，有哪些設(shè)計(jì)趨勢(shì)值得我們注意。

先上iOS 10 官方指南的原地址：https://developer.apple.com/ios/human-interface-guidelines/

騰訊ISUX介紹

騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡(jiǎn)稱(chēng)ISUX (Internet Social User Experience)，成立于2011年1月11日，是騰訊集團(tuán)核心、全球最具規(guī)模的UX設(shè)計(jì)團(tuán)隊(duì)，專(zhuān)業(yè)成員包括用戶研究、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)、品牌設(shè)計(jì)、視頻動(dòng)畫(huà)設(shè)計(jì)、UI開(kāi)發(fā)、產(chǎn)品設(shè)計(jì)與市場(chǎng)研究等，至今ISUX分布于中國(guó)深圳總部、北京、上海、成都及韓國(guó)首爾。

改變：越來(lái)越像給設(shè)計(jì)師用的「設(shè)計(jì)指南」

首先，我們先來(lái)看一下iOS 10之前的HIG歷史版本記錄，了解一下在以前的版本中Apple都做了些什么：

圖1 iOS HIG Revision History

自從iOS 7開(kāi)始，每個(gè)版本的HIG都是在同一個(gè)框架中進(jìn)行維護(hù)的，而且維護(hù)頻率之低改動(dòng)幅度之小令人發(fā)指(當(dāng)然跟Apple一貫的嚴(yán)謹(jǐn)風(fēng)格有關(guān))

而針對(duì)設(shè)計(jì)部分的內(nèi)容一共也只有兩次改動(dòng)，這種情況一直持續(xù)到iOS 9，如果你愿意把iOS 7、8、9三個(gè)版本的HIG拿出來(lái)一起看，簡(jiǎn)直就是在玩找茬游戲。

然后，我們?cè)倌胕OS 9 和 iOS 10 的HIG結(jié)構(gòu)框架進(jìn)行一下對(duì)比：

圖2 iOS HIG版本對(duì)比

幾乎是完全不同的結(jié)構(gòu)框架！

歷經(jīng)三年以及三個(gè)版本都沒(méi)動(dòng)過(guò)的框架被開(kāi)了刀，我相信Apple的設(shè)計(jì)師絕對(duì)不是因?yàn)殚e的無(wú)聊才干出這種事的。

對(duì)于Apple這種嚴(yán)謹(jǐn)且強(qiáng)迫癥的公司來(lái)說(shuō)，做每一件事必然有其原因，這里面?zhèn)鬟f出了一個(gè)信號(hào)：iOS 10的設(shè)計(jì)會(huì)發(fā)生「重大改變」，而Apple也期望通過(guò)設(shè)計(jì)的改變來(lái)獲取更多的用戶。

讓我們把視角再深入到具體的章節(jié)中，看看都有些什么變化：

1)增加了之前沒(méi)有過(guò)的Interaction章節(jié) (主要內(nèi)容為軟硬件與用戶的交互)

2)原來(lái)的Icon and Image Design章節(jié)(主要內(nèi)容為系統(tǒng)中不同情境下的icon設(shè)計(jì)定義)改名為Graphics章節(jié)并且優(yōu)先級(jí)上浮

3)原來(lái)的iOS Technologies章節(jié)(系統(tǒng)中的新技術(shù))改名為T(mén)echnologies章節(jié)且優(yōu)先級(jí)下移

4)原來(lái)UI Design Basics章節(jié)中的動(dòng)畫(huà)/品牌/色彩/布局/字體的內(nèi)容專(zhuān)門(mén)提取出來(lái)生成新的Visual Design章節(jié)

圖3 iOS HIG版本對(duì)比

5)原來(lái)的UI Elements一級(jí)目錄被取消，其中的二級(jí)目錄全部成為了一級(jí)目錄

圖4 iOS HIG版本對(duì)比

6)增加了新的Resources章節(jié)，提供了PSD Templates、San Francisco Fonts和Xcode Projects的下載!這是讓我覺(jué)得最有誠(chéng)意的部分了!你什么時(shí)候見(jiàn)過(guò)Apple爸爸這么貼心了!

圖5 增加的Resources章節(jié)

Apple的設(shè)計(jì)師對(duì)內(nèi)部的細(xì)節(jié)內(nèi)容也進(jìn)行了翻新和擴(kuò)建，在這里就不贅述了，但是確實(shí)值得大家細(xì)細(xì)去研究一番的，傳送門(mén)在此：iOS 10 Human Interface Guidelines

我個(gè)人的感覺(jué)是，以前的HIG像是寫(xiě)給非設(shè)計(jì)人士/個(gè)人開(kāi)發(fā)者的，使當(dāng)年的他們?cè)谌狈?zhuān)業(yè)設(shè)計(jì)師的條件下也能保證產(chǎn)品的基礎(chǔ)體驗(yàn);現(xiàn)在的HIG更像是寫(xiě)給專(zhuān)業(yè)設(shè)計(jì)師的，說(shuō)明了移動(dòng)互聯(lián)網(wǎng)整個(gè)行業(yè)已經(jīng)成熟，職業(yè)分工越來(lái)越細(xì)，職業(yè)化程度越來(lái)越高，而用戶和行業(yè)對(duì)設(shè)計(jì)的要求、設(shè)計(jì)對(duì)于產(chǎn)品的重要性也達(dá)到了一個(gè)新的高度。

而重視設(shè)計(jì)的Apple變的更加關(guān)注設(shè)計(jì)，試圖像當(dāng)年iOS 7一樣，在設(shè)計(jì)和體驗(yàn)上帶一波新的節(jié)奏。

P.S. 在這個(gè)方向上走在前列的是早在14年就發(fā)布了Material Design的Google。

趨勢(shì)：大而簡(jiǎn)，簡(jiǎn)而精

在HIG最最最重要的設(shè)計(jì)原則的部分，仍然是萬(wàn)年不變的Deference(順從)/Clarity(清晰)/Depth(深度)。

但是不知道大家有沒(méi)有注意，其中有了一個(gè)非常細(xì)微的變化，就是萬(wàn)年老二的Clarity(清晰)原則，這次成了老大。具體原因也只有Apple的設(shè)計(jì)師知道了(貌似是來(lái)自于用戶吐槽)，但是就結(jié)果來(lái)說(shuō)，「清晰」這一設(shè)計(jì)準(zhǔn)則應(yīng)當(dāng)會(huì)是以后的設(shè)計(jì)趨勢(shì)和重點(diǎn)

另外，對(duì)于設(shè)計(jì)原則的解釋的內(nèi)容也增多了，不要以為Apple突然抽風(fēng)從冰山美人變成了話癆，增多的內(nèi)容恰恰告訴了我們Apple重視的究竟是什么。

圖6 新老設(shè)計(jì)三原則對(duì)比