圖形元素在數(shù)字媒體藝術(shù)界面設(shè)計中的應(yīng)用研究

胡燕

（重慶移通學(xué)院）

一、數(shù)字藝術(shù)圖形及界面藝術(shù)中的圖形要素

（一）在數(shù)碼藝術(shù)圖像界面中圖像的特點(diǎn)

本文立足于傳播學(xué)觀點(diǎn)，把點(diǎn)線面的藝術(shù)因素運(yùn)用在接口產(chǎn)品設(shè)計中來實(shí)現(xiàn)訊息傳遞的目的，并成為以一種信息面對消費(fèi)者，在當(dāng)今的圖像接口產(chǎn)品設(shè)計中將以圖像作為更加個性化的內(nèi)容作為產(chǎn)品設(shè)計的主要方向，并得到了更加普遍、有效的運(yùn)用。消費(fèi)者可以根據(jù)圖像信息通過大腦，經(jīng)過思考后，再加以適當(dāng)?shù)睦斫鈱?shí)現(xiàn)對信息正確、快捷的接受。在電腦操作系統(tǒng)的接口中，也運(yùn)用到了大量的圖形符號，如在菜單、按鍵、工具欄等中也運(yùn)用到了各種圖案的標(biāo)示。在應(yīng)用的系統(tǒng)設(shè)置時，如網(wǎng)絡(luò)登錄等也都是通過圖案的標(biāo)識來完成信息識別功能的。圖標(biāo)是圖形應(yīng)用中較為常用的一個類型，通過一種簡單的方式能夠傳達(dá)的內(nèi)容十分明顯，根據(jù)不同圖標(biāo)可劃分為以下幾類：

1.代表形象的圖示

對實(shí)際出現(xiàn)的事物內(nèi)容經(jīng)過模仿、圖像刻畫實(shí)現(xiàn)了形似，并借用事物本身的含義通過圖示加以表現(xiàn)，從而起到了引導(dǎo)目光的效果，從而使人產(chǎn)生了豐富、直觀的感覺效應(yīng)，而繪畫和雕塑也都是通對事物自然面貌的描繪進(jìn)行意義上的傳達(dá)，界面的圖示也被廣泛地使用，例如我的計算機(jī)就是一個電腦的圖標(biāo)，用戶也因此知道了對于計算機(jī)的操控都可以通過這個入口實(shí)現(xiàn)。

2.象征說明的標(biāo)志

經(jīng)過對事件的抽象表現(xiàn)，并采用以幾何學(xué)圖像的方式來完成結(jié)構(gòu)，起到了歸納、簡潔的特點(diǎn)。圖形設(shè)計采用了點(diǎn)線面的不同結(jié)合、重疊，使圖像顯得更加地具有個性化和象征意義。在數(shù)碼藝術(shù)圖形界面設(shè)計中，按鍵、菜單等的表示多使用這種方法。這些帶有指導(dǎo)性質(zhì)的圖示，通常具有誘導(dǎo)操作的功效。

3.有意義的標(biāo)志

有些圖標(biāo)是沒有本來含義的，而只是根據(jù)某種關(guān)系的約定賦予了含義，如將各塊玉分成二十點(diǎn)五，見面后形成了一體，在我國傳統(tǒng)的含義中是表示著友誼、愛情的含義。它就是一個思想、行為的表現(xiàn)方式。

（二）數(shù)字藝術(shù)圖形界面對數(shù)字的最主要意義

圖像與數(shù)據(jù)的界面設(shè)計中主要包括如下幾個方面的主要功能：

1.圖是對產(chǎn)品操作界面的引導(dǎo)

