淺析工業(yè)設(shè)計(jì)與UI設(shè)計(jì)的對(duì)比

王夢(mèng)雨　李辰瑤

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

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

引言

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

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

1簡(jiǎn)述UI設(shè)計(jì)與工業(yè)設(shè)計(jì)

1.1什么是UI設(shè)計(jì)

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

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

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

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

2工業(yè)設(shè)計(jì)與UI設(shè)計(jì)的共同點(diǎn)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4結(jié)語(yǔ)

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

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

參考文獻(xiàn)：

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

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