“互聯(lián)網(wǎng)+”下界面視覺藝術(shù)設(shè)計的優(yōu)化策略

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

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

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

（一）制作動畫的方法

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

（二）編寫文本的方法

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

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

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

（四）表格的制作方法

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

（五）框架的方法

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

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

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

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

（一）冷色系和暖色系

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

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

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

（三）色相

從色相上來看，暖色會產(chǎn)生華麗之感，這是因為明度高產(chǎn)生的效果；從純度上來看，色彩的純度高，會給人以華麗之感，正因為如翠，首飾類站點會選擇金黃色或者咖啡色，香水類站點則會選擇淺藍(lán)色或者淡綠色，這些色彩都會給人以華貴的感覺。

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

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

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

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

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

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

五、界面視覺藝術(shù)設(shè)計中需要注意的問題

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

（一）界面的主題要明確

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

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

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

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

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

六、結(jié)語

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