“扁平化”這詞在最近瘋狂的流行，但扁平化風格設計不意味著設計工作本身可以得到簡化，更不意味著界面可用性的衡量標準可以被降低。Jeffrey Zeldman 說過一句話：“內(nèi)容應當先于設計，缺乏內(nèi)容的設計算不上設計，最多算裝飾。”由此可見，可用性的重要，本文將與各位分享一些tips，希望可以幫助你在打造扁平化設計方案的同時提升界面的可用性。
Exposure只用了很細的線框來界定首頁上兩個最重要的Call to Action，但在鼠標懸停時提供了足夠強大的對比反饋來提示元素的可交互性。
Focus Labs通過配色和元素布局關系來提升交互元素的對比度；鼠標懸停時還會有CSS動效來增強視覺反饋。
將模糊化的照片作為背景，在扁平環(huán)境中有效的創(chuàng)建出了縱深。
一、定義信息架構
扁平化風格最讓我欣賞的一點就是對內(nèi)容的突出。曾幾何時，我們過分聚焦在界面元素的擬真風格上，內(nèi)容反而成為次要。在扁平化風格的界面中，那些零七八碎的會牽扯用戶注意力的元素被去除，這很好，但你必須當心，不要使其成為破壞信息結構的雙刃劍。
要確保扁平界面的可用性，你首先要梳理清楚內(nèi)容的層級結構，尤其是在網(wǎng)站的前期規(guī)劃及線框稿階段。拋開界面元素風格不談，你的內(nèi)容本身是否有著易于視線掃描的結構？用戶可以找到最重要的交互對象嗎？無論視覺風格是扁平還是擬物，堅實的信息架構都是最重要的基礎。
二、強化交互性
說到扁平化界面的可用性，一個比較關鍵的設計挑戰(zhàn)就是怎樣讓可交互元素看上去是“可交互”的。扁平風格意味著視覺表現(xiàn)形式上通常只有兩個維度可以使用，以往用來構建“可點擊”效果的漸變與陰影成為了歷史。
扁平風格并不意味著簡單粗暴的將原先的擬真元素拍平然后丟到界面當中。扁平化與擬物化各自擅長解決的問題是不同的，如果你決定使用扁平風格打造產(chǎn)品界面，那么必須以新的思路來解決設計上的問題。
試著通過提升對比度來增強交互元素的表現(xiàn)力。這里所說的對比度包括配色、字號、位置布局等方面的要素。另外，要為交互元素提供必要的視覺線索及反饋效果，幫助用戶建立認知，例如當鼠標懸停在元素上，或是用戶點擊、觸摸這些元素的時候，其視覺形式需要有所變化，以體現(xiàn)出元素的交互特性以及用戶行為所產(chǎn)生的結果。
Exposure只用了很細的線框來界定首頁上兩個最重要的Call to Action，但在鼠標懸停時提供了足夠強大的對比反饋來提示元素的可交互性。
Focus Labs通過配色和元素布局關系來提升交互元素的對比度；鼠標懸停時還會有CSS動效來增強視覺反饋。
三、加強人性化
由于那些非內(nèi)容性的、模仿現(xiàn)實物體的元素被剝離，所以在設計扁平化界面時常會讓人感覺冰冷而無趣，缺乏親切感及品牌個性。雖然這不會直接降低界面的可用性，但對于產(chǎn)品的整體體驗來說依然有著重要影響作用。
要讓扁平化界面帶來更加積極的體驗，你需要在設計中與用戶建立起情感和人性上的關聯(lián)。試著使用更多的圖片作為“有機”內(nèi)容，來抵消掉扁平化元素的“數(shù)字感”。圖片——無論是圖標、插畫還是照片，都可以在扁平化環(huán)境中創(chuàng)造出更具“人性”和“深度”的氛圍。
將模糊化的照片作為背景，在扁平環(huán)境中有效的創(chuàng)建出了縱深。
小結：扁平化風格絕不僅是從現(xiàn)有界面中抽掉一個維度那么簡單，面對它所帶來的一些可用性方面的問題，從用戶體驗中設計出它每一個小細節(jié)，包括構造良好的信息架構、強化交互元素的視覺特性、為界面增加人性化元素等。
如沒特殊注明，文章均為啟創(chuàng)網(wǎng)絡原創(chuàng),轉載請注明來自：http://www.azoz.cn/site/42.html
