淺析交互界面中圖形用戶界面設(shè)計(jì)原則與創(chuàng)新

巨東玥

（四川大學(xué)，四川 成都 610225）

淺析交互界面中圖形用戶界面設(shè)計(jì)原則與創(chuàng)新

巨東玥

（四川大學(xué)，四川 成都 610225）

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

交互設(shè)計(jì)；交互界面；界面設(shè)計(jì)（UI）；圖形用戶界面設(shè)計(jì)（GUI）

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

一、圖形用戶界面設(shè)計(jì)的意義

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

二、圖形用戶界面設(shè)計(jì)原則

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

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

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

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

2.達(dá)成一致性的設(shè)計(jì)原則。一致性的圖形用戶界面設(shè)計(jì)指產(chǎn)品屬性與界面風(fēng)格的一致性，產(chǎn)品行為與界面與用戶的一致性。一致性設(shè)計(jì)原則目的讓產(chǎn)品更準(zhǔn)確地傳達(dá)信息，提高產(chǎn)品易用性，讓用戶更好地理解產(chǎn)品，降低操作難度，創(chuàng)建和諧的操作過程。其次有利于定位品牌形象，擴(kuò)大影響力和提升知名度。

反射于圖形用戶界面中表現(xiàn)為：產(chǎn)品的屬性決定界面的顏色基調(diào)，版式結(jié)構(gòu)和字體的運(yùn)用，界面中所有菜單，窗口均采用同一字體，同一形狀和統(tǒng)一的色彩搭配。

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

三、圖形用戶界面設(shè)計(jì)如何突破與創(chuàng)新

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

我們提出的原則不是為了限制設(shè)計(jì)者的思想和表達(dá)方式，只是為了更準(zhǔn)確地指導(dǎo)設(shè)計(jì)者。GUI并不是單一的設(shè)計(jì)工作，它的跨學(xué)科性，就注定它的多樣性和可塑造性。也許在創(chuàng)新的過程中會遇到很多挑戰(zhàn)和風(fēng)險，但一個突破也許就會成為下一個能改變用戶使用習(xí)慣的設(shè)計(jì)。

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

J522

A

1005-5312（2015）02-0044-01