（廣東科貿(mào)職業(yè)學(xué)院 511431）

處于信息時(shí)代，互聯(lián)網(wǎng)作為人們溝通交流的重要載體發(fā)揮著越來(lái)越重要的作用，人們的思維模式發(fā)生了變化、商業(yè)運(yùn)作模式發(fā)生了變化，互聯(lián)網(wǎng)作為一種信息技術(shù)，社會(huì)屬性越來(lái)越明顯了?；ヂ?lián)網(wǎng)技術(shù)在社會(huì)各個(gè)領(lǐng)域應(yīng)用，給人們塑造了諸多情感化的體驗(yàn)環(huán)境，讓技術(shù)應(yīng)用不再機(jī)械、生硬，而是給人以柔性美感。界面視覺(jué)藝術(shù)是將技術(shù)向藝術(shù)化方向發(fā)展的一門(mén)專(zhuān)業(yè)，在界面設(shè)計(jì)中，更加講究藝術(shù)化的視覺(jué)效果。特別是虛擬現(xiàn)實(shí)技術(shù)、智能技術(shù)的應(yīng)運(yùn)而生，在界面視覺(jué)設(shè)計(jì)中應(yīng)用，使得界面有了聽(tīng)覺(jué)、視覺(jué)的感知，同時(shí)還有了體感。這種界面設(shè)計(jì)的變革給人以吸引力，讓用戶有了新的體驗(yàn)。

一、界面的構(gòu)成

（一）制作動(dòng)畫(huà)的方法

在界面視覺(jué)設(shè)計(jì)中將藝術(shù)元素注入其中，動(dòng)畫(huà)效果是必不可少的。這就需要設(shè)計(jì)人員不僅要具備較強(qiáng)的技術(shù)操作能力，還要有較高的藝術(shù)修養(yǎng)，能夠合理運(yùn)用顏色渲染界面的效果。在應(yīng)用FLASH制作之前，使用Go live.之后將Java程序嵌入其中就可以對(duì)動(dòng)畫(huà)運(yùn)行程序進(jìn)行編寫(xiě)了，整個(gè)就需要?jiǎng)赢?huà)設(shè)計(jì)人員熟悉Java語(yǔ)言并靈活運(yùn)用。隨著軟件技術(shù)的不斷升級(jí)，制作動(dòng)畫(huà)的專(zhuān)業(yè)軟件應(yīng)運(yùn)而生，使用FLASH軟件制作動(dòng)畫(huà)不僅立體感強(qiáng)，而且比較精巧，對(duì)觀眾有很強(qiáng)的吸引力。操作很簡(jiǎn)單，只需將動(dòng)畫(huà)作為swf格式文件導(dǎo)出之后傳輸?shù)浇缑婢庉嬈髦芯涂梢詫?dòng)畫(huà)嵌在界面的合適位置。

（二）編寫(xiě)文本的方法

界面的編輯中有專(zhuān)業(yè)的界面編輯工作，可以發(fā)揮“所見(jiàn)即所得”的功能將文字直接編寫(xiě)到界面。在這個(gè)環(huán)節(jié)的設(shè)計(jì)中，可以使用Dream weaver軟件編寫(xiě)文本，也可以使用Front page軟件編寫(xiě)文本。為了讓界面給人以與眾不同之感，還可以選擇藝術(shù)效果比較強(qiáng)的字體，可以產(chǎn)生吸引視覺(jué)的效果。比如，為了讓文字設(shè)計(jì)給人以專(zhuān)業(yè)化的感覺(jué)，使用加粗仿宋體效果會(huì)更好一些，為了讓文字設(shè)計(jì)更加精美，可以考慮使用廣告體，看起來(lái)隨意，卻能給人以親切質(zhì)感，看似手寫(xiě)體一樣。現(xiàn)在界面設(shè)計(jì)中可以使用的中文字體有很多種，英文字體更多一些，將近100多種。在界面設(shè)計(jì)中使用各種專(zhuān)用字體，視覺(jué)上給人以良好的藝術(shù)效果。

