數(shù)字時代的GUI設(shè)計趨勢

伍海翔　吳余青

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

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

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

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

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

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

GUI的早期的發(fā)展階段有以下三個特點

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

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

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

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

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

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

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

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

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

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

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

（1）多種GUI設(shè)計風格并存

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

（2）GUI設(shè)計中動效的運用

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

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

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

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

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

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

對于未來GUI設(shè)計趨勢特點的三個預測

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

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

（2）GUI設(shè)計空間感的加強

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

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

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

小結(jié)

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

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

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

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