廣告學(xué)畢業(yè)論文_淺析界面設(shè)計(jì)從擬物化向扁平化的變革

1、<p><b>　　本科畢業(yè)論文</b></p><p><b>　　（20 屆）</b></p><p>　　淺析界面設(shè)計(jì)從擬物化向扁平化的變革</p><p>　　所在學(xué)院 </p><p>　　專業(yè)班級(jí) 廣

2、告學(xué) </p><p>　　學(xué)生姓名 學(xué)號(hào) </p><p>　　指導(dǎo)教師 職稱 </p><p>　　完成日期 年 月 </p><p><b>　　內(nèi)容提要</b&g

3、t;</p><p>　　在手持移動(dòng)設(shè)備迅速包裹人類生活的時(shí)代，越來(lái)越多的元素進(jìn)入到小屏幕中，人們對(duì)于手機(jī)等移動(dòng)終端設(shè)備的依賴變得越來(lái)越強(qiáng)，智能化手機(jī)時(shí)代已經(jīng)全速到來(lái)，科技的發(fā)展使得界面容納的東西變得越來(lái)越多，為適應(yīng)這種概念，界面設(shè)計(jì)的發(fā)展也在發(fā)展著巨大的改變，曾經(jīng)主流的擬物化設(shè)計(jì)風(fēng)格不再適用，扁平化設(shè)計(jì)應(yīng)運(yùn)而生，在近1-2年里，扁平化正在迅速替代擬物化設(shè)計(jì)，推動(dòng)界面的的巨大變革。</p><

4、p>　　本文主要論述界面設(shè)計(jì)從擬物化向扁平化的發(fā)展，從四個(gè)大部分進(jìn)行剖析，包含變革產(chǎn)生的發(fā)展背景，關(guān)于擬物化與扁平化的介紹分析，過(guò)渡階段以及未來(lái)發(fā)展趨勢(shì)預(yù)測(cè)。通過(guò)對(duì)四個(gè)部分及其子類的論述，總結(jié)界面設(shè)計(jì)從擬物化向扁平化發(fā)展的原因及歷程，并對(duì)每一發(fā)展階段的特點(diǎn)進(jìn)行分析和概括，解讀這一巨大變化帶來(lái)的影響。</p><p>　　關(guān)鍵詞 扁平化 擬物化 UI設(shè)計(jì) 移動(dòng)</p><p>&

5、lt;b>　　目 錄</b></p><p>　　前言（引言）………………………………………………………………………1</p><p>　　發(fā)展背景…………………………………………………………………………2</p><p>　?。ㄒ唬M物化設(shè)計(jì)的定義及由來(lái)………………………………………………………2</p><p>　

6、　1、擬物化設(shè)計(jì)的定義……………………………………………………………………2</p><p>　　2、擬物化設(shè)計(jì)的由來(lái)與現(xiàn)狀……………………………………………………………3</p><p>　?。ǘ┍馄交O(shè)計(jì)的定義及由來(lái)………………………………………………………4</p><p>　　1、扁平化設(shè)計(jì)的定義……………………………………………………………………4<

7、;/p><p>　　2、扁平化設(shè)計(jì)的由來(lái)與現(xiàn)狀……………………………………………………………4</p><p>　　二、現(xiàn)階段擬物化設(shè)計(jì)與扁平化設(shè)計(jì)存在的優(yōu)缺點(diǎn)……………5</p><p>　?。ㄒ唬M物化設(shè)計(jì)的優(yōu)缺點(diǎn)……………………………………………………………5</p><p>　　1.優(yōu)點(diǎn)……………………………………………………………………

8、………………5</p><p>　　1.缺點(diǎn)……………………………………………………………………………………6</p><p>　?。ǘ┍馄交O(shè)計(jì)的優(yōu)缺點(diǎn)……………………………………………………………6</p><p>　　1.優(yōu)點(diǎn)……………………………………………………………………………………6</p><p>　　1.缺點(diǎn)…………………

9、…………………………………………………………………7</p><p>　?。ㄈ└鶕?jù)現(xiàn)階段界面設(shè)計(jì)的發(fā)展對(duì)比分析……………………………………7</p><p>　　三、從擬物化設(shè)計(jì)到扁平化設(shè)計(jì)的過(guò)渡發(fā)展階段………………8</p><p>　?。ㄒ唬?006到2010年——物理世界和虛擬世界交接的時(shí)代………………………8</p><p>　　（

10、二）2010到2013年——以擬物化設(shè)計(jì)為主的前扁平化時(shí)代……………………9</p><p>　?。ㄈ?013年9月至今——扁平化的逆襲…………………………………………10</p><p>　　三、界面設(shè)計(jì)的未來(lái)趨勢(shì)——扁平化設(shè)計(jì)…………………………11</p><p>　?。ㄒ唬┍馄交O(shè)計(jì)的空間表達(dá)…………………………………………………………11</p&g

11、t;<p>　　1．色彩對(duì)比營(yíng)造空間感………………………………………………………………12</p><p>　　2.圖形的關(guān)系形成立體空間…………………………………………………………12</p><p>　?。ǘ┍馄交O(shè)計(jì)的美學(xué)思想………………………………………………………13</p><p>　?。ㄈ﹪?guó)內(nèi)界面設(shè)計(jì)的新未來(lái)…………………………………

12、……………………13</p><p>　　結(jié)語(yǔ)…………………………………………………………………………………16</p><p>　　注釋…………………………………………………………………………………17</p><p>　　參考文獻(xiàn)…………………………………………………………………………18</p><p>　　論文摘要（中文）………………

13、………………………………………19 </p><p>　　論文摘要（英文）……………………………………………………20</p><p><b>　　前言（引言）</b></p><p>　　目前國(guó)內(nèi)外關(guān)于擬物化與扁平化的爭(zhēng)論很多，界面設(shè)計(jì)的發(fā)展正處于更新?lián)Q代的時(shí)期，大多爭(zhēng)論都圍繞擬物化與扁平化誰(shuí)優(yōu)誰(shuí)劣的問(wèn)題進(jìn)行探討，關(guān)于擬物化向扁平化發(fā)展

14、的分析總結(jié)較少，且因扁平化的設(shè)計(jì)風(fēng)格相對(duì)較新，對(duì)其介紹及分析的文獻(xiàn)相對(duì)匱乏，基本目前國(guó)內(nèi)外的研究現(xiàn)狀，本文從界面設(shè)計(jì)的變革本身作為出發(fā)點(diǎn)，結(jié)合最新的趨勢(shì)對(duì)擬物化和扁平化進(jìn)行綜合解析，并對(duì)界面設(shè)計(jì)的各個(gè)發(fā)展階段進(jìn)行解讀，希望能夠?yàn)榻缑嬖O(shè)計(jì)的發(fā)展分析提供參考。目前界面設(shè)計(jì)對(duì)于智能產(chǎn)品的發(fā)展起到至關(guān)重要的作用，而關(guān)于這方面的研究還相對(duì)薄弱，大部分內(nèi)容都是泛泛而談，本文希望能夠較為詳細(xì)的解讀界面設(shè)計(jì)這場(chǎng)變革的諸多因素。</p>&

15、lt;p><b>　　一、發(fā)展背景</b></p><p>　　界面設(shè)計(jì)的發(fā)展經(jīng)過(guò)了漫長(zhǎng)的過(guò)程，從較早的圖形界面逐漸豐富，加入人機(jī)交互后，就擺脫了原來(lái)屬于平面設(shè)計(jì)的影子，成為一個(gè)新的設(shè)計(jì)領(lǐng)域，界面的呈現(xiàn)方式也從靜態(tài)轉(zhuǎn)向動(dòng)態(tài)，不再是簡(jiǎn)單的圖形單一的色彩，更酷炫的設(shè)計(jì)，給人更多意想不到的驚喜。當(dāng)互聯(lián)網(wǎng)開(kāi)始普及，尤其當(dāng)移動(dòng)互聯(lián)網(wǎng)火速包裹人們的日常生活時(shí)，界面設(shè)計(jì)也在發(fā)生著順應(yīng)時(shí)代的變化，沒(méi)有

