扁平化體驗的價值

作者為 Rigo 創始人兼設計總監，Rigo 為國內知名用戶體驗設計公司，產品設計包括 MIUI V5、小米電視盒子、Intel Meego 平板、獵豹瀏覽器等。

今年的 WWDC 最耀眼和話題感的可能就是 iOS7 了。通宵觀看了直播，直到在自己手機上刷了 iOS 7，用了幾小時后，來說說自己的感受與看法。

iOS 7 系統層面的平面設計化設計，從操作層級到視覺風格，相信不少意見領袖與專業人士，在 WWDC 大會前后都給過趨勢預言與風格評論等，在此不再復述。不去評論 iOS 7 上有多少其他產品的影子，或是有多少令你失望抑或眼前一閃的亮點，圖標是否統一，好不好看，界面結構是不是很亂，層級不清……產品設計圈的朋友爭到現在也 沒個結果。我想在這里不妨關心一下從體驗的層面，平面設計風格為用戶的使用帶來了什么價值。

內容：讓內容成為主人

內容重于形式，內容才是整個體驗的精髓。平面化設計將舞臺重還于內容，這不就是用戶關心的么？平面化設計帶來的是解決干擾，而不僅僅是創造視覺驚 喜，在屏幕上僅留下用戶當前最關注的東西，它讓人們沉浸在他們喜歡的內容中。減少概念與界面層級的視覺裝飾，更多地使用用戶已經掌握的交互行為，這樣你才 可以把重點精力集中到最核心內容上。

布局：視覺動線的引導

平面化讓我們用最清晰的圖形元素創建最簡潔的視覺效果，去掉多余的線和框，僅用內容本身來布局內容，為內容留出呼吸空間。優秀的平面感設計，會出色地引導與協助用戶的視覺動線，有序的區分界面層級與操作，讓用戶專注于目的本身。

功能按鈕 ：沉浸于內容中

功能操作沉浸于整體內容之中，通過用戶使用前后情境而響應式的呼出必要的功能操作。只有在必要的時候，而不是在所有時間。

文字排版 ：內容的構造與節奏

優秀的平面化設計，建立在整齊而美觀的文字排版基礎之上。文字排版為內容創建結構和節奏感。用統一的字體、字號、粗細來建立信息層次。

留白的藝術：負空間的設計魅力

留白——設計中負空間的重要性與魅力。利用界面空間的留白來增強內容。

留白空間是界面的重要組成部分，留白是內容的一部分，以及內容意境的一種伸展，優秀的留白空間設計，使內容變得更加美好，富有憧憬。

在平面化的界面設計中，更加注重通過對齊來呈現簡潔、易讀的內容。

如何通過平面設計語言，讓內容和負空間形成一個有序的規則，通過比例的協調對比來突出重要內容區塊，有意識的使用的留白（負空間設計），為用戶閱讀提供了喘息的空間；同時，引導用戶關注內容本身。這是平面化在界面設計中的重點。

動畫：界面的肢體語言

運動不僅僅是視覺的裝飾或產品炫酷的附加值。優秀的平面化系統中，優秀的動態設計更是整個系統運作的紅線——她提供信息出處并幫助人們理解系統中所有的操作或內容，來自何方，去往何處。和人一樣，動畫是界面系統的肢體語言，她從側面也呈現出一款系統的產品氣質。

一款優秀的系統動畫，提供給人們一個似曾相識的感覺與操控信心。界面動畫提示用戶了解行為的預期, 幫助他們理解和鞏固操作概念，及界面是如何運作的。

無論寫實的擬物設計或寫意的平面設計，如何圍繞需求，讓人們沉浸在他們喜歡的內容中。還是那句話：作為產品人與設計師，要關心的不僅僅是風格與形 式，而是更加美好的體驗。要知道使用你所設計的產品的人，他們并非僅僅是“用戶”，他們是心懷希望，夢想美好體驗的人。你所打造的產品是為了幫助人們去實 現他們各自的夢想。你該如何看待用戶，幫助他們激發自己內在的天賦與價值，你將贏得他們的心。這不就是我們所追求的么。

題圖來自蘋果網站