2014年1月8日，蘋果發布了iOS7.1 beta3。開發者已經可以通過OTA升級下載這一新版本的iOS系統。除了修補一些bug並進一步加強語音輔助功能之外，新版的用戶界面（UI）體系發生的變化更引人注目。經歷了iOS 7發布之初人們對其風格迥異的「扁平化」設計毀譽參半的爭論，這半年來，iOS7的每次升級，都體現了蘋果的UI設計團隊對「扁平化」的理解持續深入。

新版iOS7.1 beta 3首先對鍵盤作出了調整：字體增粗，「刪除」和「大小寫」等按鍵進一步增灰，FaceTime和下欄應用也有了不同程度的變深：

ios71keyboard

為什麼調整成這樣？因為所謂扁平化的設計風格，並非直接把UI一刀切去肌理。它的設計理念，源於設計者希望人們的注意力從過分聚焦在界面元素的狀態，回歸為重視內容本身，而複雜的肌理只會干擾內容的條理。

但扁平化的設計的前提是：對內容的訊息架構有所要求。確保扁平界面的可用性，首先需要梳理清楚內容的層級結構，讓用戶找對交互對象，這一點基本功做好的前提下，所謂「擬真化」與「扁平化」的爭論反而不重要了。

從上圖的鍵盤變化我們可以看出，蘋果正把過於「扁平」以至影響視線掃描的部分加強。iOS 7.1 beta3由「純扁平」改良至略有肌理，便是一個印證，也是一次對徹底「扁平化」的反動。

反面的例子，可參考中國某家科技部落格最近改版得接近「純扁平」的主頁設計，你可以發現，層級結構沒有做好便「追求極致」的後果——訊息分散，模塊之間互相產生了排斥。

再來一張iOS 7 Beta 3的圖。同樣的道理，在確保了訊息結構後，蘋果進一步嘗試透過提升對比度來增強交互元素的表現力：配色、字號、位置佈局等等都是可以改變的元素，為交互提供必要的視覺線索及反饋效果，幫助用戶建立認知。 iOS 7的三大設計宗旨：依從、清晰、縱深都得到了很好的詮釋：

phonedialer

iOS 7.1 beta3對「扁平化」的調整和改動，並不僅僅是UI的問題。它可以延伸至另一個思考：如何讓內容更直接呈現，功能以更低成本完成。

我想到了之前PingWest剛報導的一款圖片社交產品Civo，Civo在iOS 7發布之前便是採用扁平設計，理念上已十分貼合，但這並不是重點。在新版裡，我們可以發現這款產品在同一個feed流界面上作了大幅度的改良，把內容（圖片）從頭像中「提取」出來。簡而言之，它採取更直接的內容呈現方式，減少操作層級，這又是一例。（下圖左側為原版）

「突出內容」，同樣可體現在功能模塊位置的設置上。以下是三款金融訊息類應用，我們可以發現，同樣是行情交易軟體，騰訊的「自選股」(iOS/Android)進入主頁首先顯示的是股票報價，而專業從事證券訊息服務多年的「同花順」(iOS/Android)，卻把用戶帶進設有16個選項的個人主頁面，對於一款需要用戶爭分奪秒，以行情交易的瞬息變化為操作需求的產品而言，效率高下立斷。

同樣地，金融訊息工具「雪球財經」(iOS/Android)的客戶端也反映了上述問題：在沒有做好訊息架構（提供了過多且不重要的選項）分類的基礎上，跟風使用扁平化設計，在選項上也沒有做視覺的優化，底下的毛玻璃肌理還對內容產生進一步干擾，這些，無疑都提升了用戶的交互和認知成本。

相對於視覺風格，iOS 7的本質更關注交互層面的內容，「擬真化」與「扁平化」的衝突與中和，背後是一整套完整的設計邏輯。如何用這套設計邏輯為用戶帶來最恰當的體驗才是最關鍵的。當對設計理念有足夠認知時，它留下的是一套嚴謹的生產標準，而不僅是對潮流的跟隨。

出自：Pingwest