不論是對計算機(jī)應(yīng)用軟件、操作系統(tǒng)或是對網(wǎng)絡(luò)建設(shè)使用問題的簡答，方便使用都是產(chǎn)品設(shè)計完成的關(guān)鍵指標(biāo)，若不知讓人怎么入手，將是產(chǎn)品設(shè)計師的錯誤，也因此在對用戶麻煩的地方他們也是不會保有耐性的。在圖像接口中圖像這個根本要素而出現(xiàn)，在電腦和互聯(lián)網(wǎng)產(chǎn)品的開發(fā)中也有著關(guān)鍵性的意義。而圖像界面成為個人和設(shè)備間通訊最前端的載體，決定了產(chǎn)品可靠性。而這個可靠性來自于產(chǎn)品系統(tǒng)后臺的設(shè)置和對使用者需要的理解。從客戶對頁面的使用中，我們就能夠發(fā)現(xiàn)每一個目標(biāo)怎么去實(shí)現(xiàn)，是客戶們更加關(guān)心的事情，那么怎樣使視覺數(shù)據(jù)的提取過程顯得更加簡單尤為重要。例如鼠標(biāo)光標(biāo)隨著形狀的變化，產(chǎn)生了各種操作含義，而手形變化往往意味著只可讀取不能復(fù)制的含義，通過實(shí)際案例，由設(shè)計者加以提煉，就一定能夠取得所指示的結(jié)果。

2.圖形可以減少用戶的記憶內(nèi)容量

從遠(yuǎn)古時代人們就開始使用圖像進(jìn)行對事情的記載，例如：結(jié)繩記事等等，而圖像就是這種信息傳遞的有效方法。各種圖像恰恰克服了文本等形式的缺點(diǎn)，它利用簡潔、明確地表述對事件加以歸納，從而使人在接受的時候借助想象進(jìn)行認(rèn)知，使記憶更加深入，同時它還使人借助具體的圖像，也可以理解所要傳達(dá)的含義。在人發(fā)揮想象時，記住往往更加輕松，而且記憶深入。

3.利用對界面風(fēng)格一致達(dá)到的效果

功能格調(diào)的一致是提高操作性的先決條件，這對后臺技術(shù)的支持與頁面應(yīng)用風(fēng)格的協(xié)調(diào)，提出了更高的要求。功能系統(tǒng)穩(wěn)定性反映在產(chǎn)品用戶界面上系統(tǒng)的設(shè)計，比如當(dāng)照片變化較多、商品顏色改變很大的時候，在指導(dǎo)應(yīng)用操作方面功能也會變?nèi)酢６唐吠獠啃畔⑺鶐淼氖侵苯芋w驗(yàn)，也能夠指導(dǎo)用戶進(jìn)一步的理解、應(yīng)用商品。而蘋果手機(jī)的產(chǎn)品界面采用了簡約、潮流的產(chǎn)品設(shè)計原則，因?yàn)檫@樣一致的產(chǎn)品設(shè)計方式可以使品牌看起來大氣上檔次，而顏色上一致的配色和細(xì)節(jié)的設(shè)置也使得蘋果公司品牌的用戶界面設(shè)計變成了業(yè)界中的佼佼者。

二、圖像元素在數(shù)碼傳媒藝術(shù)界面設(shè)計中的運(yùn)用

（一）在數(shù)字藝術(shù)與圖形界面藝術(shù)中的點(diǎn)線面表現(xiàn)方法

1.點(diǎn)的處理

