9月7日,Apple將會召開本年度的秋季發布會,發布的新產品包括新款的MacBook Pro、iPhone 7以及Apple Watch 2。但是我更加關注的是隨著iPhone 7一起發布的iOS 10正式版,因為在之前6月份的WWDC 2016大會上,Apple就宣稱iOS 10是「The biggest iOS release ever」,這次正式版的發布,Apple應該會對iOS 10給予重大的期望。
在iOS 10正式發布前夕,本文主要針對已經發布的iOS 10的人機界面設計指南(Human Interface Guidelines,簡稱HIG)來對比分析新老版本的iOS系統在設計上究竟有哪些改變,有哪些設計趨勢值得我們注意。
先上iOS 10 官方指南的原地址:https://developer.apple.com/ios/human-interface-guidelines/
騰訊ISUX介紹
騰訊社交用戶體驗設計,簡稱ISUX (Internet Social User Experience),成立于2011年1月11日,是騰訊集團核心、全球最具規模的UX設計團隊,專業成員包括用戶研究、交互設計、視覺設計、品牌設計、視頻動畫設計、UI開發、產品設計與市場研究等,至今ISUX分布于中國深圳總部、北京、上海、成都及韓國首爾。
改變:越來越像給設計師用的「設計指南」
首先,我們先來看一下iOS 10之前的HIG歷史版本記錄,了解一下在以前的版本中Apple都做了些什么:
圖1 iOS HIG Revision History
自從iOS 7開始,每個版本的HIG都是在同一個框架中進行維護的,而且維護頻率之低改動幅度之小令人發指(當然跟Apple一貫的嚴謹風格有關)
而針對設計部分的內容一共也只有兩次改動,這種情況一直持續到iOS 9,如果你愿意把iOS 7、8、9三個版本的HIG拿出來一起看,簡直就是在玩找茬游戲。
然后,我們再拿iOS 9 和 iOS 10 的HIG結構框架進行一下對比:
圖2 iOS HIG版本對比
幾乎是完全不同的結構框架!
歷經三年以及三個版本都沒動過的框架被開了刀,我相信Apple的設計師絕對不是因為閑的無聊才干出這種事的。
對于Apple這種嚴謹且強迫癥的公司來說,做每一件事必然有其原因,這里面傳遞出了一個信號:iOS 10的設計會發生「重大改變」,而Apple也期望通過設計的改變來獲取更多的用戶。
讓我們把視角再深入到具體的章節中,看看都有些什么變化:
1)增加了之前沒有過的Interaction章節 (主要內容為軟硬件與用戶的交互)
2)原來的Icon and Image Design章節(主要內容為系統中不同情境下的icon設計定義)改名為Graphics章節并且優先級上浮
3)原來的iOS Technologies章節(系統中的新技術)改名為Technologies章節且優先級下移
4)原來UI Design Basics章節中的動畫/品牌/色彩/布局/字體的內容專門提取出來生成新的Visual Design章節
圖3 iOS HIG版本對比
5)原來的UI Elements一級目錄被取消,其中的二級目錄全部成為了一級目錄
圖4 iOS HIG版本對比
6)增加了新的Resources章節,提供了PSD Templates、San Francisco Fonts和Xcode Projects的下載!這是讓我覺得最有誠意的部分了!你什么時候見過Apple爸爸這么貼心了!
圖5 增加的Resources章節
Apple的設計師對內部的細節內容也進行了翻新和擴建,在這里就不贅述了,但是確實值得大家細細去研究一番的,傳送門在此:iOS 10 Human Interface Guidelines
我個人的感覺是,以前的HIG像是寫給非設計人士/個人開發者的,使當年的他們在缺乏專業設計師的條件下也能保證產品的基礎體驗;現在的HIG更像是寫給專業設計師的,說明了移動互聯網整個行業已經成熟,職業分工越來越細,職業化程度越來越高,而用戶和行業對設計的要求、設計對于產品的重要性也達到了一個新的高度。
而重視設計的Apple變的更加關注設計,試圖像當年iOS 7一樣,在設計和體驗上帶一波新的節奏。
P.S. 在這個方向上走在前列的是早在14年就發布了Material Design的Google。
趨勢:大而簡,簡而精
在HIG最最最重要的設計原則的部分,仍然是萬年不變的Deference(順從)/Clarity(清晰)/Depth(深度)。
但是不知道大家有沒有注意,其中有了一個非常細微的變化,就是萬年老二的Clarity(清晰)原則,這次成了老大。具體原因也只有Apple的設計師知道了(貌似是來自于用戶吐槽),但是就結果來說,「清晰」這一設計準則應當會是以后的設計趨勢和重點
另外,對于設計原則的解釋的內容也增多了,不要以為Apple突然抽風從冰山美人變成了話癆,增多的內容恰恰告訴了我們Apple重視的究竟是什么。
圖6 新老設計三原則對比
新聞熱點
疑難解答