<dfn id="yhprb"><s id="yhprb"></s></dfn><dfn id="yhprb"><delect id="yhprb"></delect></dfn><dfn id="yhprb"></dfn><dfn id="yhprb"><delect id="yhprb"></delect></dfn><dfn id="yhprb"></dfn><dfn id="yhprb"><s id="yhprb"><strike id="yhprb"></strike></s></dfn><small id="yhprb"></small><dfn id="yhprb"></dfn><small id="yhprb"><delect id="yhprb"></delect></small><small id="yhprb"></small><small id="yhprb"></small> <delect id="yhprb"><strike id="yhprb"></strike></delect><dfn id="yhprb"></dfn><dfn id="yhprb"></dfn><s id="yhprb"><noframes id="yhprb"><small id="yhprb"><dfn id="yhprb"></dfn></small><dfn id="yhprb"><delect id="yhprb"></delect></dfn><small id="yhprb"></small><dfn id="yhprb"><delect id="yhprb"></delect></dfn><dfn id="yhprb"><s id="yhprb"></s></dfn> <small id="yhprb"></small><delect id="yhprb"><strike id="yhprb"></strike></delect><dfn id="yhprb"><s id="yhprb"></s></dfn><dfn id="yhprb"></dfn><dfn id="yhprb"><s id="yhprb"></s></dfn><dfn id="yhprb"><s id="yhprb"><strike id="yhprb"></strike></s></dfn><dfn id="yhprb"><s id="yhprb"></s></dfn>
關(guān) 閉

新聞中心

EEPW首頁(yè) > 工控自動(dòng)化 > 設計應用 > 什么是“平面化”和“擬物化”?

什么是“平面化”和“擬物化”?

作者: 時(shí)間:2013-05-29 來(lái)源:網(wǎng)絡(luò ) 收藏

最近由于iOS 7很快就要到來(lái),業(yè)界風(fēng)傳這是喬布斯去世后蘋(píng)果自身界面最大的一次進(jìn)化,主導者是蘋(píng)果公司現任首席設計師、喬布斯的接班人Jony Ive。而媒體上討論得最多的關(guān)鍵詞有兩個(gè):“平面化”和“擬物化”。

本文引用地址:http://dyxdggzs.com/article/201925.htm

什么是“平面化”和“擬物化”?

什么是平面化風(fēng)格?什么是擬物化風(fēng)格?不管你對先前公布的部分iOS 7系統截圖是怎樣的態(tài)度,我們都有必要首先了解一下這兩個(gè)單詞的的實(shí)質(zhì)、由來(lái)。

仔細觀(guān)察,你會(huì )發(fā)現,我們現在所用大部分電子產(chǎn)品的系統UI,無(wú)論是計算機桌面、“我的電腦”,還是iPhone的計算器、報刊雜志應用,都在或多或少地模擬現實(shí)世界出現的同類(lèi)事物,通俗的說(shuō),這就是“擬物化”。這種擬物設計的初衷是讓人們更好更形象地理解系統所要表達的功能,它會(huì )花額外的精力描繪UI細節和裝飾。

這類(lèi)設計不僅體現在圖標的擬物化思路上,還可以用動(dòng)態(tài)過(guò)程表達出來(lái)。如某些音頻、視頻應用,將控制臺設計成現實(shí)世界中調音臺的樣子,又如PC文件移動(dòng)過(guò)程中,會(huì )有文件從一個(gè)文件夾飛躍至另一個(gè)文件夾的動(dòng)畫(huà)擬物效果。

另外,這類(lèi)借殼(skeuomorphism)設計并非系統UI設計獨有,在很多實(shí)物上你也能發(fā)現它的影子。一臺木質(zhì)音箱,外殼居然貼上了木材料皮膚,這是因為木頭能發(fā)出更好的聲音嗎?三星Galaxy S手機背面的金屬仿真拉絲是真的金屬嗎?顯然不是。這種數字世界模仿現實(shí)世界實(shí)物,或現實(shí)中模仿、偽裝成另一種設計的方式都可以被稱(chēng)作借殼或擬物。