16、什么東西是一成不變的，變化本身就是前行，2000年后的十幾年里，我們見(jiàn)證了科技時(shí)代對(duì)我們生活的改變，尤其近幾年里智能化手機(jī)時(shí)代的開(kāi)啟，使得人類的生活完全進(jìn)入一個(gè)新的階段，正是這種變化，成就著界面設(shè)計(jì)的今天，也促成了界面設(shè)計(jì)從擬物化向扁平化的轉(zhuǎn)變。</p><p>　　2013年9月蘋(píng)果發(fā)布IOS7系統(tǒng)，一改以往蘋(píng)果的擬物化界面設(shè)計(jì)風(fēng)格，采用了更為簡(jiǎn)潔的扁平化設(shè)計(jì)，IOS7的發(fā)布重新定義了扁平化設(shè)計(jì)在人們眼中的樣子

17、，也帶來(lái)一場(chǎng)關(guān)于擬物化設(shè)計(jì)與扁平化設(shè)計(jì)的爭(zhēng)論。這不是一次突如其來(lái)的轉(zhuǎn)變，扁平化設(shè)計(jì)已經(jīng)存在很久，是界面設(shè)計(jì)的必然發(fā)展趨勢(shì)，近兩年來(lái)，大面積的扁平化風(fēng)格設(shè)計(jì)鋪天蓋地的涌向人們的視野，人們?cè)絹?lái)越多的談?wù)撈鸨馄交恢北恢艺\(chéng)信奉的擬物化設(shè)計(jì)時(shí)代似乎開(kāi)始變成過(guò)去式，尤其當(dāng)一直將擬物化設(shè)計(jì)做的完美的蘋(píng)果也將界面設(shè)計(jì)的風(fēng)格轉(zhuǎn)向扁平化的時(shí)候，人們更加質(zhì)疑擬物化設(shè)計(jì)的價(jià)值。經(jīng)常有人談?wù)摂M物化和扁平化誰(shuí)優(yōu)誰(shuí)劣，立場(chǎng)各異， 有人說(shuō)擬物化設(shè)計(jì)沒(méi)有未來(lái)，也有人

18、說(shuō)扁平化設(shè)計(jì)其實(shí)很丑，對(duì)于這兩種風(fēng)格的認(rèn)識(shí)，需要我們用理性的眼光來(lái)看待，這不僅僅是視覺(jué)設(shè)計(jì)的改變，還涉及到用戶體驗(yàn)，交互設(shè)計(jì)，響應(yīng)式設(shè)計(jì)等諸多問(wèn)題，我們不能單純的各自評(píng)說(shuō)這兩種設(shè)計(jì)風(fēng)格孰好孰壞，它們并不是沖突的，而是界面設(shè)計(jì)發(fā)展中環(huán)環(huán)相扣的環(huán)節(jié)，它們關(guān)乎到界面設(shè)計(jì)與交互體驗(yàn)的未來(lái)。擬物化設(shè)計(jì)為扁平化設(shè)計(jì)的出現(xiàn)提供了先決條件，培養(yǎng)了用戶在智能化時(shí)代下使用產(chǎn)品的習(xí)慣，在人們熟知了解駕輕就熟的時(shí)候，才能推動(dòng)界面設(shè)計(jì)</p>&l

19、t;p>　?。ㄒ唬M物化設(shè)計(jì)的定義及由來(lái)</p><p>　　1、擬物化設(shè)計(jì)的定義</p><p>　　擬物化設(shè)計(jì)（Skeuomorphism）是指模擬現(xiàn)實(shí)物品的造型和質(zhì)感，通過(guò)疊加高光、紋理、材質(zhì)、陰影等各種效果對(duì)實(shí)物進(jìn)行再現(xiàn)（也可適當(dāng)程度變形和夸張）[1]， 更簡(jiǎn)單的說(shuō)，其實(shí)就是在界面設(shè)計(jì)中模仿原型物體的外形、特征或場(chǎng)景，來(lái)讓用戶在使用的過(guò)程容易辨識(shí)和操作，它所呈現(xiàn)的是三維的立體

20、效果。例如我們手機(jī)中的照相應(yīng)用，大部分圖標(biāo)會(huì)設(shè)計(jì)成現(xiàn)實(shí)生活中相機(jī)鏡頭的樣子，閱讀應(yīng)用的界面會(huì)模仿書(shū)架的造型，在翻頁(yè)的交互中模擬現(xiàn)實(shí)生活中人們翻書(shū)的動(dòng)作，這些都是擬物化設(shè)計(jì)。</p><p>　　2、擬物化設(shè)計(jì)的由來(lái)與現(xiàn)狀</p><p>　　人們?cè)谌粘Ｉ钪薪?jīng)常使用的物品，會(huì)通過(guò)熟悉形成習(xí)慣和記憶，將這種已經(jīng)被熟悉的外形和使用習(xí)慣放在虛擬的界面設(shè)計(jì)中，能夠使用戶在較短的時(shí)間里掌握并使用。擬

21、物化是一種具象的設(shè)計(jì)風(fēng)格，它給人熟悉的親切感，創(chuàng)造了舊有經(jīng)歷與新體驗(yàn)的聯(lián)系，不會(huì)讓用戶因?yàn)槟吧謶?，能夠迅速拉近產(chǎn)品與用戶的距離。我們很難找出擬物化設(shè)計(jì)的概念到底從何時(shí)而來(lái)，常常會(huì)把它與蘋(píng)果聯(lián)系到一起，蘋(píng)果的確是擬物化設(shè)計(jì)的完美表達(dá)者，幾乎將擬物化設(shè)計(jì)自然融合到它的界面設(shè)計(jì)與外觀設(shè)計(jì)當(dāng)中，其實(shí)擬物化設(shè)計(jì)不僅僅存在于圖形界面中，生活里很多設(shè)計(jì)都采用了擬物化，按動(dòng)單反快門時(shí)的音效，家里壁紙的木質(zhì)紋理等等。擬物化設(shè)計(jì)是伴隨界面發(fā)展的重要成員

22、，來(lái)源于懷舊和還原，因其仿真的特點(diǎn)更加具有情景的帶入感，較早時(shí)期更多的被應(yīng)用在游戲中，游戲設(shè)計(jì)師采用木質(zhì)或者金屬的貼圖樣式設(shè)計(jì)來(lái)增強(qiáng)游戲界面的情景體驗(yàn)，使得玩家在游戲中有身臨其境的歸屬感，而廣受歡迎，但在早期界面設(shè)計(jì)中關(guān)于擬物化設(shè)計(jì)的應(yīng)用卻并不常見(jiàn)。發(fā)展至后來(lái)，直到iPhone的出現(xiàn)，才將擬物化設(shè)計(jì)慢慢應(yīng)用開(kāi)來(lái)。擬物化在界面設(shè)計(jì)的應(yīng)用初期，經(jīng)歷了很多錯(cuò)誤的階段，設(shè)計(jì)師總是將擬物化做的過(guò)于懷舊，過(guò)渡的想要向經(jīng)</p><

