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

成都創(chuàng)新互聯(lián)是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、小程序開發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十年以來,已經(jīng)為1000+被動防護網(wǎng)各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)?,F(xiàn)在,服務(wù)的1000+客戶與我們一路同行,見證我們的成長;未來,我們一起分享成功的喜悅。
扁平化設(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也采用了這種看起來扁平,但是當你把鼠標移過去就會出現(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)的模仿,并不等于扁平化~而且陰影漸變形式還有很多潛力可挖呢~
標題名稱:談?wù)動脩艚缑嬷斜馄交O(shè)計
當前路徑:http://fisionsoft.com.cn/article/cojopsd.html


咨詢
建站咨詢