（三）處理和制作圖形、圖像的方法

要提高界面的視覺(jué)藝術(shù)效果.可以在制作網(wǎng)頁(yè)的時(shí)候?qū)⒕赖膱D片插入到適當(dāng)?shù)奈恢谩Ｔ诰唧w的操作中可以使用圖片處理軟件，F(xiàn)ireworks是較為專(zhuān)業(yè)的圖片處理軟件。使用這種軟件所制作的圖片為gif格式，操作簡(jiǎn)單，而且文件傳輸?shù)乃俣群芸?，不?huì)占用很大的空間。使用Photoshop軟件也可以制作圖片，為jpg格式。這種格式的圖片存在一個(gè)缺憾，就是格式的位圖，有損壓縮，如果象素非常小，圖片的內(nèi)容就不會(huì)很清晰，甚至出現(xiàn)馬賽克，所以不推薦使用Photoshop軟件制作圖片，F(xiàn)ireworks軟件是鼓勵(lì)使用的。

（四）表格的制作方法

界面中使用的表格數(shù)量多，而且形式各異，在表格的布局上需要靈活，合理定位，讓界面給人以耳目一新質(zhì)感。界面上所設(shè)計(jì)的表格可以根據(jù)需要調(diào)整參數(shù)，比如，表格的高度、寬度、邊框，是否需要選擇開(kāi)欄，選擇什么樣的背景色能夠突出表格以及所采用的背景色等等。

（五）框架的方法

在界面的設(shè)計(jì)中，框架是較為常用的。合理的框架能夠讓整個(gè)的界面更加清晰，特別是對(duì)不同的頁(yè)面采用超鏈接的方式鏈接到同一個(gè)框架當(dāng)中的時(shí)候，可以讓頁(yè)面給人以緊湊感。通?？蚣軙?huì)用在小說(shuō)瀏覽頁(yè)面的設(shè)計(jì)上，圖書(shū)章節(jié)的介紹方面也可以采用這種方法。

二、設(shè)計(jì)網(wǎng)頁(yè)版式的有效策略

在對(duì)界面的版式進(jìn)行設(shè)計(jì)的時(shí)候，由于屏幕的空間有限，還需要將視頻元素和圖片元素注入其中，需要從空間美感的角度出發(fā)合理排列元素，切莫給人以繁冗的感覺(jué)。在元素的布局上，需要體現(xiàn)出個(gè)性化的風(fēng)格，還要給人以藝術(shù)美感，同時(shí)獲得良好的視聽(tīng)傳播效果。在進(jìn)行報(bào)刊平面設(shè)計(jì)和雜志平面設(shè)計(jì)的時(shí)候，要更好地發(fā)揮其媒體宣傳效果，通常對(duì)于界面的版式有固定的格式，但是當(dāng)讀者閱讀的時(shí)候，則可以根據(jù)自己的需要對(duì)界面予以控制。這就意味著界面的設(shè)計(jì)人員對(duì)于每個(gè)元素所在位置以及規(guī)格都不能控制到較高的精確度，這也是網(wǎng)頁(yè)與印刷品之間所存在的不同之處。與印刷品相比較，網(wǎng)頁(yè)的版式設(shè)計(jì)難度是比較大的。

三、界面色彩的設(shè)計(jì)

（一）冷色系和暖色系

顏色包括冷色系和暖色系，很簡(jiǎn)單，冷色系的顏色給人以冰冷的感覺(jué)，暖色系的顏色給人以溫暖的感覺(jué)，比如，橙色、紅色、黃色看起來(lái)都比較溫暖，被劃歸到暖色系；綠色、藍(lán)色、紫色和青色看起來(lái)令人冷靜，所以被劃歸到冷色系。如果裝飾兒童房的時(shí)候，通常使用暖色系，橙色、紅色會(huì)比較多一些，讓兒童在房間中感受到溫暖。

（二）柔軟感的色調(diào)和堅(jiān)硬感的色調(diào)