23、;p>　?。ǘ┍馄交O(shè)計(jì)的定義及由來(lái)</p><p>　　1、扁平化設(shè)計(jì)的定義</p><p>　　扁平化設(shè)計(jì)（flat design）是指在設(shè)計(jì)中放棄一切裝飾效果，諸如陰影，高光，透視，紋理，漸變等等能做出3D效果的元素，通過(guò)抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來(lái)表現(xiàn)[2]。扁平化設(shè)計(jì)是偏向平面的二維設(shè)計(jì)風(fēng)格，但并不全是平面的，它依然能夠通過(guò)顏色的關(guān)系圖形的疊加等營(yíng)造出空間感。</

24、p><p>　　2、扁平化設(shè)計(jì)的由來(lái)與現(xiàn)狀</p><p>　　相較于擬物化設(shè)計(jì)，扁平化設(shè)計(jì)更像是繪畫(huà)藝術(shù)中的抽象派，最早可追溯到20世紀(jì)四五十年代的瑞士風(fēng)格（國(guó)際主義平面設(shè)計(jì)風(fēng)格），注重網(wǎng)格無(wú)襯線字體的使用，大背景圖片配上簡(jiǎn)潔字體，是一種高度功能化、理性化的平面設(shè)計(jì)方式，其在六七十年代發(fā)展成熟，直到80年代逐漸消退。國(guó)際主義由現(xiàn)代主義發(fā)展而來(lái)，在風(fēng)格上與現(xiàn)代主義十分接近，但由于二者的時(shí)代背景

25、發(fā)生了巨大的改變，所追求的中心和目的都不同程度偏離，現(xiàn)代主義主要以功能為設(shè)計(jì)的核心訴求點(diǎn)，是為大眾服務(wù)的探索形式，而國(guó)際主義極其推崇幾何的形式，不要裝飾，以“少就是多”為設(shè)計(jì)的核心，與權(quán)勢(shì)效益相互關(guān)聯(lián)，背離了現(xiàn)代主義的民主性色彩，使其在后來(lái)的發(fā)展中沒(méi)有存活下來(lái)，但可以說(shuō)，國(guó)際主義確實(shí)在一段時(shí)間內(nèi)風(fēng)靡。除了國(guó)際主義對(duì)扁平化設(shè)計(jì)影響較深，扁平化還有著濃重的極簡(jiǎn)主義的影子。極簡(jiǎn)主義（Minimalism）以簡(jiǎn)單到極致為追求，在感官上追求簡(jiǎn)約整

26、潔，品味和思想上則顯得更為優(yōu)雅[3]，扁平化設(shè)計(jì)吸取了極簡(jiǎn)主義的核心思想，回歸到界面的最簡(jiǎn)單形態(tài)，去除冗余的效果給人們?cè)斐傻囊曈X(jué)負(fù)擔(dān)，加深對(duì)色彩的感知。扁平化設(shè)計(jì)使用更少的按鈕和選項(xiàng)，使界面更加易用，簡(jiǎn)潔清晰 。像瑞士風(fēng)格在流行</p><p>　　二、現(xiàn)階段擬物化設(shè)計(jì)與扁平化設(shè)計(jì)存在的優(yōu)缺點(diǎn)</p><p>　　界面設(shè)計(jì)發(fā)展到今天，UI（User Interface）的概念在國(guó)內(nèi)還是一個(gè)

27、相對(duì)陌生的詞匯，之前的很長(zhǎng)一段時(shí)間，人們都將精力放在軟件產(chǎn)品的技術(shù)上，尋求更多的創(chuàng)新和突破，發(fā)展到現(xiàn)在為止，技術(shù)層面已經(jīng)相當(dāng)成熟，且應(yīng)用產(chǎn)品越來(lái)越多，功能越來(lái)越復(fù)雜，產(chǎn)品如何在用戶心里贏得地位，已經(jīng)不能僅僅依靠技術(shù)層面，更加流暢的用戶體驗(yàn)與出色的界面設(shè)計(jì)變得更為關(guān)鍵，人機(jī)交互的時(shí)代，界面是用戶與產(chǎn)品接觸的最直接方式，適合時(shí)代發(fā)展的界面設(shè)計(jì)風(fēng)格會(huì)更容易被用戶接受，哪一種用起來(lái)更順手更合理，會(huì)成為用戶選擇使用產(chǎn)品的重大判斷。因此，必須了解擬

28、物化設(shè)計(jì)與扁平化設(shè)計(jì)風(fēng)格在現(xiàn)階段各自有什么樣的優(yōu)缺點(diǎn)，才能讓我們對(duì)界面設(shè)計(jì)與交互體驗(yàn)的未來(lái)有正確的判斷。</p><p>　　（一）擬物化設(shè)計(jì)的優(yōu)缺點(diǎn)</p><p>　　到目前為止，擬物化設(shè)計(jì)的風(fēng)格仍在被大量使用，錘子科技的創(chuàng)始人羅永浩對(duì)擬物化設(shè)計(jì)的信奉便十分執(zhí)著，他曾經(jīng)說(shuō)要做超越蘋(píng)果的精致設(shè)計(jì)，追求更完美的細(xì)節(jié)。其實(shí)擬物化設(shè)計(jì)在現(xiàn)代界面設(shè)計(jì)發(fā)展中仍然會(huì)是關(guān)鍵的一個(gè)環(huán)節(jié)，它的優(yōu)缺點(diǎn)已經(jīng)十

29、分明顯，也決定著它在未來(lái)的發(fā)展步伐。</p><p><b>　　1、優(yōu)點(diǎn)</b></p><p>　　（1）能夠有效降低學(xué)習(xí)成本，易理解，難度低，容易操作。人對(duì)信息的處理、學(xué)習(xí)和記憶都是有限的，用戶通常不愿意花費(fèi)太多的時(shí)間在弄懂產(chǎn)品這件事上，擬物化設(shè)計(jì)很好的解決了這個(gè)問(wèn)題，有效的降低了用戶使用產(chǎn)品時(shí)的操作成本及學(xué)習(xí)負(fù)擔(dān)，更容易被用戶接受和認(rèn)可。</p>

30、<p>　　（2）細(xì)節(jié)完美，更加美觀，具有親切感。擬物化設(shè)計(jì)在細(xì)節(jié)上追求精致，盡量還原生活中原型物品的外觀與使用場(chǎng)景，添加的高光陰影漸變等，營(yíng)造出真實(shí)的質(zhì)感，能夠讓用戶在使用時(shí)因其外觀而覺(jué)得親切，按鈕的質(zhì)感及交互效果，讓用戶能夠快速辨識(shí)其可點(diǎn)擊性，完成操作。</p><p><b>　　2、缺點(diǎn)</b></p><p>　?。?）擬物化設(shè)計(jì)模擬界面與功能設(shè)

31、計(jì)不一致。應(yīng)用程序在界面設(shè)計(jì)上模擬實(shí)際生活中的外形和場(chǎng)景，但在功能上常常并不能做到與現(xiàn)實(shí)生活中的操作完全一致，這樣容易讓用戶產(chǎn)生誤解，從而降低用戶的體驗(yàn)。</p><p>　　（2）適用性低。設(shè)計(jì)的復(fù)雜性在響應(yīng)式設(shè)計(jì)上需要花費(fèi)更多的成本，且適配不同的屏幕，無(wú)法保證都有很好的效果。</p><p>　?。?）信息化時(shí)代，復(fù)雜的設(shè)計(jì)造成對(duì)信息接收的干擾?，F(xiàn)代社會(huì)，人們的生活變得忙碌而急促，時(shí)間

