淺析交互界面中圖形用戶界面設計原則與創新

巨東玥

（四川大學，四川 成都 610225）

淺析交互界面中圖形用戶界面設計原則與創新

巨東玥

（四川大學，四川 成都 610225）

計算機科學技術的發展改變了人們的生活生產方式，同時促使藝術的表現形式產生巨大的革新，人們開始探究技術與藝術之間的連接點，如何將技術帶入尋常百姓的生活并同時滿足人們對于物質與精神文明的追求，交互界面是兩者最好的橋梁。圖形用戶界面促使產品與人的交互更加親密，通過圖形，顏色，版面來表現產品的圖形用戶界面，以準確地、有效地表達產品內部的信息和行為。文章則通過研究圖形用戶界面設計的邏輯性、一致性和功能性來解決如何更好的傳遞信息和行為并同時滿足用戶對藝術品質的需求。并在追求原則的同時提出疑問，如何做到GUI設計的突破與創新，在本文中也會作以回答。

交互設計；交互界面；界面設計（UI）；圖形用戶界面設計（GUI）

一個產品的思維和想法是無法直接被用戶讀出，則需要適當的方式將用戶與產品連接在一起到達互動與交流，這種聯系往往發生在視覺上，既是交互界面。最早的圖形用戶界面是受史蒂芬·保羅·喬布斯（Steve P.(aul)Jobs,1955—2011）最早研發的Macintosh的影響。縱觀國際市場，越來越多的業界人士開始注重GUI的設計，甚至有公司專門設立設計團隊組建自己的產品的GUI設計。業界老大“蘋果”公司則是最好的代表，其產品的GUI設計引領GUI設計的發展潮流，并成功地創建了用戶與產品的情感。

一、圖形用戶界面設計的意義

計算機技術的發展使得它的操作系統越來越復雜，交互設計者需要解決人機交互交流過程的技術操作流程，通過分析用戶認知心理和操作習慣，將用戶與產品行為保持一致性，讓產品達到易用。界面設計中的元素都有其基本的屬性，在不同的功能性產品中有著不同的個性，比如形狀，顏色。

二、圖形用戶界面設計原則

人的大腦是一個超級模式處理計算機，能理解我們無論何時何地看到的這些高度密集的視覺信息。我們的大腦通過辨別視覺模式，并且對所見到的事物建立優先級系統來處理這些來自視覺的海量信息。大腦的視覺系統按照視覺提示（Visual Cue）把視野內的部分裝配成模式，大腦的這個能力是我們之所以能夠如此快速和有效地處理視覺信息的原因。就像前邊提到的人類對于視覺信息的辨別能力是與生俱來的，所以要在用戶第一反應時就做出反應就必須在圖形用戶界面中研究人類的視覺處理能力，更和諧地將產品和用戶聯系起來。

在圖形用戶界面設計的研究中，有一些重要的原則，能更快地幫助處理視覺界面的邏輯性、一致性和功能性以及更好地滿足用戶對于藝術層面的審美需求。

1.基于邏輯性的設計原則。一個界面需要一套完整的交互設計構架，一套清晰的視覺元素組合和一個有層次的視覺信息結構，構成圖形用戶界面設計的邏輯性。首先得到基本系統構架后則需要了解界面中視覺元素的屬性和組成屬性，使用視覺元素：圖形，顏色，版式來區分界面每個結構的層次。

圖形：不同形狀的圖形所被接受到的視覺感官不同，選擇適合形狀，以尺寸的大小來排列信息的重要性。

2.達成一致性的設計原則。一致性的圖形用戶界面設計指產品屬性與界面風格的一致性，產品行為與界面與用戶的一致性。一致性設計原則目的讓產品更準確地傳達信息，提高產品易用性，讓用戶更好地理解產品，降低操作難度，創建和諧的操作過程。其次有利于定位品牌形象，擴大影響力和提升知名度。

反射于圖形用戶界面中表現為：產品的屬性決定界面的顏色基調，版式結構和字體的運用，界面中所有菜單，窗口均采用同一字體，同一形狀和統一的色彩搭配。

3.功能性的設計原則。在功能性設計中，人們在視覺元素中創建獨特的有意義的符號，例如GUI中的圖標設計，窗口的紙張折疊設計，文件的文件夾設計，播放器的音樂符號等，都是提供了功能性的設計，讓用戶在一次就能得到系統所表達的功能指向。如果要嘗試創造新的設計形式，不僅是對用戶習慣的挑戰，同樣是對自然界的挑戰。所以目前的GUI設計，都是遵循著功能性的設計原則，包括最新的設計風格——扁平化設計，也是在功能性的基礎上摒棄一些多余的復雜的表現效果而已。

三、圖形用戶界面設計如何突破與創新

當“蘋果”系統的GUI設計從IOS6升級為IOS7時，它向世人展示了GUI設計中的突破與創新。從以前保守的擬物化設計變身為扁平化風格設計。我們一再提到用戶習慣，我們的原則中也是自始至終“以人為本”，利用用戶的習慣創造GUI設計，但是我們卻忽略了人的大腦是完美的設計器官，我們不僅能通過使用習慣對事物做出反應，面對新的事物時，我們通過特定的方式經過大腦培養新的習慣同樣可以做出相應的回應。科學技術的進步也是促使GUI設計出新的手段，3D技術將傳統的靜態交互界面設計三維化，給GUI設計提供了新的創作靈感。

我們提出的原則不是為了限制設計者的思想和表達方式，只是為了更準確地指導設計者。GUI并不是單一的設計工作，它的跨學科性，就注定它的多樣性和可塑造性。也許在創新的過程中會遇到很多挑戰和風險，但一個突破也許就會成為下一個能改變用戶使用習慣的設計。

[1]庫伯,瑞寧,克洛林(美),劉松濤(譯).AboutFace3,交互設計精髓[M].北京:電子工業出版社,2012.

J522

A

1005-5312（2015）02-0044-01