王夢雨　李辰瑤

摘 要：隨著信息技術(shù)的發(fā)展，電子產(chǎn)品的更迭速度加快，這使得UI設(shè)計的作用也就越來越明顯。與工業(yè)設(shè)計產(chǎn)品相同，一款優(yōu)秀的UI設(shè)計也會直接影響用戶的使用流暢度以及使用感受。本文通過梳理UI設(shè)計的發(fā)展脈絡(luò)，與現(xiàn)代工業(yè)設(shè)計進(jìn)行比較，尋找UI設(shè)計與工業(yè)設(shè)計發(fā)展的歷程的相似點，探索UI設(shè)計未來的發(fā)展方向。

關(guān)鍵詞：UI設(shè)計；工業(yè)設(shè)計；設(shè)計思潮；規(guī)律

引言

20世紀(jì)末，圖形用戶界面首次出現(xiàn)，引發(fā)了人與微機的歷史性變革。隨后，微軟公司推出Windows系統(tǒng)，將圖形用戶界面在個人計算機平臺上得以發(fā)展；同時，直觀的操作界面，使得用戶體驗度提高。

20世紀(jì)初的工業(yè)革命，引發(fā)了機器生產(chǎn)代替手工生產(chǎn)的大潮，產(chǎn)品生產(chǎn)也從定制化、小規(guī)模化，轉(zhuǎn)變?yōu)榕炕?、大?guī)?；?，這同時也引起了工業(yè)化與手工技藝之間的矛盾。從約翰·拉斯金、威廉·莫里斯等人領(lǐng)導(dǎo)的“工藝美術(shù)運動”，到后來密斯·凡德羅所提出的“少即是多”的設(shè)計理念，以及日后出現(xiàn)的現(xiàn)代主義風(fēng)格、后現(xiàn)代主義風(fēng)格等等。一次一次的設(shè)計思潮，推動著工業(yè)設(shè)計的發(fā)展。反觀最近興起的UI設(shè)計，雖同為與機器相關(guān)的設(shè)計，但卻缺少設(shè)計思潮的推動，而工業(yè)設(shè)計的發(fā)展規(guī)律又是否能運用在UI設(shè)計中，這對UI設(shè)計的發(fā)展又有何影響呢？這是一個值得討論的問題。

1簡述UI設(shè)計與工業(yè)設(shè)計

1.1什么是UI設(shè)計

UI，即英文User和Interface的縮寫，除了包括用戶和操作界面，還包括用戶與界面的交互行為。因此UI設(shè)計，不僅僅要提升使用界面的美觀度，還需要優(yōu)化用戶在使用時的舒適度，并且保證程序的流暢運行。相較于其他設(shè)計種類，UI設(shè)計是一種基于計算機系統(tǒng)的非實物設(shè)計，它以交互的方式，實現(xiàn)人和電子設(shè)備的有機互動，從而達(dá)到獲取有效信息的目的。

1.2什么是工業(yè)設(shè)計

工業(yè)設(shè)計與UI設(shè)計最大的不同點是，前者的產(chǎn)品為實物，后者的產(chǎn)品則是虛擬的，因此，工業(yè)設(shè)計還要考慮生產(chǎn)流程、材料等因素。除此之外，兩者都是以工學(xué)、美學(xué)為基礎(chǔ)，兼?zhèn)湫问脚c功能。

如果說約翰·拉斯金、威廉·莫里斯等人領(lǐng)導(dǎo)的“工藝美術(shù)運動”是傳統(tǒng)手工業(yè)生產(chǎn)向工業(yè)生產(chǎn)的轉(zhuǎn)變標(biāo)志，那么之后又提出的“形式服從于功能”則僅僅是將手工藝附屬于工業(yè)產(chǎn)品之上，使產(chǎn)品在滿足使用需求的條件下有特色而已。21世紀(jì)以來，人類進(jìn)入信息時代，工業(yè)產(chǎn)品也會同手工產(chǎn)品一樣，附屬在信息類產(chǎn)品之上，而產(chǎn)品的真正功能也由具體的機械功能轉(zhuǎn)為抽象的信息功能。就工業(yè)產(chǎn)品而言，產(chǎn)品的用戶體驗度已遠(yuǎn)遠(yuǎn)高于產(chǎn)品的外形，這也就是UI設(shè)計愈發(fā)重要的原因。

2工業(yè)設(shè)計與UI設(shè)計的共同點

正如前文所述，工業(yè)設(shè)計與UI設(shè)計都是以機器為基礎(chǔ)，并以用戶使用度為核心的，兩者同為以科技為源動力的設(shè)計。因此，設(shè)計師在設(shè)計方法及理論知識的掌握上，兩者就有相同之處，進(jìn)而所產(chǎn)生的設(shè)計思潮應(yīng)該也是能夠相契合的。

