版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
PAGEPAGE20第頁(yè)
本科生畢業(yè)論文(設(shè)計(jì))中文題目淺析界面設(shè)計(jì)從擬物化向扁平化的變革英文題目AnalysisofinterfacedesignfromtheSkeuomorphismchangestotheflatdesign學(xué)生姓名班級(jí)學(xué)號(hào)學(xué)院專(zhuān)業(yè)廣告學(xué)(含廣告設(shè)計(jì))指導(dǎo)教師職稱(chēng)講師內(nèi)容提要在手持移動(dòng)設(shè)備迅速包裹人類(lèi)生活的時(shí)代,越來(lái)越多的元素進(jìn)入到小屏幕中,人們對(duì)于手機(jī)等移動(dòng)終端設(shè)備的依賴(lài)變得越來(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)界面的的巨大變革。本文主要論述界面設(shè)計(jì)從擬物化向扁平化的發(fā)展,從四個(gè)大部分進(jìn)行剖析,包含變革產(chǎn)生的發(fā)展背景,關(guān)于擬物化與扁平化的介紹分析,過(guò)渡階段以及未來(lái)發(fā)展趨勢(shì)預(yù)測(cè)。通過(guò)對(duì)四個(gè)部分及其子類(lèi)的論述,總結(jié)界面設(shè)計(jì)從擬物化向扁平化發(fā)展的原因及歷程,并對(duì)每一發(fā)展階段的特點(diǎn)進(jìn)行分析和概括,解讀這一巨大變化帶來(lái)的影響。關(guān)鍵詞扁平化擬物化UI設(shè)計(jì)移動(dòng)目錄前言(引言)………………………1發(fā)展背景…………2(一)擬物化設(shè)計(jì)的定義及由來(lái)………21、擬物化設(shè)計(jì)的定義……………………22、擬物化設(shè)計(jì)的由來(lái)與現(xiàn)狀……………3(二)扁平化設(shè)計(jì)的定義及由來(lái)………41、扁平化設(shè)計(jì)的定義……………………42、扁平化設(shè)計(jì)的由來(lái)與現(xiàn)狀……………4二、現(xiàn)階段擬物化設(shè)計(jì)與扁平化設(shè)計(jì)存在的優(yōu)缺點(diǎn)……………5(一)擬物化設(shè)計(jì)的優(yōu)缺點(diǎn)……………51.優(yōu)點(diǎn)……………………51.缺點(diǎn)……………………6(二)扁平化設(shè)計(jì)的優(yōu)缺點(diǎn)……………61.優(yōu)點(diǎn)……………………61.缺點(diǎn)……………………7(三)根據(jù)現(xiàn)階段界面設(shè)計(jì)的發(fā)展對(duì)比分析……7三、從擬物化設(shè)計(jì)到扁平化設(shè)計(jì)的過(guò)渡發(fā)展階段………………8(一)2006到2010年——物理世界和虛擬世界交接的時(shí)代………8(二)2010到2013年——以擬物化設(shè)計(jì)為主的前扁平化時(shí)代……9(三)2013年9月至今——扁平化的逆襲…………10三、界面設(shè)計(jì)的未來(lái)趨勢(shì)——扁平化設(shè)計(jì)…………11(一)扁平化設(shè)計(jì)的空間表達(dá)…………111.色彩對(duì)比營(yíng)造空間感………………122.圖形的關(guān)系形成立體空間…………12(二)扁平化設(shè)計(jì)的美學(xué)思想………13(三)國(guó)內(nèi)界面設(shè)計(jì)的新未來(lái)………13結(jié)語(yǔ)…………………16注釋…………………17參考文獻(xiàn)…………18論文摘要(中文)………19論文摘要(英文)……………………20前言(引言)目前國(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ā)展的分析總結(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)變革的諸多因素。一、發(fā)展背景界面設(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)有什么東西是一成不變的,變化本身就是前行,2000年后的十幾年里,我們見(jiàn)證了科技時(shí)代對(duì)我們生活的改變,尤其近幾年里智能化手機(jī)時(shí)代的開(kāi)啟,使得人類(lèi)的生活完全進(jìn)入一個(gè)新的階段,正是這種變化,成就著界面設(shè)計(jì)的今天,也促成了界面設(shè)計(jì)從擬物化向扁平化的轉(zhuǎn)變。2013年9月蘋(píng)果發(fā)布IOS7系統(tǒng),一改以往蘋(píng)果的擬物化界面設(shè)計(jì)風(fēng)格,采用了更為簡(jiǎn)潔的扁平化設(shè)計(jì),IOS7的發(fā)布重新定義了扁平化設(shè)計(jì)在人們眼中的樣子,也帶來(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),也有人說(shuō)扁平化設(shè)計(jì)其實(shí)很丑,對(duì)于這兩種風(fēng)格的認(rèn)識(shí),需要我們用理性的眼光來(lái)看待,這不僅僅是視覺(jué)設(shè)計(jì)的改變,還涉及到用戶(hù)體驗(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)了用戶(hù)在智能化時(shí)代下使用產(chǎn)品的習(xí)慣,在人們熟知了解駕輕就熟的時(shí)候,才能推動(dòng)界面設(shè)計(jì)向扁平化的方向發(fā)展。(一)擬物化設(shè)計(jì)的定義及由來(lái)1、擬物化設(shè)計(jì)的定義擬物化設(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)讓用戶(hù)在使用的過(guò)程容易辨識(shí)和操作,它所呈現(xiàn)的是三維的立體效果。例如我們手機(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ì)。2、擬物化設(shè)計(jì)的由來(lái)與現(xiàn)狀人們?cè)谌粘I钪薪?jīng)常使用的物品,會(huì)通過(guò)熟悉形成習(xí)慣和記憶,將這種已經(jīng)被熟悉的外形和使用習(xí)慣放在虛擬的界面設(shè)計(jì)中,能夠使用戶(hù)在較短的時(shí)間里掌握并使用。擬物化是一種具象的設(shè)計(jì)風(fēng)格,它給人熟悉的親切感,創(chuàng)造了舊有經(jīng)歷與新體驗(yàn)的聯(lián)系,不會(huì)讓用戶(hù)因?yàn)槟吧謶?,能夠迅速拉近產(chǎn)品與用戶(hù)的距離。我們很難找出擬物化設(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)單反快門(mén)時(shí)的音效,家里壁紙的木質(zhì)紋理等等。擬物化設(shè)計(jì)是伴隨界面發(fā)展的重要成員,來(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)典致敬,忽略了使用用戶(hù)與時(shí)代的關(guān)聯(lián),從而使得用戶(hù)體驗(yàn)較差。擬物化設(shè)計(jì)為用戶(hù)提供可理解的界面,可掌控的軟性接觸美學(xué),使得界面的功能操作在用戶(hù)的可控范圍之內(nèi),使用戶(hù)處在較為主動(dòng)的位置上,它體現(xiàn)的不僅僅是懷舊和原始的美感,更是對(duì)過(guò)去與現(xiàn)代距離的縮減,人們對(duì)于擬物化設(shè)計(jì)的偏愛(ài),不單單因其酷炫的界面,還包括它所提供的與現(xiàn)實(shí)世界相似的空間維度。蘋(píng)果作為擬物化設(shè)計(jì)的成就者,將擬物化與界面高度融合,將其產(chǎn)品的外觀自然融入到界面設(shè)計(jì)中,不論是MacOSX還是IOS系統(tǒng),其實(shí)從界面中我們都可以看到它們特有的銀白色金屬質(zhì)感,蘋(píng)果的擬物化設(shè)計(jì)是由內(nèi)而外的,貫穿所有的產(chǎn)品線(xiàn),尤其當(dāng)移動(dòng)產(chǎn)品鋪天蓋地覆蓋我們的生活時(shí),蘋(píng)果將擬物化設(shè)計(jì)做的更加精致,到今天為止,IOS6應(yīng)該是將擬物化與界面融合最好的設(shè)計(jì),也是擬物化設(shè)計(jì)最巔峰的時(shí)刻。當(dāng)今擬物化設(shè)計(jì)的風(fēng)潮雖然在退散,卻并不會(huì)退出人們的視野,仍然會(huì)有很多設(shè)計(jì)需要用到擬物化來(lái)更好的詮釋其功能,即使流行的扁平化風(fēng)格的設(shè)計(jì)仍然需要擬物化來(lái)進(jìn)行輔助才能發(fā)展。(二)扁平化設(shè)計(jì)的定義及由來(lái)1、扁平化設(shè)計(jì)的定義扁平化設(shè)計(jì)(flatdesign)是指在設(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)造出空間感。2、扁平化設(shè)計(jì)的由來(lái)與現(xiàn)狀相較于擬物化設(shè)計(jì),扁平化設(shè)計(jì)更像是繪畫(huà)藝術(shù)中的抽象派,最早可追溯到20世紀(jì)四五十年代的瑞士風(fēng)格(國(guó)際主義平面設(shè)計(jì)風(fēng)格),注重網(wǎng)格無(wú)襯線(xiàn)字體的使用,大背景圖片配上簡(jiǎn)潔字體,是一種高度功能化、理性化的平面設(shè)計(jì)方式,其在六七十年代發(fā)展成熟,直到80年代逐漸消退。國(guó)際主義由現(xiàn)代主義發(fā)展而來(lái),在風(fēng)格上與現(xiàn)代主義十分接近,但由于二者的時(shí)代背景發(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)約整潔,品味和思想上則顯得更為優(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)格在流行之前有過(guò)一段沉寂的時(shí)間一樣,在2006年微軟提出Metro這種設(shè)計(jì)風(fēng)格之后,扁平化設(shè)計(jì)一直處于邊緣地帶,飽受爭(zhēng)議與批評(píng),大字體、單色塊,搭配背景圖片,過(guò)度極簡(jiǎn)的設(shè)計(jì)一直不被看好。Metro這種扁平化風(fēng)格的設(shè)計(jì),使圖標(biāo)不僅僅成為進(jìn)入程序的入口,同時(shí)也變身為信息載體,向用戶(hù)傳達(dá)關(guān)鍵信息,這樣能夠節(jié)省用戶(hù)獲取信息的時(shí)間,使用戶(hù)讀取信息更加方便,但在當(dāng)時(shí),智能手機(jī)還并未普及,很多新用戶(hù)在使用時(shí)會(huì)因?yàn)槿肟谔^(guò)一致而難以辨識(shí),在使用時(shí)也會(huì)因?yàn)樵O(shè)計(jì)太過(guò)抽象而需要用戶(hù)不斷摸索,因此沉寂。經(jīng)過(guò)幾年的豐富和完善,扁平化設(shè)計(jì)已經(jīng)越發(fā)成熟,且擬物化設(shè)計(jì)已經(jīng)為其培養(yǎng)了大量的用戶(hù),在IOS7與WIN8發(fā)布之后開(kāi)始流行開(kāi)來(lái)。現(xiàn)在扁平化設(shè)計(jì)被應(yīng)用到越來(lái)越多的界面設(shè)計(jì)中,很多我們熟悉的網(wǎng)站與應(yīng)用都開(kāi)始改換舊有的風(fēng)格,逐漸走向扁平化。二、現(xiàn)階段擬物化設(shè)計(jì)與扁平化設(shè)計(jì)存在的優(yōu)缺點(diǎn)界面設(shè)計(jì)發(fā)展到今天,UI(UserInterface)的概念在國(guó)內(nèi)還是一個(gè)相對(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)品如何在用戶(hù)心里贏得地位,已經(jīng)不能僅僅依靠技術(shù)層面,更加流暢的用戶(hù)體驗(yàn)與出色的界面設(shè)計(jì)變得更為關(guān)鍵,人機(jī)交互的時(shí)代,界面是用戶(hù)與產(chǎn)品接觸的最直接方式,適合時(shí)代發(fā)展的界面設(shè)計(jì)風(fēng)格會(huì)更容易被用戶(hù)接受,哪一種用起來(lái)更順手更合理,會(huì)成為用戶(hù)選擇使用產(chǎn)品的重大判斷。因此,必須了解擬物化設(shè)計(jì)與扁平化設(shè)計(jì)風(fēng)格在現(xiàn)階段各自有什么樣的優(yōu)缺點(diǎn),才能讓我們對(duì)界面設(shè)計(jì)與交互體驗(yàn)的未來(lái)有正確的判斷。(一)擬物化設(shè)計(jì)的優(yōu)缺點(diǎn)到目前為止,擬物化設(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)十分明顯,也決定著它在未來(lái)的發(fā)展步伐。1、優(yōu)點(diǎn)(1)能夠有效降低學(xué)習(xí)成本,易理解,難度低,容易操作。人對(duì)信息的處理、學(xué)習(xí)和記憶都是有限的,用戶(hù)通常不愿意花費(fèi)太多的時(shí)間在弄懂產(chǎn)品這件事上,擬物化設(shè)計(jì)很好的解決了這個(gè)問(wèn)題,有效的降低了用戶(hù)使用產(chǎn)品時(shí)的操作成本及學(xué)習(xí)負(fù)擔(dān),更容易被用戶(hù)接受和認(rèn)可。(2)細(xì)節(jié)完美,更加美觀,具有親切感。擬物化設(shè)計(jì)在細(xì)節(jié)上追求精致,盡量還原生活中原型物品的外觀與使用場(chǎng)景,添加的高光陰影漸變等,營(yíng)造出真實(shí)的質(zhì)感,能夠讓用戶(hù)在使用時(shí)因其外觀而覺(jué)得親切,按鈕的質(zhì)感及交互效果,讓用戶(hù)能夠快速辨識(shí)其可點(diǎn)擊性,完成操作。2、缺點(diǎn)(1)擬物化設(shè)計(jì)模擬界面與功能設(shè)計(jì)不一致。應(yīng)用程序在界面設(shè)計(jì)上模擬實(shí)際生活中的外形和場(chǎng)景,但在功能上常常并不能做到與現(xiàn)實(shí)生活中的操作完全一致,這樣容易讓用戶(hù)產(chǎn)生誤解,從而降低用戶(hù)的體驗(yàn)。(2)適用性低。設(shè)計(jì)的復(fù)雜性在響應(yīng)式設(shè)計(jì)上需要花費(fèi)更多的成本,且適配不同的屏幕,無(wú)法保證都有很好的效果。(3)信息化時(shí)代,復(fù)雜的設(shè)計(jì)造成對(duì)信息接收的干擾?,F(xiàn)代社會(huì),人們的生活變得忙碌而急促,時(shí)間變得碎片化,人們希望能夠更加準(zhǔn)確高效的獲取信息,而擬物化設(shè)計(jì)復(fù)雜的視覺(jué)效果會(huì)對(duì)信息的獲取形成阻礙。(4)擬物化設(shè)計(jì)會(huì)限制功能本身的設(shè)計(jì)。擬物化設(shè)計(jì)追求的是還原物理世界的原型,這使得它的設(shè)計(jì)被限定在物理世界的規(guī)則中,這對(duì)于功能的設(shè)計(jì)形成限制,阻礙創(chuàng)新。(二)扁平化設(shè)計(jì)的優(yōu)缺點(diǎn)扁平化設(shè)計(jì)在近兩年流行起來(lái),成為適用性非常強(qiáng)的設(shè)計(jì)風(fēng)格,2013年在設(shè)計(jì)領(lǐng)域中,淘寶一直憑借扁平化引領(lǐng)著業(yè)界的設(shè)計(jì)風(fēng)格,我們幾乎能夠看到各類(lèi)不同性質(zhì)的產(chǎn)品和網(wǎng)站對(duì)扁平化設(shè)計(jì)的使用,越來(lái)越多的人開(kāi)始選擇追隨扁平化,的確,在界面設(shè)計(jì)的發(fā)展中,扁平化體現(xiàn)出更多的優(yōu)勢(shì)所在。1、優(yōu)點(diǎn)(1)降低視覺(jué)負(fù)擔(dān)和信息干擾。去掉冗余的復(fù)雜裝飾后,能夠讓用戶(hù)更加專(zhuān)注內(nèi)容本身。(2)可移植性。簡(jiǎn)約的設(shè)計(jì)適合設(shè)計(jì)方案的移植,能夠適配不同的屏幕,對(duì)響應(yīng)式設(shè)計(jì)來(lái)說(shuō)十分有益。(3)易用,高效,有助于功能的開(kāi)發(fā)和創(chuàng)新。扁平化設(shè)計(jì)因?yàn)椴捎寐詾槌橄蟮谋磉_(dá)方式,脫離擬物化懷舊還原的特性,讓功能的設(shè)計(jì)變得自由,有助于產(chǎn)品的創(chuàng)新。2、缺點(diǎn)(1)學(xué)習(xí)成本增加,表達(dá)冰冷。扁平化設(shè)計(jì)使得界面風(fēng)格從具象走向抽象,這樣難免會(huì)增加用戶(hù)的學(xué)習(xí)成本,用戶(hù)需要花費(fèi)更多的時(shí)間來(lái)對(duì)其進(jìn)行理解和摸索,且傳達(dá)給用戶(hù)陌生的感覺(jué),在感性層面上會(huì)比較冰冷。(2)平面化的設(shè)計(jì)容易造成使用障礙。因扁平化設(shè)計(jì)使得所有元素都處于同一個(gè)維度上,過(guò)于相似,用戶(hù)在使用時(shí)通常無(wú)法辨別其哪些元素具有可點(diǎn)擊可操控的可能,會(huì)喪失對(duì)部分功能的判斷。(三)根據(jù)現(xiàn)階段界面設(shè)計(jì)的發(fā)展進(jìn)行對(duì)比分析“有些東西在某些場(chǎng)合最合適,沒(méi)有什么在所有場(chǎng)合都合適?!备鶕?jù)現(xiàn)階段界面設(shè)計(jì)的發(fā)展來(lái)看,扁平化設(shè)計(jì)的確比擬物化設(shè)計(jì)更適合一些。擬物化設(shè)計(jì)的初衷是為了減少用戶(hù)的學(xué)習(xí)成本,但科技前行的腳步已經(jīng)遠(yuǎn)遠(yuǎn)超乎我們的想象,我們所用的手機(jī)已經(jīng)不僅僅是打電話(huà)收發(fā)短信的工具,它集眾多功能與一體,很多功能我們?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難看,并使信息獲取遇到障礙?,F(xiàn)代生活的節(jié)奏正處于高速前行的階段,高效、短時(shí)、準(zhǔn)確成為人們所追求的關(guān)鍵,人們對(duì)智能手機(jī)以及互聯(lián)網(wǎng)已經(jīng)十分熟悉,再使用擬物化會(huì)造成用戶(hù)的審美疲勞,形成視覺(jué)負(fù)擔(dān),且阻礙技術(shù)的發(fā)展,而扁平化設(shè)計(jì)舍棄人們固有的邏輯思維,其簡(jiǎn)約的風(fēng)格可承載的東西也會(huì)變多。因此我們看出,在現(xiàn)階段界面設(shè)計(jì)的發(fā)展中,扁平化設(shè)計(jì)比擬物化設(shè)計(jì)更為合理切更加適用。三、從擬物化設(shè)計(jì)到扁平化設(shè)計(jì)的過(guò)渡發(fā)展階段界面設(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ā)展也是一樣。(一)2006到2010年——物理世界和虛擬世界交接的時(shí)代擬物化設(shè)計(jì)在圖形界面的發(fā)展歷程中扮演著重要的角色,在計(jì)算機(jī)和手機(jī)并不普及的時(shí)代里,擬物化設(shè)計(jì)的出現(xiàn)對(duì)人們而言是再合適不過(guò)的,它讓用戶(hù)在使用中能夠快速掌握操作方法,將物理世界的使用方式與虛擬世界良好的結(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)系。2006年的時(shí)候,微軟第一次提出了全新的界面設(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)有引起太多的注意。2007年,蘋(píng)果公司在WWDC大會(huì)上發(fā)布IOS系統(tǒng),界面設(shè)計(jì)采用擬物化設(shè)計(jì)的風(fēng)格,得到很多人的鐘愛(ài)。喬布斯一直是擬物化設(shè)計(jì)的虔誠(chéng)信奉者,專(zhuān)注在擬物化的細(xì)節(jié)設(shè)計(jì)上,因此iPhone也是擬物化設(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)作用。2009年,Google推出Chrome瀏覽器,圖標(biāo)的設(shè)計(jì)結(jié)合了蘋(píng)果的擬物化設(shè)計(jì)與微軟的Metro風(fēng)格,是類(lèi)扁平化設(shè)計(jì)中的經(jīng)典案例,這一事件的發(fā)生,讓業(yè)界開(kāi)始思考扁平化設(shè)計(jì)。2010年時(shí),微軟將Metro帶入到手機(jī)系統(tǒng)中,推出WindowsPhone7,極簡(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)格。從2006年到2010年,是界面設(shè)計(jì)發(fā)展過(guò)程中物理世界與虛擬世界交接的時(shí)代,大部分人對(duì)手機(jī)的功能使用還在較為基本的階段,隨著通訊設(shè)備功能的豐富和完善,人們需要不斷的花費(fèi)更多的時(shí)間去適應(yīng)這種改變,熟悉了解并且駕馭,因此擬物化設(shè)計(jì)充當(dāng)著引導(dǎo)者的角色,帶給人們酷炫的視覺(jué)界面,更具親切感的操作行為,有效降低了用戶(hù)在使用中需要花費(fèi)的不必要時(shí)間,而抽象的扁平化設(shè)計(jì),過(guò)渡的簡(jiǎn)化界面會(huì)讓用戶(hù)感到迷茫,這也是這四年的時(shí)間,扁平化設(shè)計(jì)曇花一現(xiàn)的重要原因。(二)2010到2013年——以擬物化設(shè)計(jì)為主的前扁平化時(shí)代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)始興起,人們對(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)境因素。在此期間,安卓已經(jīng)開(kāi)始摒棄擬物化的設(shè)計(jì)風(fēng)格,2011年10月發(fā)布的4.0版本,我們能夠看到安卓在界面設(shè)計(jì)風(fēng)格上已經(jīng)選擇走向扁平化,谷歌提到“中性、平面、簡(jiǎn)潔,使用單一的視覺(jué)隱喻,使用戶(hù)可以很容易的識(shí)別和理解它的目的?!北M管在當(dāng)時(shí),很多人認(rèn)為谷歌這樣的做法,只是為了與蘋(píng)果對(duì)抗想出的對(duì)策,并沒(méi)有太多人追隨,但改變已經(jīng)發(fā)生,并預(yù)示著扁平化設(shè)計(jì)已經(jīng)開(kāi)始得到更多決策者的關(guān)注。盡管在這個(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)作用。(三)2013年至今——扁平化的逆襲2013年,win8與IOS7相繼發(fā)布,均將界面設(shè)計(jì)的風(fēng)格指向扁平化。向來(lái)固執(zhí)堅(jiān)持的微軟,在界面設(shè)計(jì)中依然沿用扁平化風(fēng)格,早已在人們的預(yù)想之中,而一貫信奉擬物化設(shè)計(jì)的蘋(píng)果,改換方向,投身扁平化的洪流,卻完全讓人意外。IOS7采用全新的扁平化設(shè)計(jì)風(fēng)格,盡管在發(fā)布后的一段時(shí)間里,倍受爭(zhēng)議,卻帶來(lái)了一場(chǎng)關(guān)于擬物化設(shè)計(jì)與扁平化設(shè)計(jì)的思考,人們終于不再一味批評(píng)和否定,開(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í)代。扁平化設(shè)計(jì)之所以能在沉寂之后完成逆襲,變身公眾的焦點(diǎn),有很多必然的促成因素,主要可以歸結(jié)于以下幾個(gè)方面:(1)審美疲勞。隨著智能化時(shí)代的發(fā)展,擬物化設(shè)計(jì)的功能屬性變得越來(lái)越薄弱,裝飾性較強(qiáng),而用戶(hù)時(shí)間的碎片化又使其在信息捕捉的過(guò)程中形成干擾,造成審美疲勞。扁平化設(shè)計(jì)風(fēng)格的簡(jiǎn)約清晰特點(diǎn)恰好解決了這一問(wèn)題。(2)形式服務(wù)于功能,適應(yīng)時(shí)代的發(fā)展。全觸屏?xí)r代的到來(lái),用戶(hù)可以隨心掌控界面,人機(jī)交互變得更加繁瑣,因此用戶(hù)體驗(yàn)顯得尤為重要,合理的界面設(shè)計(jì)是為交互而服務(wù),創(chuàng)造更舒適的體驗(yàn)。扁平化設(shè)計(jì)在這個(gè)發(fā)展過(guò)程中可以承載更多的內(nèi)容和功能需求,更能適應(yīng)時(shí)代的發(fā)展。(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ì)。自從IOS7發(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)的是,盡管扁平化設(shè)計(jì)更適合這個(gè)時(shí)代的需求,仍然需要擬物化設(shè)計(jì)來(lái)做輔助才能很好的傳達(dá),也同樣要依靠擬物化設(shè)計(jì)積攢沉淀的資源來(lái)發(fā)展,沒(méi)有擬物化設(shè)計(jì)培養(yǎng)了用戶(hù)的使用習(xí)慣,扁平化設(shè)計(jì)也不會(huì)被用戶(hù)所接受。從擬物化設(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í)間的沉淀和積累。而擬物化的未來(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)重要的作用。四、界面設(shè)計(jì)的未來(lái)趨勢(shì)——扁平化設(shè)計(jì)現(xiàn)今,扁平化設(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)格?,F(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ā)展的核心都在于讓自身更完善。(一)扁平化設(shè)計(jì)的空間表達(dá)扁平化設(shè)計(jì)去掉擬物化設(shè)計(jì)的漸變、高光、陰影、紋理等能夠營(yíng)造出立體空間的元素,使用完全平面簡(jiǎn)約的表達(dá)方式,雖然不再像擬物化設(shè)計(jì)那樣具有強(qiáng)烈的真實(shí)質(zhì)感,但也并非像微軟Metro界面那樣完全色塊化,其實(shí)除了微軟所表達(dá)的扁平化,我們大多能夠看到的扁平化設(shè)計(jì)風(fēng)格都是像IOS7和安卓等更為豐富的表達(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ī)則的形狀來(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ú)限的拓展空間。1.色彩對(duì)比營(yíng)造空間感扁平化設(shè)計(jì)在色彩的運(yùn)用上十分挑剔,大多數(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é),陰影的部分用較暗的顏色,高光的部分用較亮的顏色,這樣就可以使扁平化的圖形元素在疊加后通過(guò)顏色來(lái)制造空間感。色彩對(duì)視覺(jué)感官有著決定性的作用,因此在扁平化中如何運(yùn)用好色彩的關(guān)系顯得尤為重要。2.圖形的關(guān)系形成立體空間扁平化設(shè)計(jì)因?yàn)槿サ粞b飾性的輔助元素,除了色彩能夠營(yíng)造空間感以外,圖形的運(yùn)用關(guān)系也十分重要,比如一個(gè)矩形的按鈕,在下方疊加同樣大小不同顏色的另一個(gè)矩形,將下層的矩形向下移動(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á)。扁平化設(shè)計(jì)至關(guān)重要的兩個(gè)表達(dá)元素——色彩和圖形關(guān)系,使得扁平化設(shè)計(jì)有了豐富的層級(jí),即使去除了擬物化設(shè)計(jì)的裝飾性元素,采用完全平面的元素,仍然可以表達(dá)空間感。(二)扁平化設(shè)計(jì)的美學(xué)思想扁平化設(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ì),甚至不需要任何多余的裝飾元素,幾乎回歸到圖形和文字最簡(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)品自身的功能以及用戶(hù)的使用習(xí)慣,將使用者限定在一個(gè)框架內(nèi),且復(fù)雜的裝飾元素造成視覺(jué)負(fù)擔(dān),扁平化的出現(xiàn)就像極簡(jiǎn)主義,為了打破這個(gè)格局而誕生,解鎖擬物化設(shè)計(jì)試圖固定的條框,無(wú)論是從產(chǎn)品本身,亦或是從用戶(hù)的角度而言,都是一種解放,簡(jiǎn)化視覺(jué)元素,減少冗余的裝飾在用戶(hù)使用產(chǎn)品的過(guò)程中形成的視覺(jué)疲勞,并對(duì)功能設(shè)計(jì)進(jìn)行釋放,不必拘泥于物理世界的規(guī)則,介入新的設(shè)計(jì)理念,使得交互變得更為順暢。盡管扁平化設(shè)計(jì)最初的目的是為了簡(jiǎn)化,但在其不斷的發(fā)展中,我們也可以看到它正在變得更加豐富,并不像一部分人認(rèn)為的那樣缺失設(shè)計(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)約則是一種釋放。(三)國(guó)內(nèi)界面設(shè)計(jì)的新未來(lái)其實(shí)UI(UserInterface)的概念在國(guó)內(nèi)還是相對(duì)比較陌生的詞匯,即便有些專(zhuān)業(yè)的設(shè)計(jì)人員也不是十分清楚,在近幾年的發(fā)展中才慢慢被重視起來(lái),其很大原因來(lái)源于我們的智能科技水平相對(duì)較弱,相較于微軟、谷歌、蘋(píng)果等科技巨頭,我們一直都處于模仿它們達(dá)到創(chuàng)新的邊緣,因此使得國(guó)內(nèi)界面設(shè)計(jì)的發(fā)展都處于輔助技術(shù)的層面上,人們對(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)贏得用戶(hù)的青睞,而用戶(hù)體驗(yàn)及人機(jī)交互方式變得尤為重要,也是能夠使用戶(hù)對(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í)間里,界面設(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)更擁擠,因此扁平化設(shè)計(jì)的出現(xiàn)對(duì)界面設(shè)計(jì)的發(fā)展有很大的益處。目前國(guó)內(nèi)大部分公司都開(kāi)始重視界面設(shè)計(jì),用更多的精力在界面上,例如小米公司繪制更加高清精致的icon,使得小米手機(jī)的界面視覺(jué)感官變得十分舒適,而OPPO等國(guó)內(nèi)手機(jī)品牌也開(kāi)始舉辦各種UI設(shè)計(jì)比賽,尋找更好的界面設(shè)計(jì)方案,從中我們可以看到界面設(shè)計(jì)在未來(lái)的發(fā)展必定會(huì)變得越來(lái)越受到重視,而扁平化設(shè)計(jì)作為主流的設(shè)計(jì)趨勢(shì)必定會(huì)在產(chǎn)品中廣泛應(yīng)用。國(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)新,界面設(shè)計(jì)作為技術(shù)的輔助與表達(dá),是產(chǎn)品與用戶(hù)接觸的最直接的方式,好的用戶(hù)界面設(shè)計(jì)決定著產(chǎn)品的壽命,因此,我們可以看到界面設(shè)計(jì)在發(fā)展中具有無(wú)限的可能性,也必定會(huì)越來(lái)越光明。未來(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),并非像人們所爭(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)造更多的可能。結(jié)語(yǔ)通過(guò)以上文字的論述,本文對(duì)界面設(shè)計(jì)從擬物化到扁平化的各個(gè)階段進(jìn)行了總結(jié)分析,就國(guó)內(nèi)外的界面設(shè)計(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)題。注釋[1]UI設(shè)計(jì),扁平化還是擬物化.HYPERLINK"/flat-or-quasi-materia
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 化工項(xiàng)目財(cái)務(wù)制度范本
- 東林慈善財(cái)務(wù)制度
- 珠寶金店財(cái)務(wù)制度匯編
- 剛果金引入配額制度
- 養(yǎng)老院老人康復(fù)理療師管理制度
- 施工現(xiàn)場(chǎng)施工防化學(xué)事故威脅制度
- 客戶(hù)六一活動(dòng)策劃方案(3篇)
- 廈門(mén)立春活動(dòng)策劃方案(3篇)
- 大名餐飲活動(dòng)策劃方案(3篇)
- 平樂(lè)別墅施工方案(3篇)
- 《中華人民共和國(guó)危險(xiǎn)化學(xué)品安全法》全套解讀
- 推拿按摩腰背部課件
- 散養(yǎng)土雞養(yǎng)雞課件
- 戰(zhàn)略屋策略體系roadmapPP T模板(101 頁(yè))
- 2025年醫(yī)療輔助崗面試題及答案
- T-CI 1078-2025 堿性電解水復(fù)合隔膜測(cè)試方法
- 新入職小學(xué)教師如何快速成長(zhǎng)個(gè)人專(zhuān)業(yè)發(fā)展計(jì)劃
- 門(mén)診導(dǎo)診工作流程
- 寫(xiě)字樓物業(yè)安全管理實(shí)務(wù)操作手冊(cè)
- 解析卷蘇科版八年級(jí)物理下冊(cè)《物質(zhì)的物理屬性》單元測(cè)試試題(含解析)
- 2025年及未來(lái)5年中國(guó)飲料工業(yè)行業(yè)競(jìng)爭(zhēng)格局分析及發(fā)展趨勢(shì)預(yù)測(cè)報(bào)告
評(píng)論
0/150
提交評(píng)論