UI設計中的擬物設計、擬態(tài)設計以及扁平化設計風(fēng)格

UI設計是指對軟件的人機交互、操作邏輯、界面美觀(guān)的整體設計、互聯(lián)網(wǎng)中常用的UI設計是虛擬UI。好的UI設計不僅是讓軟件變得有個(gè)性有品味，還要讓軟件操作變得舒適簡(jiǎn)單、自由，充分體現軟件的定位和特點(diǎn)。做UI設計的時(shí)間稍微久一點(diǎn)的都知道，在早些年，有一種設計風(fēng)格叫做“擬物設計”。

所謂的擬物設計，就是現實(shí)生活中的物件長(cháng)什么樣子，我們就在設計中就要盡力模仿，模擬質(zhì)感。光澤度以及運用方式等等。

比如說(shuō)你要做一個(gè)閱讀APP的界面，那就應該將看看現實(shí)生活中的書(shū)架長(cháng)什么樣子，然后盡量去模擬它。這樣做的好處就是可以讓用戶(hù)很容易看懂你的設計，無(wú)需思考即可上手。

看到這樣的界面，完全不用看文字，就能知道每個(gè)圖標是做什么的。當然，擬物設計帶來(lái)的問(wèn)題也是很明顯的，那就是界面太“重”了。各種繁復的高光、陰影、紋理疊加在一起，使得界面本身過(guò)于搶眼球，讓用戶(hù)的視線(xiàn)無(wú)法聚焦在內容上，簡(jiǎn)單點(diǎn)說(shuō)，就是設計大于內容，喧賓奪主了。于是，扁平化設計應運而生。

上圖中，左邊為擬物設計，右邊為扁平化設計。一開(kāi)始很多人抨擊扁平化設計太丑，無(wú)法接受。但是他們沒(méi)明白的是，擬物和扁平不是兩種設計風(fēng)格之爭，扁平化設計一路披棘斬荊，領(lǐng)先于擬物設計。

但是自從扁平化風(fēng)格設計ZHi后，各家的APP就越來(lái)越長(cháng)得雷同，變得難以辨認。

上述圖片為不同手機的日歷界面，是不是像同一個(gè)模子里出來(lái)的？這就是極簡(jiǎn)的扁平化設計帶來(lái)的必然結果。正是因為這個(gè)原因，設計師們有設計出一種新的風(fēng)格，他們把這種風(fēng)格稱(chēng)之為“擬態(tài)設計”。

什么是擬態(tài)設計呢？擬態(tài)設計是對擬物設計的一種回歸。相對于擬物設計的重質(zhì)感，它是一種輕質(zhì)感，在不干擾內容的前提下，做適當的修飾。相對于扁平化設計，擬態(tài)設計通過(guò)漸變色、高光陰影等方式，刻畫(huà)出恰到好處的重量感。擬態(tài)設計強調的是表現出物體的狀態(tài)。比如說(shuō)一個(gè)按鈕，它就應該有凸起來(lái)和凹下去的狀態(tài)，這樣才能給用戶(hù)最清晰的反饋。它是一種新的設計理念。在視覺(jué)上，它回歸擬物化，但是不會(huì )像擬物設計那樣全盤(pán)模擬真實(shí)世界，而是通過(guò)恰當的高光陰影刻畫(huà)出輕量的畫(huà)面質(zhì)感。在交互上，它強調對物件的狀態(tài)精準還原，畫(huà)面中可以操作的地方必須像真實(shí)世界那樣體現出來(lái)。

對于以上的設計風(fēng)格，你會(huì )考慮將這些風(fēng)格應用到自己的項目中嗎？