點(diǎn)是最基礎(chǔ)的單元，是圖像的基礎(chǔ)。點(diǎn)是圖形界面中最基礎(chǔ)的結(jié)構(gòu)單元，是形態(tài)初始形式的展現(xiàn)。需要特別指出的是，點(diǎn)的大小并沒有固定的標(biāo)準(zhǔn)，它是一個相對的概念，在一個界面上，任意一個字符都可以稱作是點(diǎn)。點(diǎn)根據(jù)尺寸、形態(tài)、方位等可以給人類提供不同的視覺體驗(yàn)，在人類心智中形成不同的認(rèn)知。對點(diǎn)進(jìn)行的安排能夠使人形成節(jié)奏感，而且距離感、時間感也能夠透過對點(diǎn)尺寸、方位的調(diào)節(jié)來實(shí)現(xiàn)。在對點(diǎn)排列比較完整、尺寸一致的時候，會給人比較穩(wěn)當(dāng)?shù)母惺?。另外在界面設(shè)計上對一個點(diǎn)的顏色、造型上的突出以吸引使用者的目光，體現(xiàn)其重要性與使用效果。另外在應(yīng)用軟件的設(shè)置上，也可以設(shè)置一個點(diǎn)如按鈕的形狀變化等，起到了一些操作的提醒功能，而如果該按鍵出現(xiàn)了形狀、色彩上的改變，則說明該按鍵被選中了并可繼續(xù)使用。在版面的設(shè)計工作中點(diǎn)具有了擴(kuò)展、分散的功能，使讀者從心理形成了某種重視感，在結(jié)構(gòu)空間設(shè)計上也充分發(fā)揮了功能。當(dāng)一點(diǎn)獨(dú)立出現(xiàn)在版面上的同時，可以讓我們的眼睛在其上。當(dāng)二點(diǎn)對稱出現(xiàn)后，且位置一致，就可以在整個效果中形成一條連線。在將各種不同的特點(diǎn)共同出現(xiàn)在整個頁面上的同時，還可以從大處對小點(diǎn)加以突出，在視覺效果上形成了由遠(yuǎn)到近的分層感，從而形成了立體的設(shè)計效應(yīng)，并呈現(xiàn)出靈動的效應(yīng)。在界面設(shè)計中，通過點(diǎn)畫和視覺上的處理作為版面編排的主要構(gòu)成方式，這樣既能夠使頁面產(chǎn)生協(xié)調(diào)一致的視覺效果，同時還有增加內(nèi)容的作用。例如：YUGOP網(wǎng)站，在開始網(wǎng)站頁面的時候會蹦一點(diǎn)，這立刻就會抓住了用戶的眼睛，隨著時間將會蹦出更多的站點(diǎn)，在設(shè)計上通過點(diǎn)的布局方式，不但沒有產(chǎn)生厭煩感，相反給予了使用者一個審美的感受。通過使用者個人的操作將點(diǎn)進(jìn)行排列，不僅帶來效果上的美觀，還從心態(tài)上讓使用者感覺更加接近于產(chǎn)品。

2.線的處理

點(diǎn)連續(xù)排列形成線，直線的主要性質(zhì)有：長度、寬度、距離等。線條的表現(xiàn)力很強(qiáng)，在視覺上來看，這一元素是界面設(shè)計中不能缺的要素。通過線條可以在界面設(shè)置上產(chǎn)生美學(xué)上的表現(xiàn)力，可根據(jù)造型的變化在整體上表現(xiàn)不同的特色，使設(shè)計概念與現(xiàn)代人的審美觀達(dá)到結(jié)合。在線的應(yīng)用上往往還可以形成心靈上共振，比如平行的直線讓人產(chǎn)生寧靜和諧的感覺；下垂的線條讓人產(chǎn)生挺拔下垂的感覺；斜線條讓人產(chǎn)生驚險沖刺的感覺；不規(guī)則的直線讓人產(chǎn)生呆板的感覺；而拋物線則讓人產(chǎn)生自由流程的感受。在網(wǎng)站界面的設(shè)計中，直線也被廣泛地運(yùn)用了。當(dāng)YUGOP網(wǎng)站頁面被開啟時，我們就能夠發(fā)現(xiàn)整個網(wǎng)站都將線上進(jìn)行分離，從而讓頁面顯得更加平和靜止，給人一個莊重的印象。在開始進(jìn)行游戲的時候，線條隨著鼠標(biāo)的變化產(chǎn)生波紋型，猶如平靜水中出現(xiàn)的浪花，這是游戲中引起目光的一個看點(diǎn)。由此可見線是突出界面風(fēng)格的主要因素，線另外也是頁面分割的重要因素，使頁面顯得更為的規(guī)范優(yōu)美。設(shè)計的界面線化并不是單純指又線地分割，另外一個方式則是指利用文本、圖像等的編排形成線化界面的視覺效果，也是一個容易美化且方便使用的界面設(shè)計方式。在界面設(shè)計中除了通過利用線條的基本特征之外，還能夠通過利用線的顏色變化如發(fā)射、漸變色等的加工實(shí)現(xiàn)視覺的豐富。

