伍海翔　吳余青

本文對(duì)GUI發(fā)展做了文獻(xiàn)梳理和分析，歸納出GUI發(fā)展過程中的幾個(gè)重要節(jié)點(diǎn)，同時(shí)闡述了其發(fā)展是怎么樣影響我們的生活，對(duì)GUI未來的發(fā)展做了一些預(yù)測(cè)。

隨著科技和互聯(lián)網(wǎng)的發(fā)展，人們的生活發(fā)生了重大的改變，各種數(shù)字媒體設(shè)備圍繞在人們周圍，最常見的手機(jī)，平板電腦，智能手環(huán)，智能家電，汽車等等，越來越多的產(chǎn)品都正在和數(shù)字化結(jié)合。①《認(rèn)知與設(shè)計(jì)》中提到：“正是有了計(jì)算機(jī)和因?yàn)橛?jì)算機(jī)而成為可能的交互過程，我們才有了人機(jī)交互?！比藱C(jī)交互也產(chǎn)生了很多新的學(xué)科領(lǐng)域，包括交互設(shè)計(jì)，用戶界面設(shè)計(jì)，用戶調(diào)研等，本文我們主要探討下用戶界面設(shè)計(jì)。

用戶界面設(shè)計(jì)在行業(yè)內(nèi)又稱為GUI設(shè)計(jì)，也稱為UI設(shè)計(jì)，GUI很難與交互設(shè)計(jì)割裂開來對(duì)待，本文暫且先把數(shù)字媒方面偏視覺方向的設(shè)計(jì)領(lǐng)域稱為GUI設(shè)計(jì)，特指網(wǎng)頁，軟件，移動(dòng)，虛擬現(xiàn)實(shí)等數(shù)字產(chǎn)品的界面設(shè)計(jì)。GUI設(shè)計(jì)不是單純的美術(shù)繪畫，它需要結(jié)合用戶的使用環(huán)境，使用方式而設(shè)計(jì)。

從視覺層面來看，GUI設(shè)計(jì)就是軟件的外衣，好看的界面設(shè)計(jì)能給用戶帶來的美的視覺享受，引起情感的共鳴。從行為層面來看，合理的界面設(shè)計(jì)能使用戶易于上手，降低培訓(xùn)成本，增加親和力。

1.GUI設(shè)計(jì)的歷史演變過程

上世紀(jì)70年代，施樂公司（Xerox）在計(jì)算機(jī)上首次應(yīng)用了圖形界面系統(tǒng)（包含視窗、圖標(biāo)、菜單和點(diǎn)選下拉菜單），但該系統(tǒng)并未商業(yè)化，主要用于研究。我們現(xiàn)在普遍說的GUI便是由此誕生的。1984年，蘋果公司發(fā)布了Macintosh，這是第一臺(tái)成功使用GUI并應(yīng)用于商業(yè)的產(chǎn)品。隨著時(shí)間的推移，各種操作系統(tǒng)的GUI不斷變遷升級(jí)（比如微軟的windows系統(tǒng)），將GUI設(shè)計(jì)帶入了新時(shí)代。

GUI的早期的發(fā)展階段有以下三個(gè)特點(diǎn)

（1）界面設(shè)計(jì)“擬物“化。

硬件的發(fā)展，使得圖形界面的呈現(xiàn)效果獲得了大幅度的提升，很多產(chǎn)品開始推崇擬物設(shè)計(jì)，所謂的“擬物” （Skeuomorphism）設(shè)計(jì)，是指模擬和移植現(xiàn)實(shí)生活的使用習(xí)慣和視覺習(xí)慣來設(shè)計(jì)虛擬的軟件界面。擬物設(shè)計(jì)風(fēng)格真正開始被特別關(guān)注就是從蘋果的iphone開始，當(dāng)時(shí)蘋果ipad的用戶界面設(shè)計(jì)指南中有一句話是這么說的：“給你的程序增加盡可能的真實(shí)感以及物理特性。程序的界面和操作跟現(xiàn)實(shí)生活中的實(shí)物越為相似，用戶就越容易理解如何去操作和喜歡使用。

