扁平和簡約來襲

　　譯者注：本文作者 Adrian Taylor 是一位交互創意總監并且是Pushstart Creative的創辦人,專注于多種研究，如物理聚合、人機交互技術和品牌體驗等。盡管他目前工作的重點是產品研發、戰略發展、UX等，但是對pixels卻一往情深。想了解更多可以去 designtaylor.com或者上Twitter查找 Adrian Taylor。

　　原文地址：http://www.smashingmagazine.com/2013/09/03/flat-and-thin-are-in/

　　在過去幾年里，軟件和APP的界面設計風格發生了迅速變化，由3D、擬物發展到扁平、簡約。盡管這一趨勢普遍存在，我們還是思考下是如何發展至此的，以及它對整個界面設計領域有何影響。另外，我會分享扁平界面設計的一些技巧和注意問題。

Windows Phone 8 和 Apple’s iOS 7的用戶界面

發生了什么？

　　那么，為什么群體意識從喜愛帶紋理、有透視和陰影的設計轉變喜愛扁平色彩和極簡圖形的設計呢？當然導致這一轉變有很多因素，但是有一些因素更為突出。

信息過載

　　隨著世界聯系越來越緊密，我們不斷地接受大量信息，一些信息是重要的、相關的，但大部分不是。我們不斷地評估其價值，過濾無用信息，或創建新的內容，所有這些都使我們精疲力竭。還有，大部分內容消費已轉移到小屏幕設備，更是加劇了超負荷現象。這樣我們就很容易就淹沒在信息中，砍掉用戶界面（UI）的繁雜元素才是視覺設計的王道。

擺脫混亂: Geckoboard的設計使關鍵數據被一目了然呈現，并易于理解

簡約就是金科玉律

　　同樣有個趨勢就是，顛覆性的網頁應用和服務正提供高度專用化的工具，只設計少數功能。雖然傳統軟件開發員傾向于為產品加載過多功能，以期獲得高價定位；但目前變化趨勢專注于微應用，偏愛功能簡潔。簡單的應用意味著有簡單的界面。

美觀且精致：由Oak.設計的 Blue 天氣應用程序

又一次，以內容核心

　　新設備和新技術涌入市場時，常常會出現這樣的情況，我們熱衷于思考于它們能做什么，我們又怎樣才能提高交互性。但關注界面設計這一狂熱之后又回歸專注于內容。媒體資源的消費，不論文字、音樂還是視頻、音視頻，等我們設備上最常用的活動，在你樂享其中時，肯定不希望被無關的界面元素打擾。

技術水平

　　隨著智能手機和平板電腦已滲透到千家萬戶，顯性操作正在逐漸減少。過去，如果彈窗沒有從屏幕跳出來，我們曾擔心用戶會錯過操作，而現在，我們更愿意讓用戶去探索這種細微的交互體驗。鑒于此，很多互聯網產品已經支持沒有任何視覺引導的觸碰指令。

Fitbit的儀表盤的視覺設計清爽,、膽大,和親和力

技術的影響

　　大部分軟件受限于運行平臺。屏幕尺寸和像素密度也受限于硬件設備條件。一個簡約的界面需要十分有限的設計元素，這意味著每一個元素都要有所發揮。排版布局和字體粗細在很大程度上決定了扁平設計的美觀和易用性。

　　如果你的目標設備不能處理好這方面的細微差別，你就不太幸運了。隨著屏幕尺寸和像素密度不斷增加，更細、更小的樣式也能呈現最佳的清晰度。當然，對@font-face屬性的支持，提高了對文字間距的集中處理，也增加了極簡排版的吸引力。

Wallmob的市場數據監控應用：從任何一個有一個瀏覽器的設備上都可以檢測到數據

響應式設計

　　隨著各種尺寸聯網設備的普及，交互界面變得更需要強調適配性，響應式設計也就應運而生。雖然響應式設計并不要求特定風格，但扁平的交互界面顯然比其它樣式要更容易處理。簡約設計的另一種優勢就是，能見降低頁面重量和縮短加載時間。

無重量的響應設計: OnSite. (大尺寸展示)

勇于實踐

　　好了，不嘮叨理論了。讓我們看看實踐上的操作吧。設計一個有效的簡約風格很具有挑戰的。當你拋棄界面上那些花哨的裝飾元素（下拉陰影，透視關系，紋理材質等），立馬就會意識到剩余的元素關鍵且重要。以下幾個技巧在設計中普遍很實用，特別是針對扁平UI設計：

開始設計之前

　　任何項目開始第一步，就是確保你選對風格。深入設計之前，確保風格符合目標用戶的感知需求，適應目標平臺、承載設備和應用類型。如果該方案風格與項目不匹配，那么接下來的導向則毫無意義。

流程

　　設計流程非常重要，無論選擇何種樣式！簡約設計時記住以下幾點：

　　1. 設計minimal界面時，我會從pre-pc時代尋求靈感，那個時候的藝術大師，用少量的資源做了大量的設計。例如：Josef Müller-Brockmann 和Wim Crouwel，重溫這些大師的作品是很好的學習機會。但是有時我也會參考minimal畫家的作品，如Ellsworth Kelly，建筑師，如Mies van der Rohe 和工業設計師，如Dieter Rams。

　　2. 放下工作，休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻后再回到工作，帶著全新的眼光工作，比長時間冥思苦想更有效。

　　3. 并排比較各個版式同樣有幫助。哪怕花20分鐘前將一個線條下移各5個像素分別保存，對比兩個版式就能很快分清孰好孰壞。

　　4. 由于實物展示的相對比例至關重要，所以要及早在不同的目標設備上測試。

　　5. 整個設計過程中不斷問自己“真的需要嗎？” 。支撐項目時候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會這樣會很容易也會很吸引人，但必須始終注意剔除不必要的元素，不斷精簡。甩掉你費盡心血的部分總是難以割舍，但修改過程必須挑剔。