32、變得碎片化，人們希望能夠更加準(zhǔn)確高效的獲取信息，而擬物化設(shè)計(jì)復(fù)雜的視覺(jué)效果會(huì)對(duì)信息的獲取形成阻礙。</p><p>　　（4）擬物化設(shè)計(jì)會(huì)限制功能本身的設(shè)計(jì)。擬物化設(shè)計(jì)追求的是還原物理世界的原型，這使得它的設(shè)計(jì)被限定在物理世界的規(guī)則中，這對(duì)于功能的設(shè)計(jì)形成限制，阻礙創(chuàng)新。</p><p>　?。ǘ┍馄交O(shè)計(jì)的優(yōu)缺點(diǎn)</p><p>　　扁平化設(shè)計(jì)在近兩年流行起來(lái)，

33、成為適用性非常強(qiáng)的設(shè)計(jì)風(fēng)格，2013年在設(shè)計(jì)領(lǐng)域中，淘寶一直憑借扁平化引領(lǐng)著業(yè)界的設(shè)計(jì)風(fēng)格，我們幾乎能夠看到各類不同性質(zhì)的產(chǎn)品和網(wǎng)站對(duì)扁平化設(shè)計(jì)的使用，越來(lái)越多的人開(kāi)始選擇追隨扁平化，的確，在界面設(shè)計(jì)的發(fā)展中，扁平化體現(xiàn)出更多的優(yōu)勢(shì)所在。</p><p><b>　　1、優(yōu)點(diǎn)</b></p><p>　?。?）降低視覺(jué)負(fù)擔(dān)和信息干擾。去掉冗余的復(fù)雜裝飾后，能夠讓用戶更

34、加專注內(nèi)容本身。</p><p>　?。?）可移植性。簡(jiǎn)約的設(shè)計(jì)適合設(shè)計(jì)方案的移植，能夠適配不同的屏幕，對(duì)響應(yīng)式設(shè)計(jì)來(lái)說(shuō)十分有益。</p><p>　?。?）易用，高效，有助于功能的開(kāi)發(fā)和創(chuàng)新。扁平化設(shè)計(jì)因?yàn)椴捎寐詾槌橄蟮谋磉_(dá)方式，脫離擬物化懷舊還原的特性，讓功能的設(shè)計(jì)變得自由，有助于產(chǎn)品的創(chuàng)新。</p><p><b>　　2、缺點(diǎn)</b>&

35、lt;/p><p>　?。?）學(xué)習(xí)成本增加，表達(dá)冰冷。扁平化設(shè)計(jì)使得界面風(fēng)格從具象走向抽象，這樣難免會(huì)增加用戶的學(xué)習(xí)成本，用戶需要花費(fèi)更多的時(shí)間來(lái)對(duì)其進(jìn)行理解和摸索，且傳達(dá)給用戶陌生的感覺(jué)，在感性層面上會(huì)比較冰冷。</p><p>　?。?）平面化的設(shè)計(jì)容易造成使用障礙。因扁平化設(shè)計(jì)使得所有元素都處于同一個(gè)維度上，過(guò)于相似，用戶在使用時(shí)通常無(wú)法辨別其哪些元素具有可點(diǎn)擊可操控的可能，會(huì)喪失對(duì)部分

36、功能的判斷。</p><p>　?。ㄈ└鶕?jù)現(xiàn)階段界面設(shè)計(jì)的發(fā)展進(jìn)行對(duì)比分析</p><p>　　“有些東西在某些場(chǎng)合最合適，沒(méi)有什么在所有場(chǎng)合都合適?！?lt;/p><p>　　根據(jù)現(xiàn)階段界面設(shè)計(jì)的發(fā)展來(lái)看，扁平化設(shè)計(jì)的確比擬物化設(shè)計(jì)更適合一些。擬物化設(shè)計(jì)的初衷是為了減少用戶的學(xué)習(xí)成本，但科技前行的腳步已經(jīng)遠(yuǎn)遠(yuǎn)超乎我們的想象，我們所用的手機(jī)已經(jīng)不僅僅是打電話收發(fā)短信的

37、工具，它集眾多功能與一體，很多功能我們?cè)谖锢硎澜缫呀?jīng)找不到對(duì)應(yīng)的參照物，界面承載的東西越來(lái)越多，越來(lái)越豐富，擬物化設(shè)計(jì)已經(jīng)不能完整的表達(dá)它們具有的含義，會(huì)束縛功能的設(shè)計(jì)，而扁平化設(shè)計(jì)很好的解決了這個(gè)問(wèn)題，因其抽象的風(fēng)格反而使表達(dá)變得自由，可以承載更多的功能于一個(gè)產(chǎn)品上。在手持移動(dòng)設(shè)備占據(jù)人們生活越來(lái)越大的比重時(shí)，屏幕的限制，過(guò)度的裝飾反而會(huì)使屏幕看起來(lái)?yè)頂D難看，并使信息獲取遇到障礙。現(xiàn)代生活的節(jié)奏正處于高速前行的階段，高效、短時(shí)、準(zhǔn)確成

38、為人們所追求的關(guān)鍵，人們對(duì)智能手機(jī)以及互聯(lián)網(wǎng)已經(jīng)十分熟悉，再使用擬物化會(huì)造成用戶的審美疲勞，形成視覺(jué)負(fù)擔(dān)，且阻礙技術(shù)的發(fā)展，而扁平化設(shè)計(jì)舍棄人們固有的邏輯思維，其簡(jiǎn)約的風(fēng)格可承載的東西也會(huì)變多。</p><p>　　因此我們看出，在現(xiàn)階段界面設(shè)計(jì)的發(fā)展中，扁平化設(shè)計(jì)比擬物化設(shè)計(jì)更為合理切更加適用。</p><p>　　三、從擬物化設(shè)計(jì)到扁平化設(shè)計(jì)的過(guò)渡發(fā)展階段</p><

39、;p>　　界面設(shè)計(jì)從擬物化向扁平化的發(fā)展過(guò)程中，經(jīng)過(guò)了漫長(zhǎng)的沉淀的過(guò)程，像瑞士風(fēng)格流行前曾經(jīng)沉寂過(guò)一段時(shí)間一樣，扁平化風(fēng)潮來(lái)襲之前也經(jīng)過(guò)了漫長(zhǎng)的等待過(guò)程，在此期間，擬物化設(shè)計(jì)作為主導(dǎo)的設(shè)計(jì)風(fēng)格也在不斷矯枉過(guò)正的前行，就像我們到一個(gè)陌生的環(huán)境，總是需要時(shí)間去接受適應(yīng)和熟悉，界面設(shè)計(jì)的發(fā)展也是一樣。</p><p>　　（一）2006到2010年——物理世界和虛擬世界交接的時(shí)代</p><p

40、>　　擬物化設(shè)計(jì)在圖形界面的發(fā)展歷程中扮演著重要的角色，在計(jì)算機(jī)和手機(jī)并不普及的時(shí)代里，擬物化設(shè)計(jì)的出現(xiàn)對(duì)人們而言是再合適不過(guò)的，它讓用戶在使用中能夠快速掌握操作方法，將物理世界的使用方式與虛擬世界良好的結(jié)合起來(lái)，有較強(qiáng)的帶入感，所以較早出現(xiàn)在游戲界面中的擬物化設(shè)計(jì)，讓游戲玩家能夠很快進(jìn)入游戲情景中。在互聯(lián)網(wǎng)發(fā)展的洪流中，人們需要擬物化設(shè)計(jì)來(lái)銜接現(xiàn)實(shí)世界與虛擬世界的關(guān)系。</p><p>　　2006年的時(shí)

