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

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

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

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

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

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

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

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

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