（2）GUI設(shè)計(jì)受硬件的限制較多。

以前受計(jì)算機(jī)硬件水平的限制，圖像顯示的效果比較簡(jiǎn)單，很多的設(shè)計(jì)想法無法實(shí)現(xiàn)，隨著近幾年技術(shù)的進(jìn)步，設(shè)計(jì)師可以相對(duì)自由的發(fā)揮想象空間，GUI的很多設(shè)計(jì)風(fēng)格開始過猶不及的走華麗風(fēng)格，缺少了一些對(duì)設(shè)計(jì)本質(zhì)的思考，這也是可以理解的。

（3）GUI設(shè)計(jì)在曲折中前進(jìn)。

GUI設(shè)計(jì)是一個(gè)新生兒，大多數(shù)情況下GUI設(shè)計(jì)師并未引起足夠的重視，尤其是早期階段，缺乏大量?jī)?yōu)秀的設(shè)計(jì)人才加入到這個(gè)行業(yè)中，隨著互聯(lián)網(wǎng)行業(yè)的快速發(fā)展GUI設(shè)計(jì)師的就業(yè)機(jī)會(huì)增強(qiáng)，但整體設(shè)計(jì)質(zhì)量相對(duì)落后，隨著時(shí)間的推移，情況不斷好轉(zhuǎn)，越來越多的優(yōu)秀設(shè)計(jì)師加入了GUI設(shè)計(jì)行業(yè)。

2.近幾年的GUI設(shè)計(jì)狀況

隨著互聯(lián)網(wǎng)，信息技術(shù)的發(fā)展，各種跨平臺(tái)的產(chǎn)品需求不斷出現(xiàn)，GUI設(shè)計(jì)也在不斷演變。

“擬物”設(shè)計(jì)風(fēng)格對(duì)于界面的細(xì)節(jié)刻畫比較適合特定平臺(tái)的產(chǎn)品，比如在ipad出現(xiàn)之前，設(shè)計(jì)師只需要考慮手機(jī)端的界面設(shè)計(jì)，但現(xiàn)如今，ipad開始普及，并且手機(jī)的分辨率也出現(xiàn)了很多不一樣的尺寸，都需要設(shè)計(jì)師從跨平臺(tái)的角度去考慮界面設(shè)計(jì)，如果采用擬物設(shè)計(jì)風(fēng)格，設(shè)計(jì)師很有可能需要針對(duì)不同的平臺(tái)設(shè)備重新制作，增加了產(chǎn)品開發(fā)的難度。所以近幾年“扁平化“設(shè)計(jì)思路開始占了上風(fēng)并迅速蔓延開，它的核心理念是突出內(nèi)容，減少界面設(shè)計(jì)對(duì)于內(nèi)容的干擾，讓用戶沉浸在內(nèi)容里。設(shè)計(jì)組件都使用簡(jiǎn)單的色塊構(gòu)成，強(qiáng)調(diào)字體的選擇和版式空間的布局，這種看似簡(jiǎn)單的設(shè)計(jì)思路對(duì)于設(shè)計(jì)師來講反而提出了更高的要求。扁平化設(shè)計(jì)不僅是一種設(shè)計(jì)風(fēng)格，它是一種解決問題的方式。

現(xiàn)在的GUI設(shè)計(jì)正處于另一個(gè)歷史的轉(zhuǎn)折路口，這里既有新時(shí)代的設(shè)計(jì)語言，并仍在快速的變化發(fā)展中，也有傳統(tǒng)的設(shè)計(jì)思路的延續(xù)。

現(xiàn)階段的GUI設(shè)計(jì)主要有以下三個(gè)特點(diǎn)

（1）多種GUI設(shè)計(jì)風(fēng)格并存

