時(shí)代在變化，我們的審美觀也在隨之改變，做為所謂的資深設(shè)計(jì)師們，你們意識(shí)到了嗎?現(xiàn)在很多網(wǎng)站和應(yīng)用軟件也開(kāi)始玩平面化設(shè)計(jì)(Win8風(fēng)格)了,也就是所謂的Metro UI風(fēng)格，如360殺毒、hotmail、騰訊、易迅、天貓、酷狗音樂(lè)、iPhone版的QQ音樂(lè)等等都已經(jīng)朝這個(gè)興起的UI風(fēng)格改版。

　　在這里解釋一下什么叫Metro UI風(fēng)格，Metro UI風(fēng)格起初是微軟提出的一個(gè)概念(據(jù)說(shuō)由于版權(quán)問(wèn)題已經(jīng)把Metro風(fēng)格改叫Win8風(fēng)格了)，Metro UI是一種界面展示技術(shù)，和蘋(píng)果的iOS、谷歌的Android界面最大的區(qū)別在于：后兩種都是以應(yīng)用為主要呈現(xiàn)對(duì)象，而Metro界面強(qiáng)調(diào)的是信息本身，而不是冗余的界面元素。顯示下一個(gè)界面的部分元素的功能上的作用主要是提示用戶“這兒有更多信息”。同時(shí)在視覺(jué)效果方面，這有助于形成一種身臨其境的感覺(jué)。說(shuō)白了就是完全平面化，設(shè)計(jì)簡(jiǎn)約，沒(méi)有漸變、浮雕等質(zhì)感效果。

　　這是目前比較流行的UI設(shè)計(jì)，好或壞那只能是見(jiàn)仁見(jiàn)智了，但大家都在做，你不做你就OUT了。

　　我有個(gè)習(xí)慣，每當(dāng)有網(wǎng)站改版或APP升級(jí)，我都喜歡對(duì)比新版和舊版的特征，包括UI方面的變化、功能和性能方面的改進(jìn)等。當(dāng)然UI方面是我關(guān)注的重點(diǎn)，發(fā)現(xiàn)現(xiàn)在大多數(shù)APP應(yīng)該軟件改版都改為了所謂的Metro UI風(fēng)格，譬如iPhone版的QQ音樂(lè)，改了之后確實(shí)時(shí)尚、高檔了很多。

　　也許原來(lái)的一些質(zhì)感UI效果、冗余的界面元素確實(shí)不太適合用戶的長(zhǎng)期瀏覽，容易給用戶產(chǎn)生視覺(jué)疲勞。或者原來(lái)的設(shè)計(jì)風(fēng)格已經(jīng)無(wú)法滿足現(xiàn)代人的審美標(biāo)準(zhǔn)，現(xiàn)在是極簡(jiǎn)主義年代、內(nèi)容為王的年代，人們更需要的是內(nèi)容質(zhì)量上的滿足，而不是華而不實(shí)的UI視覺(jué)沖擊，UI設(shè)計(jì)上適當(dāng)留白也許才是人們所追求的最終效果。因此無(wú)論Win 8將來(lái)是否會(huì)成功，它所提出的設(shè)計(jì)理念在某種程度上已經(jīng)被人們接受了。

　　但很多UI設(shè)計(jì)師對(duì)此表示疑惑，如果全部設(shè)計(jì)都平面化了，那如果展現(xiàn)我的設(shè)計(jì)能力呢?那以后還要設(shè)計(jì)師干嘛?產(chǎn)品經(jīng)理就可以直接把效果圖設(shè)計(jì)完了。那我回答一下，這就是美工與設(shè)計(jì)師的區(qū)別，如果你有這個(gè)疑問(wèn)，說(shuō)明你只是一個(gè)美工，而且還沒(méi)達(dá)到一個(gè)高級(jí)設(shè)計(jì)師的級(jí)別。以下我通過(guò)一個(gè)按鈕的設(shè)計(jì)區(qū)分一下美工、設(shè)計(jì)師、高級(jí)設(shè)計(jì)師、資深設(shè)計(jì)師和首席設(shè)計(jì)師的區(qū)別。

　　一個(gè)資深網(wǎng)頁(yè)設(shè)計(jì)師所要做的設(shè)計(jì)，是要提升到戰(zhàn)略層面來(lái)，而不是在這些效果上做糾結(jié)。

　　但個(gè)人認(rèn)為不是所有平面化設(shè)計(jì)都一定好看，其實(shí)想真正的把Metro UI風(fēng)格設(shè)計(jì)好并非想象中的那么容易，要完全不需要質(zhì)量效果的基礎(chǔ)上設(shè)計(jì)得美觀其實(shí)是很難的，我們來(lái)看幾個(gè)案例，像360殺毒、南都網(wǎng)的設(shè)計(jì)就真心不錯(cuò)，而Kugoo就相對(duì)遜色一些。

　　本文作者Jason Wu，網(wǎng)頁(yè)設(shè)計(jì)師，原文刊載于其個(gè)人博客：http://www.web78.cn/blog/