柔軟感的色調(diào)通常色相是雷同的，有較高的明度，看起來(lái)很柔軟。堅(jiān)硬感的色調(diào)通常明度不是很高。女性類(lèi)的站點(diǎn)，使用柔美的顏色比較好，諸如淡粉色更加合適；男性類(lèi)站點(diǎn)需要有陽(yáng)剛之美，堅(jiān)硬感的色調(diào)更好一些，深藍(lán)色、棕色更加合適。

（三）色相

從色相上來(lái)看，暖色會(huì)產(chǎn)生華麗之感，這是因?yàn)槊鞫雀弋a(chǎn)生的效果；從純度上來(lái)看，色彩的純度高，會(huì)給人以華麗之感，正因?yàn)槿绱?，首飾?lèi)站點(diǎn)會(huì)選擇金黃色或者咖啡色，香水類(lèi)站點(diǎn)則會(huì)選擇淺藍(lán)色或者淡綠色，這些色彩都會(huì)給人以華貴的感覺(jué)。

四、界面設(shè)計(jì)的優(yōu)化策略

在界面設(shè)計(jì)的過(guò)程中，需要根據(jù)實(shí)際的需要優(yōu)化網(wǎng)頁(yè)界面，這是一個(gè)非常重要的環(huán)節(jié)。界面設(shè)計(jì)是否獲得良好的效果，與優(yōu)化的策略有直接的關(guān)聯(lián)性，對(duì)用戶對(duì)界面的瀏覽速度以及對(duì)于界面的適應(yīng)性都起到?jīng)Q定性，用戶對(duì)網(wǎng)站產(chǎn)生怎樣的印象，界面設(shè)計(jì)優(yōu)化也非常重要。

（一）界面設(shè)計(jì)的背景以及采用的字體

如果是資訊類(lèi)網(wǎng)站的界面設(shè)計(jì)，其中的文字是非常重要的構(gòu)成元索.不僅明確表達(dá)界面的用途，而且還可以讓界面鞥有藝術(shù)感。在界面字體的設(shè)計(jì)中，合理設(shè)計(jì)并對(duì)總體的布局進(jìn)行優(yōu)化非常重要。在字體的設(shè)計(jì)中，css樣式表是較為常用的，這里有多種文字的樣式供選擇。比如，將界面的字體設(shè)定為宋體，規(guī)格上設(shè)定為12px，按照背景色選擇，讓文字在背景的映襯下更為突出，使得整個(gè)的界面搭配起來(lái)非常和諧。比如，如果背景是白色，字的顏色黑色為好，不會(huì)讓用戶觀看的時(shí)候產(chǎn)生視覺(jué)疲勞，使得用戶能夠長(zhǎng)時(shí)間瀏覽。

（二）界面設(shè)計(jì)中對(duì)分辨率要合理設(shè)定

界面的良好適應(yīng)性非常重要。操作系統(tǒng)不同，分辨率不同，使用的瀏覽器不同，設(shè)定相同的分辨率，視覺(jué)效果會(huì)有所不同。所以，在設(shè)計(jì)的時(shí)候要多方面考慮，對(duì)于各項(xiàng)要素統(tǒng)籌安排。通常如果制作的網(wǎng)頁(yè)分辨率為800×600，瀏覽效果是非常好的。在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，可以考慮按照這個(gè)分辨率設(shè)計(jì)，當(dāng)然也可以選擇1024×768。通常界面的表格是居中設(shè)計(jì)的，分辨率為770左右，寬度要界定在778以?xún)?nèi)，視覺(jué)效果會(huì)更好一些。

五、界面視覺(jué)藝術(shù)設(shè)計(jì)中需要注意的問(wèn)題

在界面視覺(jué)藝術(shù)設(shè)計(jì)中，要使得網(wǎng)頁(yè)設(shè)計(jì)制作有較高的水平，不僅需要設(shè)計(jì)人員要較高的技術(shù)能力，還要有良好的藝術(shù)修養(yǎng)。在設(shè)計(jì)中采用恰當(dāng)?shù)募记赡軌蜃尳缑驽\上添花：

