數字時代的GUI設計趨勢

伍海翔　吳余青

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

隨著科技和互聯網的發展，人們的生活發生了重大的改變，各種數字媒體設備圍繞在人們周圍，最常見的手機，平板電腦，智能手環，智能家電，汽車等等，越來越多的產品都正在和數字化結合。①《認知與設計》中提到：“正是有了計算機和因為計算機而成為可能的交互過程，我們才有了人機交互。”人機交互也產生了很多新的學科領域，包括交互設計，用戶界面設計，用戶調研等，本文我們主要探討下用戶界面設計。

用戶界面設計在行業內又稱為GUI設計，也稱為UI設計，GUI很難與交互設計割裂開來對待，本文暫且先把數字媒方面偏視覺方向的設計領域稱為GUI設計，特指網頁，軟件，移動，虛擬現實等數字產品的界面設計。GUI設計不是單純的美術繪畫，它需要結合用戶的使用環境，使用方式而設計。

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

1.GUI設計的歷史演變過程

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

GUI的早期的發展階段有以下三個特點

（1）界面設計“擬物“化。

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

（2）GUI設計受硬件的限制較多。

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

（3）GUI設計在曲折中前進。

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

2.近幾年的GUI設計狀況

隨著互聯網，信息技術的發展，各種跨平臺的產品需求不斷出現，GUI設計也在不斷演變。

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

現在的GUI設計正處于另一個歷史的轉折路口，這里既有新時代的設計語言，并仍在快速的變化發展中，也有傳統的設計思路的延續。

現階段的GUI設計主要有以下三個特點

（1）多種GUI設計風格并存

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

（2）GUI設計中動效的運用

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

（3）GUI設計的發展迅速

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

3.對于未來GUI設計趨勢的展望

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

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

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

（1）GUI設計存在感的弱化

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

（2）GUI設計空間感的加強

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

（3）GUI設計角色的轉化

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

小結

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

（作者單位：湖南師范大學美術學院設計系）

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

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