41、候，微軟第一次提出了全新的界面設(shè)計(jì)風(fēng)格——Metro,被應(yīng)用在了Zune音樂(lè)播放器中，這是扁平化設(shè)計(jì)初次出現(xiàn)在人們的視野中，這與當(dāng)時(shí)主流的界面設(shè)計(jì)風(fēng)格有極大的不同，大字體結(jié)合背景圖片，在當(dāng)時(shí)并沒(méi)有引起太多的注意。</p><p>　　2007年，蘋(píng)果公司在WWDC大會(huì)上發(fā)布IOS系統(tǒng)，界面設(shè)計(jì)采用擬物化設(shè)計(jì)的風(fēng)格，得到很多人的鐘愛(ài)。喬布斯一直是擬物化設(shè)計(jì)的虔誠(chéng)信奉者，專注在擬物化的細(xì)節(jié)設(shè)計(jì)上，因此iPhone也是

42、擬物化設(shè)計(jì)的完美表達(dá)者，之后幾款I(lǐng)OS系統(tǒng)的版本中，蘋(píng)果一直堅(jiān)持?jǐn)M物化的風(fēng)格，并不斷嘗試創(chuàng)新進(jìn)行豐富和完善，盡管在此期間，仍然有很多設(shè)計(jì)顯得失敗，但對(duì)于擬物化設(shè)計(jì)的發(fā)展有著重要的推動(dòng)作用。</p><p>　　2009年，Google推出Chrome瀏覽器，圖標(biāo)的設(shè)計(jì)結(jié)合了蘋(píng)果的擬物化設(shè)計(jì)與微軟的Metro風(fēng)格，是類扁平化設(shè)計(jì)中的經(jīng)典案例，這一事件的發(fā)生，讓業(yè)界開(kāi)始思考扁平化設(shè)計(jì) 。</p><

43、;p>　　2010年時(shí)，微軟將Metro帶入到手機(jī)系統(tǒng)中，推出Windows Phone 7,極簡(jiǎn)的界面設(shè)計(jì)反而被很多人詬病幾乎沒(méi)有設(shè)計(jì)感，與當(dāng)時(shí)主流的擬物化設(shè)計(jì)有天壤之別，排斥與批評(píng)讓扁平化設(shè)計(jì)在市場(chǎng)中迅速?zèng)]落，但同時(shí)也因?yàn)樗臓?zhēng)議性，讓人們迅速知道了這種界面設(shè)計(jì)風(fēng)格。</p><p>　　從2006年到2010年，是界面設(shè)計(jì)發(fā)展過(guò)程中物理世界與虛擬世界交接的時(shí)代，大部分人對(duì)手機(jī)的功能使用還在較為基本的階

44、段，隨著通訊設(shè)備功能的豐富和完善，人們需要不斷的花費(fèi)更多的時(shí)間去適應(yīng)這種改變，熟悉了解并且駕馭，因此擬物化設(shè)計(jì)充當(dāng)著引導(dǎo)者的角色，帶給人們酷炫的視覺(jué)界面，更具親切感的操作行為，有效降低了用戶在使用中需要花費(fèi)的不必要時(shí)間，而抽象的扁平化設(shè)計(jì)，過(guò)渡的簡(jiǎn)化界面會(huì)讓用戶感到迷茫，這也是這四年的時(shí)間，扁平化設(shè)計(jì)曇花一現(xiàn)的重要原因。</p><p>　?。ǘ?010到2013年——以擬物化設(shè)計(jì)為主的前扁平化時(shí)代</p

45、><p>　　2011到2012年，蘋(píng)果相繼發(fā)布IOS5、IOS6，依然沿用擬物化的設(shè)計(jì)風(fēng)格，到6.0版本發(fā)布后，蘋(píng)果公司的設(shè)計(jì)團(tuán)隊(duì)幾乎將擬物化的界面設(shè)計(jì)風(fēng)格做到了極致，倍受果粉的鐘愛(ài)，蘋(píng)果的確將細(xì)節(jié)做的足夠完美，以至于讓眾多UI設(shè)計(jì)師想不出更好的詮釋方案，也正是在擬物化設(shè)計(jì)達(dá)到巔峰的時(shí)候，智能化手機(jī)時(shí)代已經(jīng)全速到來(lái)，大屏幕全觸屏，炫酷的交互方式，在這樣的熱潮下，各種應(yīng)用軟件同時(shí)應(yīng)運(yùn)而生，這也使得移動(dòng)互聯(lián)網(wǎng)開(kāi)始興起，

46、人們對(duì)手持移動(dòng)設(shè)備的鐘愛(ài)遠(yuǎn)遠(yuǎn)超過(guò)PC機(jī)，伴隨著這種變化，界面設(shè)計(jì)的發(fā)展也不會(huì)還停留在過(guò)去，必然要順應(yīng)時(shí)代的發(fā)展做出恰當(dāng)?shù)母淖?，這也是帶動(dòng)其從擬物化向扁平化設(shè)計(jì)風(fēng)格發(fā)展的環(huán)境因素。</p><p>　　在此期間，安卓已經(jīng)開(kāi)始摒棄擬物化的設(shè)計(jì)風(fēng)格，2011年10月發(fā)布的4.0版本，我們能夠看到安卓在界面設(shè)計(jì)風(fēng)格上已經(jīng)選擇走向扁平化，谷歌提到“中性、平面、簡(jiǎn)潔，使用單一的視覺(jué)隱喻，使用戶可以很容易的識(shí)別和理解它的目的。

47、”盡管在當(dāng)時(shí)，很多人認(rèn)為谷歌這樣的做法，只是為了與蘋(píng)果對(duì)抗想出的對(duì)策，并沒(méi)有太多人追隨，但改變已經(jīng)發(fā)生，并預(yù)示著扁平化設(shè)計(jì)已經(jīng)開(kāi)始得到更多決策者的關(guān)注。</p><p>　　盡管在這個(gè)階段中擬物化仍然是主流的設(shè)計(jì)風(fēng)格，扁平化依舊飽受爭(zhēng)議，但我們也能夠從中看到，有少部分人已經(jīng)開(kāi)始認(rèn)可扁平化設(shè)計(jì)，并對(duì)擬物化設(shè)計(jì)提出質(zhì)疑，這無(wú)疑對(duì)扁平化設(shè)計(jì)的發(fā)展起到了重要的推動(dòng)作用。</p><p>　?。ㄈ?/p>

48、2013年至今——扁平化的逆襲</p><p>　　2013年，win8與IOS 7相繼發(fā)布，均將界面設(shè)計(jì)的風(fēng)格指向扁平化。向來(lái)固執(zhí)堅(jiān)持的微軟，在界面設(shè)計(jì)中依然沿用扁平化風(fēng)格，早已在人們的預(yù)想之中，而一貫信奉擬物化設(shè)計(jì)的蘋(píng)果，改換方向，投身扁平化的洪流，卻完全讓人意外。IOS 7 采用全新的扁平化設(shè)計(jì)風(fēng)格，盡管在發(fā)布后的一段時(shí)間里，倍受爭(zhēng)議，卻帶來(lái)了一場(chǎng)關(guān)于擬物化設(shè)計(jì)與扁平化設(shè)計(jì)的思考，人們終于不再一味批評(píng)和否定

49、，開(kāi)始用理性的思維來(lái)審視這種轉(zhuǎn)變，越來(lái)越多的人覺(jué)察到扁平化設(shè)計(jì)相較于擬物化設(shè)計(jì)存在的巨大優(yōu)勢(shì)，界面設(shè)計(jì)的發(fā)展也是從此時(shí)開(kāi)始進(jìn)入一個(gè)全新的階段——扁平化設(shè)計(jì)時(shí)代。</p><p>　　扁平化設(shè)計(jì)之所以能在沉寂之后完成逆襲，變身公眾的焦點(diǎn)，有很多必然的促成因素，主要可以歸結(jié)于以下幾個(gè)方面：</p><p>　　（1） 審美疲勞。隨著智能化時(shí)代的發(fā)展，擬物化設(shè)計(jì)的功能屬性變得越來(lái)越薄弱，裝飾性較

