準“扁平化設計”

0 評論 2477 瀏覽 1 收藏 5 分鐘

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

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

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

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

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


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

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


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


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

來源 ?MATTHEW MOORE DESIGN

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!