（一）界面的主題要明確

界面的設(shè)計(jì)是為網(wǎng)站的主題服務(wù)的。如果界面是個(gè)人站點(diǎn)，在設(shè)計(jì)風(fēng)格上就不能與商業(yè)站點(diǎn)相同，而且設(shè)計(jì)的目的也存在差異，設(shè)計(jì)標(biāo)準(zhǔn)也有所不同。此時(shí)需要合理定位“功能”，此即為“主題”。在一些情況下，也可以將主題設(shè)定在“美感”上。比如，雅虎的功能是“搜索”，就需要將設(shè)計(jì)主題界定在“功能”上。界面的設(shè)計(jì)風(fēng)格能夠?qū)⒆髡叩乃枷塍w現(xiàn)出來(lái)。如果將“美”作為主題，那么在界面的設(shè)計(jì)中就要突出美感。

（二）界面的內(nèi)容和形式要統(tǒng)一

界面的設(shè)計(jì)中，要做到內(nèi)容和形式的統(tǒng)一，其中內(nèi)容發(fā)揮著基礎(chǔ)性的作用，也是“靈魂”所在，設(shè)計(jì)的形式則是“靈魂”的表現(xiàn)方式。設(shè)計(jì)人員將內(nèi)容和形式統(tǒng)一，就需要對(duì)界面要體現(xiàn)的主題明確，將自己的思想感情納入其中，找到一個(gè)最為恰當(dāng)?shù)谋憩F(xiàn)形式，使得網(wǎng)頁(yè)設(shè)計(jì)更有分量，發(fā)揮其應(yīng)有的價(jià)值。

（三）界面的整體風(fēng)格要保持一致

在界面的設(shè)計(jì)中要整體布局，不僅在設(shè)計(jì)形式上要突出整體性，在設(shè)計(jì)內(nèi)容上也要具有銜接性。在界面設(shè)計(jì)整體風(fēng)格上，主要體現(xiàn)為版式的設(shè)計(jì)、色彩的選擇、風(fēng)格的界定等等。比如，在界面版式的設(shè)計(jì)上，選擇兩三種標(biāo)準(zhǔn)色是比較好的，對(duì)于色彩搭配要高度重視，保證界面整體和諧。如果是分屏的長(zhǎng)頁(yè)面.需要第一屏和下一屏要同時(shí)考慮。網(wǎng)頁(yè)內(nèi)部的頁(yè)面設(shè)計(jì)中，需要統(tǒng)籌規(guī)劃，風(fēng)格上要保持統(tǒng)一，使得用戶觀看到界面就能領(lǐng)會(huì)到設(shè)計(jì)思想。

六、結(jié)語(yǔ)

通過(guò)上面的研究可以明確，在“互聯(lián)網(wǎng) +”信息時(shí)代中，很多行業(yè)領(lǐng)域已經(jīng)走上了品牌發(fā)展戰(zhàn)略，當(dāng)中以界面視覺(jué)設(shè)計(jì)尤為重要。為了更好地發(fā)揮界面宣傳作用，就需要在技術(shù)上不斷升級(jí)，還要做好界面藝術(shù)設(shè)計(jì)工作，實(shí)現(xiàn)技術(shù)與藝術(shù)的融合，幫助企業(yè)從直接的競(jìng)爭(zhēng)轉(zhuǎn)向具有可塑性的品牌競(jìng)爭(zhēng)。用界面視覺(jué)藝術(shù)傳播有效信息，可以讓用戶對(duì)企業(yè)的品牌有更加直觀的印象，并對(duì)企業(yè)文化有更加深入的了解。處于“互聯(lián)網(wǎng)+”背景下，在界面視覺(jué)設(shè)計(jì)中，要從藝術(shù)的角度不斷優(yōu)化，對(duì)用戶產(chǎn)生心理引導(dǎo)效應(yīng)，使其宣傳作用更好地發(fā)揮出來(lái)。