扁平化設(shè)計(jì)雖然已經(jīng)以不可阻擋之勢(shì)蔓延開，但其他的設(shè)計(jì)思路并沒有迅速退出歷史的舞臺(tái)，比如，錘子手機(jī)的操作系統(tǒng)仍然堅(jiān)持?jǐn)M物化的設(shè)計(jì)風(fēng)格，也得到了多用戶的推崇，所以，扁平化設(shè)計(jì)并不是唯一的完美解決方案，只能說它更適合現(xiàn)階段大多數(shù)的數(shù)字產(chǎn)品。

（2）GUI設(shè)計(jì)中動(dòng)效的運(yùn)用

硬件的發(fā)展，使得軟件的設(shè)計(jì)方式可以有更多的發(fā)揮空間，大量的動(dòng)畫效果被運(yùn)用到了界面設(shè)計(jì)中，從二維空間變成了三維空間，GUI設(shè)計(jì)變“活”了， google發(fā)布的Material Desin設(shè)計(jì)思路就是一個(gè)很好的解決案例，設(shè)計(jì)不僅流于表面形式，而是更注重動(dòng)畫與真實(shí)物理世界規(guī)則的對(duì)應(yīng)，通過動(dòng)效的合理運(yùn)用將扁平化的界面組織起來，可以讓用戶很好的理解軟件的空間關(guān)系，加強(qiáng)層次感。

（3）GUI設(shè)計(jì)的發(fā)展迅速

雖然GUI設(shè)計(jì)已經(jīng)有幾十年的發(fā)展歷程，但相比其他的傳統(tǒng)設(shè)計(jì)行業(yè)而言，比如平面設(shè)計(jì)，建筑設(shè)計(jì)，服裝設(shè)計(jì)GUI設(shè)計(jì)還是屬于新興領(lǐng)域，沒有加入到高校的課綱里去，但實(shí)際上從事GUI的設(shè)計(jì)師人數(shù)發(fā)展迅速，而且需求量扔在不斷擴(kuò)大，民間的和企業(yè)中的GUI組織是行業(yè)的主要推動(dòng)力。

3.對(duì)于未來GUI設(shè)計(jì)趨勢(shì)的展望

對(duì)于第一些首次接觸計(jì)算機(jī)的成人而言，學(xué)會(huì)理解鼠標(biāo)與電腦屏幕的關(guān)系都會(huì)有一定的難度，但對(duì)于數(shù)字時(shí)代成長(zhǎng)起來的原住民而言，現(xiàn)在的一切是那么的理所當(dāng)然，未來的數(shù)字生活中GUI會(huì)演變成什么樣？

設(shè)計(jì)思路的進(jìn)步一直是伴隨著技術(shù)的發(fā)展同步的， 在漫長(zhǎng)的人機(jī)交互史中，GUI設(shè)計(jì)理念也在不斷的迭代?！皵M物”設(shè)計(jì)像是一種對(duì)于過去的鄉(xiāng)愁，終究會(huì)成為過去時(shí)，但它內(nèi)在的設(shè)計(jì)精神會(huì)通過新的形式繼承，這種精神就是對(duì)于人的情感關(guān)懷，扁平化設(shè)計(jì)也注定不會(huì)是最終答案，我想不管什么時(shí)代，正確的設(shè)計(jì)語言應(yīng)該是能讓人易于理解上手，并且包涵情感的，設(shè)計(jì)師應(yīng)該根據(jù)具體情況選擇使用哪種設(shè)計(jì)思路，做合適的設(shè)計(jì)。

對(duì)于未來GUI設(shè)計(jì)趨勢(shì)特點(diǎn)的三個(gè)預(yù)測(cè)

（1）GUI設(shè)計(jì)存在感的弱化

人有五感，分別是視覺、聽覺、觸覺、味覺、嗅覺。當(dāng)前的GUI設(shè)計(jì)更多的是在視覺和觸覺的結(jié)合方面應(yīng)用的比較成熟。而在聽覺方面，語音識(shí)別技術(shù)這幾年有了很大的進(jìn)步，一些汽車企業(yè)比如奔馳公司就一直在研究怎么通過語音識(shí)別技術(shù)能很好的輔助駕駛員操控汽車 ，使得他們駕駛中很多時(shí)候不需要去用手操控軟件就可以獲取相關(guān)信息，在這種情景下，GUI的存在感正在弱化。