50、強(qiáng)，而用戶時(shí)間的碎片化又使其在信息捕捉的過(guò)程中形成干擾，造成審美疲勞。扁平化設(shè)計(jì)風(fēng)格的簡(jiǎn)約清晰特點(diǎn)恰好解決了這一問(wèn)題。</p><p>　　（2）形式服務(wù)于功能，適應(yīng)時(shí)代的發(fā)展 。全觸屏?xí)r代的到來(lái)，用戶可以隨心掌控界面，人機(jī)交互變得更加繁瑣，因此用戶體驗(yàn)顯得尤為重要，合理的界面設(shè)計(jì)是為交互而服務(wù)，創(chuàng)造更舒適的體驗(yàn)。扁平化設(shè)計(jì)在這個(gè)發(fā)展過(guò)程中可以承載更多的內(nèi)容和功能需求，更能適應(yīng)時(shí)代的發(fā)展。</p>

51、<p>　　（3）蘋(píng)果、微軟與谷歌的推動(dòng)。IT業(yè)的巨頭們對(duì)扁平化設(shè)計(jì)的相繼使用，加快了扁平化設(shè)計(jì)的發(fā)展進(jìn)程，同時(shí)帶來(lái)了業(yè)界對(duì)于扁平化的思考，認(rèn)識(shí)到扁平化設(shè)計(jì)的優(yōu)勢(shì)所在，使其成為主流的設(shè)計(jì)趨勢(shì)。</p><p>　　自從IOS 7發(fā)布以來(lái)，重新定義了扁平化設(shè)計(jì)，在過(guò)去的一年里，我們可以看到扁平化所占據(jù)的大片江山，很多網(wǎng)站和應(yīng)用為適應(yīng)這種轉(zhuǎn)變，紛紛轉(zhuǎn)向扁平化設(shè)計(jì)的陣營(yíng)，擬物化設(shè)計(jì)開(kāi)始變成邊緣地帶，但不可否認(rèn)

52、的是，盡管扁平化設(shè)計(jì)更適合這個(gè)時(shí)代的需求，仍然需要擬物化設(shè)計(jì)來(lái)做輔助才能很好的傳達(dá)，也同樣要依靠擬物化設(shè)計(jì)積攢沉淀的資源來(lái)發(fā)展，沒(méi)有擬物化設(shè)計(jì)培養(yǎng)了用戶的使用習(xí)慣，扁平化設(shè)計(jì)也不會(huì)被用戶所接受。</p><p>　　從擬物化設(shè)計(jì)向扁平化設(shè)計(jì)的轉(zhuǎn)變，經(jīng)過(guò)很長(zhǎng)時(shí)間的積淀過(guò)程，受到很多因素的牽制，遭遇很多阻礙，當(dāng)今對(duì)于擬物化設(shè)計(jì)與扁平化的爭(zhēng)論仍在進(jìn)行，盡管扁平化設(shè)計(jì)已經(jīng)流行開(kāi)來(lái)，但仍然處于剛剛起步的階段，需要時(shí)間的沉淀

53、和積累。而擬物化的未來(lái)的發(fā)展也需要我們理性來(lái)思考，盡管擬物化設(shè)計(jì)已經(jīng)不太適應(yīng)時(shí)代的需要，卻也不會(huì)變得一無(wú)是處，仍然需要它存在的地方和場(chǎng)合，也許在未來(lái)科技的發(fā)展中，越來(lái)越多的生活物品成為新的信息載體，墻、玻璃、鏡子被賦予功能，擬物化設(shè)計(jì)就不再適用，甚至?xí)@得格格不入，但不可否認(rèn)它在界面發(fā)展中至關(guān)重要的作用。</p><p>　　四、界面設(shè)計(jì)的未來(lái)趨勢(shì)——扁平化設(shè)計(jì)</p><p>　　現(xiàn)今，

54、扁平化設(shè)計(jì)的風(fēng)潮才剛剛開(kāi)始，至少在未來(lái)的某一段時(shí)間內(nèi)，界面設(shè)計(jì)的主流都會(huì)是扁平化，而擬物化設(shè)計(jì)將會(huì)逐步退出市場(chǎng)成為界面設(shè)計(jì)的輔助元素。我們很難說(shuō)，扁平化設(shè)計(jì)的壽命會(huì)有多長(zhǎng)，在什么時(shí)刻會(huì)被新的設(shè)計(jì)風(fēng)格所取代，畢竟科技的步伐已經(jīng)超過(guò)我們的想象，在未來(lái)，當(dāng)越來(lái)越多的生活物品被賦予新的科技，成為載體，變?yōu)榭捎|控可感知的產(chǎn)品時(shí)，也許就會(huì)出現(xiàn)新的設(shè)計(jì)風(fēng)格來(lái)取代扁平化，但我們從現(xiàn)在仍然可以看出，至少在未來(lái)的5到10年里，扁平化會(huì)是最適合的界面設(shè)計(jì)風(fēng)格

55、。現(xiàn)階段，擬物化向扁平化的變革依然處在過(guò)渡階段，關(guān)于二者的爭(zhēng)論還在進(jìn)行，至少在現(xiàn)在，扁平化還不能夠完全替代擬物化，它還在成長(zhǎng)的少年時(shí)代，還有很大的空間能夠發(fā)揮和拓展，它的巔峰還沒(méi)有來(lái)，在未來(lái)的一段時(shí)間，扁平化設(shè)計(jì)發(fā)展的核心都在于讓自身更完善。</p><p>　　（一）扁平化設(shè)計(jì)的空間表達(dá)</p><p>　　扁平化設(shè)計(jì)去掉擬物化設(shè)計(jì)的漸變、高光、陰影、紋理等能夠營(yíng)造出立體空間的元素，使用

56、完全平面簡(jiǎn)約的表達(dá)方式，雖然不再像擬物化設(shè)計(jì)那樣具有強(qiáng)烈的真實(shí)質(zhì)感，但也并非像微軟Metro界面那樣完全色塊化，其實(shí)除了微軟所表達(dá)的扁平化，我們大多能夠看到的扁平化設(shè)計(jì)風(fēng)格都是像IOS 7和安卓等更為豐富的表達(dá)方式。扁平化設(shè)計(jì)依然能夠營(yíng)造空間感，在構(gòu)圖上，將擬物化設(shè)計(jì)依靠漸變、羽化、陰影等方式營(yíng)造的立體空間進(jìn)行平面設(shè)計(jì)處理，比如陰影可以采取顏色的顏色層疊的明暗變化來(lái)表現(xiàn)，空間的層次關(guān)系可以通過(guò)顏色的對(duì)比來(lái)表現(xiàn)，高光可以使用單色規(guī)則的形狀

57、來(lái)完成，扁平化設(shè)計(jì)并沒(méi)有丟失空間感，它仍然像擬物化一樣有很多層次關(guān)系，只不過(guò)這些關(guān)系通過(guò)顏色和形狀就可以表達(dá)，不必使用紋理等裝飾性元素進(jìn)行限定，正因?yàn)楸馄交O(shè)計(jì)這種自由的表達(dá)方式，使得扁平化設(shè)計(jì)比擬物化設(shè)計(jì)更具有創(chuàng)造的可能，因其不用局限于物理世界的規(guī)則，采用抽象的表達(dá)方式，在風(fēng)格上有無(wú)限的拓展空間。</p><p>　　1.色彩對(duì)比營(yíng)造空間感</p><p>　　扁平化設(shè)計(jì)在色彩的運(yùn)用上十