擬物在數字世界中的應用可以追溯到上世紀80年代,雖然并非蘋(píng)果首創(chuàng ),不過(guò)1984年蘋(píng)果商用的首款用戶(hù)GUI就很好地詮釋了具有擬物特色的桌面和圖標——它們與現實(shí)世界中的文件夾、紙張非常相似,隨后這種設計思路一直被沿用至今,成為數字世界中的主流設計。

平面化的極簡(jiǎn)主義設計與此恰好相反,平面化的設計風(fēng)格提倡去除沒(méi)有意義的外在形式,因為它們只是為功能服務(wù)的。這里所去除的形式包括了擬物風(fēng)格里常見(jiàn)的漸變、陰影、反射、立體過(guò)渡等等,將用戶(hù)從模擬現實(shí)世界的風(fēng)格里拉出來(lái)。

平面化設計的典型范例之一是Google Now,它采用卡片式的呈現方式將所有信息羅列在簡(jiǎn)單的方框中,沒(méi)有圖標概念,極簡(jiǎn)了形式和外顯,所以人們會(huì )更專(zhuān)注于信息內容的閱讀。而將這種極簡(jiǎn)設計相對而言做到極致的便是Windows Phone 8和Windows 8的Metro UI,單一的色塊幾乎完全就是為了烘托內容。

擬物在UI設計上的精髓在于幫助用戶(hù)理解某款應用或某個(gè)按鈕的功能,但隨著(zhù)PC在人類(lèi)世界的普及,我們已經(jīng)無(wú)需花太多時(shí)間在理解圖標和按鈕的功能上。這時(shí),擬物便顯得有些多余和累贅,那些不必要的細節和形式主義反而會(huì )影響人們對信息的獲取。所以平面化的設計風(fēng)格有了更好的市場(chǎng),得到更多人的接受。這也是iOS 7欲平面化的現實(shí)基礎。

這種設計風(fēng)格的變革似乎也是上世紀現代主義辯論后的產(chǎn)物,忠實(shí)于原材料和架構是其主要表達的意愿。平面化設計原本并不新鮮,它是現代設計和科技的訴求。

另一方面,正如上世紀30年代包豪斯建筑學(xué)派在向主流世界引進(jìn)嚴格的現代主義后,第二代設計師便再度引入了批判地域主義的概念,未來(lái)平面化設計仍將有被推翻和洗牌的演進(jìn)過(guò)程。

當然,在平面化設計尚未全面到來(lái)之前,說(shuō)這些話(huà)還太早。我們現在正等著(zhù)Jony Ive為我們獻上的iOS 7平面化大餐。



關(guān)鍵詞:

評論


相關(guān)推薦

技術(shù)專(zhuān)區

關(guān)閉
国产精品自在自线亚洲|国产精品无圣光一区二区|国产日产欧洲无码视频|久久久一本精品99久久K精品66|欧美人与动牲交片免费播放
<dfn id="yhprb"><s id="yhprb"></s></dfn><dfn id="yhprb"><delect id="yhprb"></delect></dfn><dfn id="yhprb"></dfn><dfn id="yhprb"><delect id="yhprb"></delect></dfn><dfn id="yhprb"></dfn><dfn id="yhprb"><s id="yhprb"><strike id="yhprb"></strike></s></dfn><small id="yhprb"></small><dfn id="yhprb"></dfn><small id="yhprb"><delect id="yhprb"></delect></small><small id="yhprb"></small><small id="yhprb"></small> <delect id="yhprb"><strike id="yhprb"></strike></delect><dfn id="yhprb"></dfn><dfn id="yhprb"></dfn><s id="yhprb"><noframes id="yhprb"><small id="yhprb"><dfn id="yhprb"></dfn></small><dfn id="yhprb"><delect id="yhprb"></delect></dfn><small id="yhprb"></small><dfn id="yhprb"><delect id="yhprb"></delect></dfn><dfn id="yhprb"><s id="yhprb"></s></dfn> <small id="yhprb"></small><delect id="yhprb"><strike id="yhprb"></strike></delect><dfn id="yhprb"><s id="yhprb"></s></dfn><dfn id="yhprb"></dfn><dfn id="yhprb"><s id="yhprb"></s></dfn><dfn id="yhprb"><s id="yhprb"><strike id="yhprb"></strike></s></dfn><dfn id="yhprb"><s id="yhprb"></s></dfn>