（2）GUI設(shè)計(jì)空間感的加強(qiáng)

我們?cè)诳苹秒娪爸薪?jīng)?？梢钥吹礁鞣N酷炫的界面形式，比如《阿凡達(dá)》中的三維全息影像操控臺(tái)，令人印象深刻，電影雖然和現(xiàn)實(shí)有一定的距離，但絕憑空想象，很多對(duì)于未來生活的憧憬經(jīng)過幾十年后都成為了現(xiàn)實(shí)，全息影像技術(shù)實(shí)際并不陌生，但距離投入消費(fèi)品市場(chǎng)還不太成熟，一方面是硬件的發(fā)展水平還無法呈現(xiàn)良好的視覺效果，另一方面生態(tài)系統(tǒng)的建立需要較長(zhǎng)的時(shí)間，很多虛擬現(xiàn)實(shí)的可穿戴設(shè)備中已經(jīng)投入了商業(yè)市場(chǎng)，用戶看到的GUI更多的是在空間環(huán)境中出現(xiàn)。隨著技術(shù)的進(jìn)步，相信GUI的形式一定會(huì)從二維空間向三維進(jìn)化，也許對(duì)于那時(shí)的GUI設(shè)計(jì)師而言，空間的想象能力是一個(gè)重要的技能，他們從某種意義來說更像是數(shù)字時(shí)代的“建筑師”。

（3）GUI設(shè)計(jì)角色的轉(zhuǎn)化

目前在很多軟件項(xiàng)目中，GUI設(shè)計(jì)師會(huì)參與到各種層面的討論，提出自己的建議和看法，不僅在視覺領(lǐng)域，還對(duì)包括用戶行為，交互設(shè)計(jì)，用戶心理等，在很多現(xiàn)代的軟件設(shè)計(jì)團(tuán)隊(duì)中，名稱上也許會(huì)分為GUI設(shè)計(jì)師，交互設(shè)計(jì)師，產(chǎn)品設(shè)計(jì)師等職位稱呼，但在實(shí)際的工作中，很多設(shè)計(jì)師的身份存在很多的交叉性。未來的GUI設(shè)計(jì)師需要具備一定用戶體驗(yàn)的感知能力，才能在行業(yè)很好的立足，企業(yè)也會(huì)越來越重視GUI在產(chǎn)品設(shè)計(jì)中的地位。

小結(jié)

數(shù)字時(shí)代的到來使得很多信息內(nèi)容需要通過屏幕呈現(xiàn)出來，移動(dòng)互聯(lián)的快速發(fā)展更是提升了這種人與虛擬屏幕之間接觸的概率，人們看到最多的就是軟件中的用戶圖形界面（GUI），經(jīng)過40多年的發(fā)展，GUI設(shè)計(jì)從無到有，隨著目前多種數(shù)字硬件設(shè)備的出現(xiàn)，GUI設(shè)計(jì)需要考慮各種復(fù)雜情況的應(yīng)用，它變得越來越智慧，形式越來越豐富，空間的縱深感越來強(qiáng)，我們有必要結(jié)合當(dāng)下的狀況對(duì)GUI的歷史做一些總結(jié)和梳理，以及對(duì)未來做出前瞻性的預(yù)測(cè)，希望能為更好的改善軟件設(shè)計(jì)甚至是硬件設(shè)計(jì)的體驗(yàn)做出貢獻(xiàn)。

（作者單位：湖南師范大學(xué)美術(shù)學(xué)院設(shè)計(jì)系）

作者簡(jiǎn)介：伍海翔（1987-），男，湖南師范大學(xué)美術(shù)學(xué)院設(shè)計(jì)系，2014級(jí)視覺傳達(dá)方向研究生；研究方向：視覺傳達(dá)。

吳余青，湖南師范大學(xué)美術(shù)學(xué)院設(shè)計(jì)系，博士，副教授，碩士生導(dǎo)師。