58、分挑剔，大多數(shù)扁平化設(shè)計(jì)喜歡采用高純度、高明度或者低明度、高純度的配色方案，給人清新明朗的感覺(jué)。實(shí)際上，每一種顏色都有自己的情感，對(duì)于我們的眼睛而言，看見(jiàn)不同的顏色會(huì)有不同的心里感受，因此當(dāng)扁平化將空間的表達(dá)進(jìn)行平面化的時(shí)候，勢(shì)必會(huì)對(duì)顏色的運(yùn)用要求更多。顏色的色相、純度、明度以及色調(diào)基本上就決定了界面的空間感覺(jué)，紋理材質(zhì)都可以通過(guò)顏色的對(duì)比來(lái)進(jìn)行合理的表達(dá)。色彩的明暗關(guān)系能夠很好的表達(dá)色彩之間的層次，營(yíng)造立體的感覺(jué)，陰影的部分用較暗的顏

59、色，高光的部分用較亮的顏色，這樣就可以使扁平化的圖形元素在疊加后通過(guò)顏色來(lái)制造空間感。色彩對(duì)視覺(jué)感官有著決定性的作用，因此在扁平化中如何運(yùn)用好色彩的關(guān)系顯得尤為重要。</p><p>　　2.圖形的關(guān)系形成立體空間</p><p>　　扁平化設(shè)計(jì)因?yàn)槿サ粞b飾性的輔助元素，除了色彩能夠營(yíng)造空間感以外，圖形的運(yùn)用關(guān)系也十分重要，比如一個(gè)矩形的按鈕，在下方疊加同樣大小不同顏色的另一個(gè)矩形，將下層

60、的矩形向下移動(dòng)幾像素，那么就會(huì)給人可點(diǎn)擊的感覺(jué)，在視覺(jué)層面上就會(huì)有空間的延伸。圖形的層次運(yùn)用能夠形成透視，制造空間感，使其具有三維的屬性，盡管使用的依然是純色的平面圖形，但是通過(guò)圖形的疊加依然能夠形成縱深感，規(guī)則的圖形不斷重復(fù)或者散落分布都可以制造出紋理的感覺(jué)，相同的圖形錯(cuò)落分布給人層次感，因此圖形的關(guān)系運(yùn)用對(duì)扁平化設(shè)計(jì)而言同樣起著相當(dāng)重要的作用，其與顏色相互輔助，就營(yíng)造出扁平化設(shè)計(jì)的空間表達(dá)。</p><p>

61、　　扁平化設(shè)計(jì)至關(guān)重要的兩個(gè)表達(dá)元素——色彩和圖形關(guān)系，使得扁平化設(shè)計(jì)有了豐富的層級(jí)，即使去除了擬物化設(shè)計(jì)的裝飾性元素，采用完全平面的元素，仍然可以表達(dá)空間感。</p><p>　?。ǘ┍馄交O(shè)計(jì)的美學(xué)思想</p><p>　　扁平化設(shè)計(jì)從瑞士風(fēng)格和極簡(jiǎn)主義中發(fā)展而來(lái)，因此在設(shè)計(jì)的美學(xué)層面一直追求簡(jiǎn)約的美，從微軟的UI設(shè)計(jì)中我們可以看到濃重的極簡(jiǎn)主義影子，單色塊動(dòng)態(tài)磁鐵的設(shè)計(jì)，甚至不需要

62、任何多余的裝飾元素，幾乎回歸到圖形和文字最簡(jiǎn)單的狀態(tài)。極簡(jiǎn)主義(Minimalism)其實(shí)最早起源于家居設(shè)計(jì)，是第二次世界大戰(zhàn)之后60年代所興起的藝術(shù)流派，以最原初的物自身或刑事展示于觀者面前為表現(xiàn)方式，意圖消彌作者借著作品對(duì)觀者意識(shí)的壓迫，其實(shí)這和扁平化設(shè)計(jì)不謀而合。擬物化設(shè)計(jì)來(lái)自懷舊的設(shè)計(jì)美學(xué)，極力還原物理世界的一切，使其限制了產(chǎn)品自身的功能以及用戶的使用習(xí)慣，將使用者限定在一個(gè)框架內(nèi)，且復(fù)雜的裝飾元素造成視覺(jué)負(fù)擔(dān)，扁平化的出現(xiàn)就像

63、極簡(jiǎn)主義，為了打破這個(gè)格局而誕生，解鎖擬物化設(shè)計(jì)試圖固定的條框，無(wú)論是從產(chǎn)品本身，亦或是從用戶的角度而言，都是一種解放，簡(jiǎn)化視覺(jué)元素，減少冗余的裝飾在用戶使用產(chǎn)品的過(guò)程中形成的視覺(jué)疲勞，并對(duì)功能設(shè)計(jì)進(jìn)行釋放，不必拘泥于物理世界的規(guī)則，介入新的設(shè)計(jì)理念，使得交互變得更為順暢。</p><p>　　盡管扁平化設(shè)計(jì)最初的目的是為了簡(jiǎn)化，但在其不斷的發(fā)展中，我們也可以看到它正在變得更加豐富，并不像一部分人認(rèn)為的那樣缺失設(shè)

64、計(jì)感，反而可以像擬物化設(shè)計(jì)一樣承載更多的細(xì)節(jié)，體現(xiàn)它的簡(jiǎn)約之美，正因?yàn)樗槐叵駭M物化設(shè)計(jì)一樣遵循物理世界的規(guī)則，才需要它花費(fèi)更多的時(shí)間來(lái)思考每一種層級(jí)關(guān)系的表達(dá)，如何讓界面在扁平化的表達(dá)下仍舊具有引導(dǎo)的意義及合理性，從美學(xué)的層面，也需要設(shè)計(jì)花費(fèi)更多心思，越是簡(jiǎn)約的東西越發(fā)能夠體現(xiàn)設(shè)計(jì)感，對(duì)設(shè)計(jì)的要求也就更多，如何運(yùn)用簡(jiǎn)單的元素最好的表達(dá)，顯得尤為重要。扁平化設(shè)計(jì)的簡(jiǎn)約之美，是繁復(fù)的擬物化設(shè)計(jì)的回歸，越是復(fù)雜越是容易限制，而回歸簡(jiǎn)約則是一

65、種釋放。</p><p>　　（三）國(guó)內(nèi)界面設(shè)計(jì)的新未來(lái)</p><p>　　其實(shí)UI（User Interface）的概念在國(guó)內(nèi)還是相對(duì)比較陌生的詞匯，即便有些專業(yè)的設(shè)計(jì)人員也不是十分清楚，在近幾年的發(fā)展中才慢慢被重視起來(lái)，其很大原因來(lái)源于我們的智能科技水平相對(duì)較弱，相較于微軟、谷歌、蘋(píng)果等科技巨頭，我們一直都處于模仿它們達(dá)到創(chuàng)新的邊緣，因此使得國(guó)內(nèi)界面設(shè)計(jì)的發(fā)展都處于輔助技術(shù)的層面上，

66、人們對(duì)界面的概念也相對(duì)較弱，很多對(duì)UI設(shè)計(jì)的認(rèn)知停留在美術(shù)設(shè)計(jì)的階段，但其實(shí)UI的涵蓋范圍比人們想象的大的多，它除了視覺(jué)設(shè)計(jì)以外，還包括交互體驗(yàn)等等多個(gè)部分，近些年來(lái)，手持移動(dòng)設(shè)備的迅速擴(kuò)散，移動(dòng)應(yīng)用軟件功能的相似，使得各大產(chǎn)品不能完全依靠功能的優(yōu)勢(shì)來(lái)贏得用戶的青睞，而用戶體驗(yàn)及人機(jī)交互方式變得尤為重要，也是能夠使用戶對(duì)產(chǎn)品忠誠(chéng)的關(guān)鍵因素，正是這種變化，讓越來(lái)越多的產(chǎn)品開(kāi)始關(guān)注界面設(shè)計(jì)，選擇花費(fèi)更多的設(shè)計(jì)做更好的體驗(yàn)。在未來(lái)的某一段時(shí)間