（二）圖形美術(shù)與圖形界面美術(shù)中的互動美術(shù)分析

圖形界面是人和機(jī)械進(jìn)行通訊最好的媒體，利用這種媒體實(shí)現(xiàn)信息的溝通。以瀏覽器為界限，構(gòu)成了二空間面，一種是通過網(wǎng)絡(luò)虛擬的空間結(jié)構(gòu)，一個則是所謂的物理空間，只有讓使用者感受到無限制地往返于兩邊，才可以稱得上是高品質(zhì)的界面。交流的二面是一種等的，平等的存在。不要把它置于單純的地位，而是應(yīng)當(dāng)把它視為信息交換的一種方式。人機(jī)交互與人際互動，是指構(gòu)成數(shù)碼技術(shù)圖形界面中的二個層面。人際互動，是指在交互的一方提出信息或命令時另一方也給出了回應(yīng)的行為方法，利用兩個方面的互動實(shí)現(xiàn)了知識的交換。網(wǎng)絡(luò)的存在，更是克服了過去因?yàn)榈赜?、心理、文化因素造成的長距離阻礙溝通的困難。在計算機(jī)與互聯(lián)網(wǎng)中只有二忘的狀態(tài)可以實(shí)現(xiàn)人際互動，在互聯(lián)網(wǎng)的虛擬空間中人們借助聽覺、觸覺、視覺來實(shí)現(xiàn)信息的收集和交換。在接口系統(tǒng)中人際互動的關(guān)鍵在于，把人類實(shí)際世界中信息交往的過程加以仿真，實(shí)現(xiàn)知識的獲取。人機(jī)交互中是以人為中心，由人來管理信息的流動、傳播和控制，可見在數(shù)字藝術(shù)圖形界面設(shè)計的核心內(nèi)容，是人的感受。使用者可以在頁面應(yīng)用的整個過程中利用感官效果，對功能做出階段性的理解。同時利用對文本、圖像、色彩等的有機(jī)運(yùn)用并配合音頻、動畫等元素，通過人們的視覺體驗(yàn)可以使用戶界面設(shè)計在人機(jī)交互時提高了效率。并且造型精美、編排合理的頁面除了讓使用者得到美的享受之外，也能夠協(xié)助使用者良好的完成系統(tǒng)作業(yè)。如LINUX等最近的一款操作系統(tǒng)在關(guān)機(jī)的同時增加了火焰的視覺效果，讓使用者在視覺效果上有了一個更加直接的體驗(yàn)，同時通過這些在視覺效果上的刺激使用戶界面更加的具有動感，從而提高了人機(jī)交互的效率。

（三）在數(shù)字圖像設(shè)計界面中的風(fēng)格設(shè)計分析

產(chǎn)品設(shè)計的方向不應(yīng)單單是設(shè)計者一個人掌握的問題，尤其數(shù)字界面，使用者的需要才是產(chǎn)品設(shè)計效果優(yōu)劣的基礎(chǔ)，所以更多的界面設(shè)計加大對使用者的投入，把使用者的需要與美學(xué)趣味納入其中。界面設(shè)計的各個領(lǐng)域都是完全不同的，而且種類更加豐富，也更加地富有藝術(shù)性。具體如下：

1.操作系統(tǒng)