2.1發(fā)源共性——新設(shè)計門類源于新生產(chǎn)方式

1840年，蒸汽機的發(fā)明帶領(lǐng)人類步入蒸汽時代，批量化、大規(guī)?；拇髾C器生產(chǎn)模式迅速代替了定制化、精細(xì)化生產(chǎn)的手工業(yè)生產(chǎn)方式，這就出現(xiàn)了工業(yè)產(chǎn)品外觀丑陋、缺乏個性的不足問題，批量化的產(chǎn)品逐漸無法滿足人們的審美需求，因此，“工藝美術(shù)運動”就在英國興起。之后又發(fā)展為“形式服從于功能”，暫時維持了審美和使用的平衡，工業(yè)設(shè)計門類也就應(yīng)運而生。

進(jìn)入21世紀(jì)，也就是進(jìn)入了信息時代，信息技術(shù)的運用使得生產(chǎn)力進(jìn)一步發(fā)展，而發(fā)展的步伐也更加迅猛，那么，這就預(yù)示另一種全新的設(shè)計門類即將誕生，這就是UI設(shè)計。UI設(shè)計是伴隨著計算機圖形操作誕生的，直至1984年，蘋果公司推出MACINTOSH電腦后，界面煥然一新，交互也更加人性化，這使得這款電腦銷量劇增，UI設(shè)計也就成為一項銷售動力。

綜上所述，工業(yè)設(shè)計與UI設(shè)計都是由新時代創(chuàng)造的新設(shè)計門類，而新設(shè)計門類也在極有力的作用于該時代的發(fā)展?，F(xiàn)代社會，工業(yè)與數(shù)字化信息技術(shù)的結(jié)合緩解了其與理想化手工業(yè)結(jié)合時的矛盾，并以信息技術(shù)為基礎(chǔ)，最大化地體現(xiàn)“以人為本”的設(shè)計理念，注重使用者與產(chǎn)品之間的交互性，同時也加速了信息的傳播。

2.2生產(chǎn)共性——高體驗度源自不斷測試和革新

在工業(yè)設(shè)計中，由設(shè)計者對產(chǎn)品進(jìn)行多次測評，得出不同的數(shù)據(jù)，進(jìn)而改善產(chǎn)品的使用舒適度，再參照與該產(chǎn)品相關(guān)的設(shè)計手冊，以保證產(chǎn)品的標(biāo)準(zhǔn)化。同樣，在UI設(shè)計中，也有相關(guān)的設(shè)計手冊，每當(dāng)蘋果公司要推出新的平臺，在設(shè)計時都會參照《人機交互指南》，既保證蘋果界面的統(tǒng)一性，又給設(shè)計師創(chuàng)作的空間。

綜上所述，工業(yè)設(shè)計和UI設(shè)計的設(shè)計過程基本相同，都是以用戶為核心，首先考慮用戶的需求及交互舒適度，重視體驗；再經(jīng)過測評、修改，以達(dá)到用戶需求為目的。設(shè)計是技術(shù)與美的結(jié)合，即使是虛擬的UI設(shè)計也需要依托實際的技術(shù)，來達(dá)到不同的效果，這也是UI設(shè)計與工業(yè)設(shè)計最明顯的共同點。

3在UI設(shè)計風(fēng)格變化中體現(xiàn)出的設(shè)計思潮

UI設(shè)計雖然到目前只有短短數(shù)十年，但已與發(fā)展近百年的工業(yè)設(shè)計有諸多相同點，在此前提下，可以推斷工業(yè)設(shè)計的設(shè)計思潮與UI設(shè)計的發(fā)展也會有諸多契合點。UI設(shè)計的設(shè)計風(fēng)格主要為擬物化風(fēng)格和扁平化風(fēng)格，而工業(yè)設(shè)計也是由早期與手工藝相結(jié)合時的相對復(fù)雜，逐漸轉(zhuǎn)變?yōu)榫珶?，功能性也是工業(yè)設(shè)計與UI設(shè)計最顯著的共性。

3.1由擬物化風(fēng)格到扁平化風(fēng)格的轉(zhuǎn)變

3.1.1擬物化設(shè)計風(fēng)格

擬物，是人對未知事物探索的初步嘗試。由于對未知事物的恐懼，人們總是忠于原物，盡可能減少對其的主觀判斷。從象形文字，到古典主義繪畫，在照相機被發(fā)明之前，寫實永遠(yuǎn)是主旋律。無論思想和科技多么進(jìn)步，人們依然按照這個規(guī)律進(jìn)行設(shè)計。新興的UI設(shè)計也不例外，同樣是由擬物化風(fēng)格逐漸發(fā)展的。

