iOS10的人機界面設計指南:哪些設計趨勢值得我們注意

9月7日,Apple將會召開本年度的秋季發(fā)布會,發(fā)布的新產(chǎn)品包括新款的MacBook Pro、iPhone 7以及Apple Watch 2。但是我更加關注的是隨著iPhone 7一起發(fā)布的iOS 10正式版,因為在之前6月份的WWDC 2016大會上,Apple就宣稱iOS 10是「The biggest iOS release ever」,這次正式版的發(fā)布,Apple應該會對iOS 10給予重大的期望。
在iOS 10正式發(fā)布前夕,本文主要針對已經(jīng)發(fā)布的iOS 10的人機界面設計指南(Human Interface Guidelines,簡稱HIG)來對比分析新老版本的iOS系統(tǒng)在設計上究竟有哪些改變,有哪些設計趨勢值得我們注意。
先上iOS 10 官方指南的原地址:https://developer.apple.com/ios/human-interface-guidelines/
騰訊ISUX介紹
騰訊社交用戶體驗設計,簡稱ISUX (Internet Social User Experience),成立于2011年1月11日,是騰訊集團核心、全球最具規(guī)模的UX設計團隊,專業(yè)成員包括用戶研究、交互設計、視覺設計、品牌設計、視頻動畫設計、UI開發(fā)、產(chǎn)品設計與市場研究等,至今ISUX分布于中國深圳總部、北京、上海、成都及韓國首爾。
改變:越來越像給設計師用的「設計指南」
首先,我們先來看一下iOS 10之前的HIG歷史版本記錄,了解一下在以前的版本中Apple都做了些什么:
圖1 iOS HIG Revision History
自從iOS 7開始,每個版本的HIG都是在同一個框架中進行維護的,而且維護頻率之低改動幅度之小令人發(fā)指(當然跟Apple一貫的嚴謹風格有關)
而針對設計部分的內(nèi)容一共也只有兩次改動,這種情況一直持續(xù)到iOS 9,如果你愿意把iOS 7、8、9三個版本的HIG拿出來一起看,簡直就是在玩找茬游戲。
然后,我們再拿iOS 9 和 iOS 10 的HIG結構框架進行一下對比:
圖2 iOS HIG版本對比
幾乎是完全不同的結構框架!
歷經(jīng)三年以及三個版本都沒動過的框架被開了刀,我相信Apple的設計師絕對不是因為閑的無聊才干出這種事的。
對于Apple這種嚴謹且強迫癥的公司來說,做每一件事必然有其原因,這里面?zhèn)鬟f出了一個信號:iOS 10的設計會發(fā)生「重大改變」,而Apple也期望通過設計的改變來獲取更多的用戶。
讓我們把視角再深入到具體的章節(jié)中,看看都有些什么變化:
1)增加了之前沒有過的Interaction章節(jié) (主要內(nèi)容為軟硬件與用戶的交互)
2)原來的Icon and Image Design章節(jié)(主要內(nèi)容為系統(tǒng)中不同情境下的icon設計定義)改名為Graphics章節(jié)并且優(yōu)先級上浮
3)原來的iOS Technologies章節(jié)(系統(tǒng)中的新技術)改名為Technologies章節(jié)且優(yōu)先級下移
4)原來UI Design Basics章節(jié)中的動畫/品牌/色彩/布局/字體的內(nèi)容專門提取出來生成新的Visual Design章節(jié)
圖3 iOS HIG版本對比
5)原來的UI Elements一級目錄被取消,其中的二級目錄全部成為了一級目錄
圖4 iOS HIG版本對比
6)增加了新的Resources章節(jié),提供了PSD Templates、San Francisco Fonts和Xcode Projects的下載!這是讓我覺得最有誠意的部分了!你什么時候見過Apple爸爸這么貼心了!
圖5 增加的Resources章節(jié)
Apple的設計師對內(nèi)部的細節(jié)內(nèi)容也進行了翻新和擴建,在這里就不贅述了,但是確實值得大家細細去研究一番的,傳送門在此:iOS 10 Human Interface Guidelines
我個人的感覺是,以前的HIG像是寫給非設計人士/個人開發(fā)者的,使當年的他們在缺乏專業(yè)設計師的條件下也能保證產(chǎn)品的基礎體驗;現(xiàn)在的HIG更像是寫給專業(yè)設計師的,說明了移動互聯(lián)網(wǎng)整個行業(yè)已經(jīng)成熟,職業(yè)分工越來越細,職業(yè)化程度越來越高,而用戶和行業(yè)對設計的要求、設計對于產(chǎn)品的重要性也達到了一個新的高度。
而重視設計的Apple變的更加關注設計,試圖像當年iOS 7一樣,在設計和體驗上帶一波新的節(jié)奏。
P.S. 在這個方向上走在前列的是早在14年就發(fā)布了Material Design的Google。
趨勢:大而簡,簡而精
在HIG最最最重要的設計原則的部分,仍然是萬年不變的Deference(順從)/Clarity(清晰)/Depth(深度)。
但是不知道大家有沒有注意,其中有了一個非常細微的變化,就是萬年老二的Clarity(清晰)原則,這次成了老大。具體原因也只有Apple的設計師知道了(貌似是來自于用戶吐槽),但是就結果來說,「清晰」這一設計準則應當會是以后的設計趨勢和重點
另外,對于設計原則的解釋的內(nèi)容也增多了,不要以為Apple突然抽風從冰山美人變成了話癆,增多的內(nèi)容恰恰告訴了我們Apple重視的究竟是什么。
圖6 新老設計三原則對比
相關文章
iOS10正式版值得升級嗎?iOS10正式版與iOS9.3.5全系運行速度對比評測
9月14日凌晨蘋果推送了iOS10正式版,本次更新了一些功能也帶來了些問題,那么該不該升級iOS10呢?升級后iOS10正式版與iOS9.3.5的流暢度哪個更快呢?下面就一起來看看iOS102016-09-14iOS10升級變磚怎么辦?iPhone變磚重刷iOS10教程
iOS10升級變磚怎么辦?可通過同步助手和iTunes來重新更新iOS10固件。未升級的用戶不建議直接OTA更新,下面小編就給大家?guī)韎Phone變磚重刷iOS10教程,一起來看看吧2016-09-14升級iOS10后手機發(fā)熱嚴重怎么辦?iOS10續(xù)航降低/耗電快的解決方法
9月14日凌晨iOS10正式版終于推送了,雖然關于OTA升級變磚的問題蘋果已經(jīng)快速解決了,但我們還看到一些用戶抱怨續(xù)航掉電快,而且還發(fā)熱嚴重,那么怎么解決呢?下面就一起來2016-09-14升級iOS10正式版后耗電快怎么辦?升級iOS10正式版后耗電嚴重及發(fā)熱的解
蘋果今天推出了iOS10正式版,iOS10正式版在界面和功能上都有不小的變化和改進,例如全新的通知中心和原生應用,加強的3D Touch等等,但有部分用戶反映升級iOS10正式版后耗2016-09-14iOS10正式版怎么降級?ios10降級刷回iOS9.3.5圖文教程
9月14日凌晨蘋果發(fā)布了iOS10正式版,ios10正式版小伙伴們更新出現(xiàn)了一些問題,那么ios10正式版怎么降級?下面就為大家介紹ios10正式版降級到iOS9.3.5教程吧2016-09-14iOS10正式版怎么降級?iOS10正式版降級到iOS9.3.5教程
iOS10正式版怎么降級?下面小編就給大家?guī)韎OS10正式版降級到iOS9.3.5教程,一起來看看吧2016-09-14蘋果iOS10正式版升級后有哪些bug? iOS10匯總已知問題匯總
蘋果iOS10正式版升級后有哪些bug?很多朋友升級ios10正式版以后遇到了很多問題,今天我們就來整理一下iOS10匯總已知問題匯總,需要的朋友可以參考下2016-09-14ios10正式版升級失敗怎么辦 蘋果ios10正式版升級失敗解決方法
蘋果iOS已經(jīng)發(fā)布了,很多朋友在升級iOS10時失敗.這是怎么回事呢?今天小編就為大家?guī)硖O果ios10正式版升級失敗解決方法,一起看看吧2016-09-14iOS10正式版升級需要多大空間?升級iOS10正式版需要占用多大內(nèi)存?
蘋果今日正式為用戶推送了iOS10的正式版本,此次iOS10正式版在界面和功能上都有不小的變化和改進,那么iOS10正式版升級需要多大空間?升級iOS10正式版需要占用多大內(nèi)存?本2016-09-14iPhone5s升級iOS10正式版卡不卡?蘋果5s升級iOS10新系統(tǒng)怎么樣?
今天凌晨1點,蘋果正式為用戶推送了iOS10的正式版本,此次iOS10正式版在界面和功能上都有不小的變化和改進,例如全新的通知中心和原生應用,加強的3D Touch等等,有朋友問i2016-09-14