由于其功能豐富、復(fù)雜，因此，其研發(fā)的周期顯得非常漫長，相對的對于時間、成本上的投資也很多，因此桌面已經(jīng)成為標(biāo)準(zhǔn)。這種標(biāo)準(zhǔn)也使得桌面的設(shè)計更加的標(biāo)準(zhǔn)化，因?yàn)樗械臉?biāo)志都代表了相同性質(zhì)的功能。界面是一種產(chǎn)品的基本形式，穩(wěn)定風(fēng)格的形成也是一家企業(yè)的重要標(biāo)志，通過穩(wěn)定風(fēng)格的形成可以讓使用者在操作上更加的有效率。而一個藝術(shù)作品就是要傳達(dá)給使用者的某種情感，這時創(chuàng)作也就是成功，而在界面設(shè)計中這種藝術(shù)的情感也就十分關(guān)鍵。

2.軟件界面開發(fā)

通常是最與應(yīng)用軟件性能直接關(guān)聯(lián)的，透過對用戶界面的開發(fā)，客戶能夠更快地理解應(yīng)用軟件的特性，并能夠傳遞給客戶不同的應(yīng)用體驗(yàn)。”形象性”是在當(dāng)前的界面設(shè)計中最經(jīng)常使用的因素，它一般是對實(shí)際物體、情感的抽象，它也對現(xiàn)代消費(fèi)觀的需要是一種適應(yīng)。

3.網(wǎng)頁頁面的內(nèi)容

從使用方式來劃分，網(wǎng)頁大致包括這樣幾種：電子商務(wù)類、個人應(yīng)用類、娛樂類、服務(wù)類等。根據(jù)專業(yè)的領(lǐng)域劃分，在界面設(shè)計時也要重視風(fēng)格的設(shè)計，像咨詢的網(wǎng)站應(yīng)該以單色、對比度較小的色彩設(shè)計為主。娛樂網(wǎng)站內(nèi)容以愉悅交流為主，而且在顏色方面也以亮色居多。由于互聯(lián)網(wǎng)絡(luò)的普及，個性化網(wǎng)頁的形式日漸出現(xiàn)如博客、微博、校園網(wǎng)等，而這些在產(chǎn)品設(shè)計中最需要著重考量的一個因素便是客戶自主的選擇方面，以實(shí)現(xiàn)對客戶身份的彰顯。另外還有一些個性化網(wǎng)頁也是最可以表現(xiàn)設(shè)計師個性化的方式，網(wǎng)頁界面中采用各種元素的靈活運(yùn)用，給網(wǎng)頁增加了點(diǎn)擊率。可見網(wǎng)絡(luò)不但可以快速傳遞資訊，還是展現(xiàn)設(shè)計師才能的巨大舞臺。

三、結(jié)語

綜上所述，圖像的使用從很早以前便已經(jīng)開始，在拉丁文中對圖像的理解為：圖像是指借助描繪、雕刻、打印等的方法而出現(xiàn)的圖形符號，是對某種視覺藝術(shù)形態(tài)的表現(xiàn)。而發(fā)展到了今天，隨著圖像出現(xiàn)了越來越豐富的含義與功能，圖像的使用領(lǐng)域也愈來愈廣泛，不僅包括在美術(shù)領(lǐng)域中，還涉及影視、廣播、平面設(shè)計等行業(yè)中。在數(shù)字的圖形界面的使用中，圖像作為最主要的組成要素，可通過設(shè)計、創(chuàng)造實(shí)現(xiàn)對內(nèi)容的全面、順暢的傳達(dá)。區(qū)別于以往傳統(tǒng)產(chǎn)品設(shè)計的信息簡單表達(dá)，現(xiàn)代產(chǎn)品設(shè)計的信息形式更多的是符號化的簡潔表現(xiàn)，利用簡潔的形式承載了復(fù)雜的信息，從而使信息迅速、高效地實(shí)現(xiàn)傳遞，這就給現(xiàn)代設(shè)計的高效節(jié)奏帶來了強(qiáng)有力的支持，所以只有符合這種要求的設(shè)計才能夠被我們所認(rèn)可和喜歡。