擬物化，亦是如此。每一枚圖標(biāo)都經(jīng)過精細(xì)的繪制，有高光、陰影、過渡色等細(xì)節(jié)，甚至在交互時有逼真的音效。因此，擬物化不僅是高度模仿可觀的事物，還盡可能還原使用該物品的感受。但由于擬物化風(fēng)格所需空間較大，進(jìn)而會影響到用戶使用的流暢度，在保證識別度的前提下對擬物化風(fēng)格進(jìn)行改良，減少不必要的裝飾。因此，UI設(shè)計的風(fēng)格就逐漸轉(zhuǎn)變?yōu)楸馄交?/p>

3.1.2扁平化設(shè)計風(fēng)格

“‘扁平化的概念源于現(xiàn)代企業(yè)管理中的扁平化管理體制，將金字塔式的組織形狀‘壓縮成扁平狀的組織形式，為達(dá)到靈活、敏捷、富有創(chuàng)造性的目標(biāo)，建立更為緊湊有效的橫向組織結(jié)構(gòu)”。在UI設(shè)計中，扁平化風(fēng)格指去高光化、去陰影化及去過渡化，將這三者去除，僅僅只留下最具辨識度的特征。

縱觀整個藝術(shù)發(fā)展歷程，“從歐洲文藝復(fù)興開始，到古典主義、現(xiàn)實主義美術(shù)、印象主義、新藝術(shù)運動，再到20世紀(jì)的立體主義、表現(xiàn)主義、抽象主義、波普藝術(shù)等的出現(xiàn)，藝術(shù)由開始的寫實風(fēng)格到后來出現(xiàn)抽象風(fēng)格，形式不斷的豐富并且流派也越來越多樣化，使藝術(shù)走向一個多元化的方向”。

人類螺旋式的審美進(jìn)程進(jìn)一步促進(jìn)扁平化風(fēng)格的出現(xiàn)。形式本身是基于人類自身的生理和心理的基本要求而產(chǎn)生的。復(fù)雜的裝飾則會給快節(jié)奏生活的現(xiàn)代人帶來負(fù)擔(dān)，簡潔的形式更便于人們接受和理解，因而扁平化風(fēng)格更易適應(yīng)當(dāng)今社會的生活節(jié)奏。

3.2“少即是多”原則下的扁平化設(shè)計風(fēng)格

扁平化設(shè)計風(fēng)格，是基于瑞士國際主義平面設(shè)計原則發(fā)展而成的，也是“少即是多”設(shè)計原則的踐行者。前者由于簡潔的形式易于標(biāo)準(zhǔn)化的建造方式倍受戰(zhàn)后市場的歡迎，而后者則因為簡潔的形式和便捷快速的操作符合當(dāng)今用戶的體驗。

扁平化界面看似輕描淡寫，實則是對內(nèi)容的凸顯及元素特征的反復(fù)內(nèi)化，這由繁至簡的處理形式，與中國水墨寫意畫的表現(xiàn)手法有異曲同工之妙。實物化要素量的減少，意味著質(zhì)的提高，表現(xiàn)手法的外在性降低，意味著內(nèi)在力度的強化。對于“少即是多”和扁平化UI而言，形式上的簡化始終不是最終目標(biāo)，考慮到簡化后功能上的完整度和用戶體驗度的提升才是核心。真正的形式產(chǎn)生于情感與知識的結(jié)合之中，這種此處無聲勝有聲的境界才是二者簡潔形式下的內(nèi)容，才是二者的本質(zhì)。

4結(jié)語

在設(shè)計思潮中不難發(fā)現(xiàn)，設(shè)計風(fēng)格循環(huán)往復(fù)，“功能與形式”的討論也從未停歇，但設(shè)計的規(guī)律似乎沒有什么變化。無論是發(fā)展了一百多年的工業(yè)設(shè)計，亦或是時下剛流行起來的UI設(shè)計，都在遵循著這個規(guī)律進(jìn)行。

從關(guān)注形式到關(guān)心功能，從設(shè)計物到設(shè)計生活，工業(yè)設(shè)計風(fēng)格從現(xiàn)代主義過渡到后現(xiàn)代主義；UI設(shè)計的風(fēng)格也從擬物化過渡到扁平化。前者的變化歷經(jīng)了幾十年，而后者只用了短短數(shù)年。設(shè)計風(fēng)格的變化依然會依照此規(guī)律，但更替的時間只會越來越短。

參考文獻(xiàn)：

[1]宋方.析“扁平化”手機界面設(shè)計[J].包裝工程，2012.

[2]龐博.從扁平化風(fēng)格看界面設(shè)計的發(fā)展潮流[J].裝飾，2014.