扁平化設(shè)計在當(dāng)下的用戶界面設(shè)計界是很有爭議的，微軟的Metro風(fēng)最早將其介紹給大眾，之后有了很多人跟風(fēng)，比如LayerVault、The Next Web以及更多。許多設(shè)計師從最開始就不看好這類設(shè)計，主要是因為在稍微復(fù)雜一點的界面中，扁平化設(shè)計會帶來很多困擾。

扁平化設(shè)計既漂亮又清新，設(shè)計起來快，也更容易響應(yīng)。如果只是繪畫上的設(shè)計趨向可能會被廣為接受，但是網(wǎng)頁設(shè)計者總是對易用性持有很高的關(guān)注度，因此總會覺得扁平化設(shè)計天然的就有缺陷。

下面這張圖從左往右分別是蘋果、Google和微軟的設(shè)計美學(xué)展示，三家走了非常不同的路線。

中庸之道是解決復(fù)雜爭端的最好辦法。妥協(xié)對觀點鮮明的人來說很難，但是最終受益的還是大眾。在這一例中，受益的大眾就是產(chǎn)品的用戶。

有一個辦法，那就是把扁平化設(shè)計的優(yōu)勢都抽出來，應(yīng)用到高度復(fù)雜的用戶界面中去。至于具體怎么做，可以參考Google現(xiàn)行的界面設(shè)計語言。Gmail(web+iOS)，Google Maps(iOS)和Google+(iOS)都是非常好的準扁平化設(shè)計的例子。

大多數(shù)情況下，這些界面都遵循扁平化設(shè)計的原則：扁平色塊，沒有陰影，利用顏色鼓勵用戶去進行交互(比如Gmail中的紅色按鈕“寫郵件”)。但是仔細看時，你會發(fā)現(xiàn)這個紅色按鈕其實是有很小的弧度的。這道弧度就像是“嘿，快點我!”而不是“哇哦，我看起來誘人的就像糖果一樣!對了你還可以點我的。”這類微妙的功能可見性是準扁平化設(shè)計的重要組分之一，也是其優(yōu)于真正的扁平化設(shè)計的一大特點。

準扁平化設(shè)計自然也不會忽略深度的概念。相反的，適度加入深度的元素可以促進用戶對界面的理解。但是就像弧度一樣，深度元素的融入也需要仔細斟酌，才能讓信息從平面中跳離出來，但又不會破壞扁平化設(shè)計的氛圍。

準扁平化設(shè)計的例子不單有Google，新版MySpace也采用了這種看起來扁平，但是當(dāng)你把鼠標移過去就會出現(xiàn)“快點我”的弧度。Letterpress，這款大師之作的游戲，雖然有些人說是扁平化設(shè)計，但是也采用了陰影設(shè)計來改進交互體驗。還有自最開始就一直不怎么用弧度設(shè)計的Facebook，也用陰影來分隔覆蓋圖和其余頁面。

iOS的未來應(yīng)該會同繁復(fù)的擬物化設(shè)計漸行漸遠，微軟的Metro在易用性也有硬傷，設(shè)計的未來可能屬于準扁平化設(shè)計這類兼具易用性和高效率的設(shè)計語言。

網(wǎng)友點評：

黑白：對于平鋪的大量內(nèi)容，陰影漸變是很有效的組織秩序的方式，通過顏色組織秩序只在視野中央有效，視野周邊幾乎沒有顏色感知細胞，這也就決定了難以產(chǎn)生整體穩(wěn)定的秩序感。想想我們周圍的世界如果只有顏色紋理形狀，而沒有陰影漸變會是多么難以辨認，ios 反對的似乎是對實物諸如紋理特征等與視覺心理無關(guān)的模仿，并不等于扁平化～而且陰影漸變形式還有很多潛力可挖呢～

注：產(chǎn)品中國

標簽： 用戶體驗 扁平化設(shè)計 用戶界面設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。