67、里，界面設(shè)計(jì)都會(huì)是智能移動(dòng)終端相互競(jìng)爭(zhēng)的武器，而移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來(lái)，必定會(huì)讓競(jìng)爭(zhēng)更加激烈，這也是為什么扁平化設(shè)計(jì)如此重要的原因，手持移動(dòng)設(shè)備的屏幕相對(duì)PC會(huì)小很多，而其功能卻不會(huì)比PC少，反而可能會(huì)因?yàn)橄螺d應(yīng)用的繁多而讓屏幕看起來(lái)更擁擠，因此扁</p><p>　　國(guó)內(nèi)界面設(shè)計(jì)的發(fā)展還處于相對(duì)起步的階段，未來(lái)還有很大的空間可供發(fā)揮，近年來(lái)，國(guó)內(nèi)智能手機(jī)的發(fā)展已經(jīng)不僅僅是依靠國(guó)外的技術(shù)，在很多點(diǎn)上都有自主的創(chuàng)新，

68、界面設(shè)計(jì)作為技術(shù)的輔助與表達(dá)，是產(chǎn)品與用戶接觸的最直接的方式，好的用戶界面設(shè)計(jì)決定著產(chǎn)品的壽命，因此，我們可以看到界面設(shè)計(jì)在發(fā)展中具有無(wú)限的可能性，也必定會(huì)越來(lái)越光明。</p><p>　　未來(lái)一段時(shí)間內(nèi)，扁平化都會(huì)作為界面設(shè)計(jì)的主流趨勢(shì)，并廣泛覆蓋到界面設(shè)計(jì)中，甚至可能作為一種新的風(fēng)格流派被應(yīng)用在平面設(shè)計(jì)、三維設(shè)計(jì)或者繪畫(huà)中去，它的合理存在性，對(duì)界面設(shè)計(jì)的發(fā)展大有益處，它同擬物化設(shè)計(jì)一樣是界面設(shè)計(jì)發(fā)展重要的一環(huán)

69、，并非像人們所爭(zhēng)論的那樣：二者是對(duì)立的設(shè)計(jì)風(fēng)格，其實(shí)它們不過(guò)都是界面設(shè)計(jì)在發(fā)展順應(yīng)時(shí)代潮流而做出的改變，像王朝更換君主一樣，是必然要發(fā)生的事情，而扁平化作為新的界面設(shè)計(jì)的領(lǐng)軍者，會(huì)在未來(lái)的發(fā)展中創(chuàng)造更多的可能。</p><p><b>　　結(jié) 語(yǔ)</b></p><p>　　通過(guò)以上文字的論述，本文對(duì)界面設(shè)計(jì)從擬物化到扁平化的各個(gè)階段進(jìn)行了總結(jié)分析，就國(guó)內(nèi)外的界面設(shè)

70、計(jì)發(fā)展與形勢(shì)進(jìn)行了相對(duì)全面的概述，對(duì)于擬物化設(shè)計(jì)與扁平化設(shè)計(jì)的優(yōu)劣勢(shì)進(jìn)行了詳細(xì)的論證，并對(duì)未來(lái)的界面設(shè)計(jì)的發(fā)展趨勢(shì)進(jìn)行相對(duì)理性預(yù)估，能夠解決目前國(guó)內(nèi)關(guān)于界面設(shè)計(jì)擬物化還是扁平化的爭(zhēng)論問(wèn)題。</p><p><b>　　注 釋</b></p><p>　　[1] UI設(shè)計(jì)，扁平化還是擬物化. </p><p>　　http://www.uisd

71、c.com/flat-or-quasi-materialized 2014年4月20日訪問(wèn)</p><p>　　[2] 扁平化設(shè)計(jì).百度百科. http://baike.baidu.com/view/6931513.htm </p><p>　　2014年5月1日訪問(wèn)</p><p>　　[3] 極簡(jiǎn)主義.百度百科. http://baike.baidu.com/v

72、iew/362841.htm </p><p>　　2014年5月1日訪問(wèn)</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1] 周陟.UI進(jìn)化論. 清華大學(xué)出版社，2010，4-68.</p><p>　　[2] 張劍. 扁平化 UI 中的空間表達(dá).藝術(shù)科技 2014，（1）</p>

73、<p>　　[3] 楊帆. 基于扁平化的界面設(shè)計(jì)美學(xué)思想的探討.藝術(shù)科技 2014，（1）</p><p>　　[4] 馬娜娜. 簡(jiǎn)潔而不乏味———淺談扁平化界面設(shè)計(jì). 大眾文藝,</p><p>　　2013( 16) : 137-138.</p><p>　　[5] 冰塵. 扁平化設(shè)計(jì)的前世今生 http://tech.qq.com/a/2014032

74、4/000211.htm </p><p>　　2014年5月4日訪問(wèn)</p><p>　　[6]米拉.UI設(shè)計(jì)，扁平化與擬物化的進(jìn)化史 </p><p>　　http://www.woshipm.com/pd/48977.html 2014年5月6日訪問(wèn)</p><p><b>　　論文摘要（中文）</b></p

75、><p>　　時(shí)代的發(fā)展，使得界面設(shè)計(jì)成為新的關(guān)注領(lǐng)域脫穎而出。為解決目前國(guó)內(nèi)關(guān)于界面設(shè)計(jì)風(fēng)格的爭(zhēng)論問(wèn)題，本文以擬物化向扁平化的過(guò)渡發(fā)展作為論點(diǎn)，論述界面設(shè)計(jì)趨勢(shì)的層層發(fā)展過(guò)程，采用對(duì)比的方法，來(lái)詳細(xì)論述擬物化設(shè)計(jì)與扁平化設(shè)計(jì)的發(fā)展背景、現(xiàn)狀、及未來(lái)發(fā)展趨勢(shì)，對(duì)二者過(guò)渡的各個(gè)階段進(jìn)行總結(jié)，并對(duì)未來(lái)的發(fā)展進(jìn)行相對(duì)正確的預(yù)估。</p><p>　　扁平化作為界面設(shè)計(jì)的新趨勢(shì)，正在逐步取代擬物化，關(guān)

76、于二者的爭(zhēng)論持續(xù)存在，本文從相對(duì)客觀的角度對(duì)二者進(jìn)行詳細(xì)的剖析與對(duì)比，得出這場(chǎng)變革是時(shí)代發(fā)展的必然趨勢(shì)，在界面設(shè)計(jì)的發(fā)展中，擬物化設(shè)計(jì)具有的獨(dú)特屬性已經(jīng)越來(lái)越薄弱，而扁平化設(shè)計(jì)的出現(xiàn)是適應(yīng)時(shí)代而生的，體現(xiàn)出更多的優(yōu)勢(shì)，二者并不矛盾，是界面設(shè)計(jì)發(fā)展中的重要環(huán)節(jié)，在不同的時(shí)代背景下有著各自的重要意義與影響。</p><p><b>　　論文摘要（英文）</b></p><p&

77、gt;　　With the development of the times, People began to focus on the interface design. The purpose of this paper is to solve the disputed issue of the interface’s style. This paper intends to the development from the ske

78、uomorphism to the flat design as the transition point, using contrast to describe details of the background, current status, and future trends.</p><p>　　Flat design as the new tends , is gradually replacing