當下正處于網絡技術快速升級的環境中,人們對網絡的依賴性越來越強。現在的網站建設在強調技術性的同時,也更加強調藝術性,特別是在界面的設計中,做到了技術與視覺藝術的融合。界面視覺藝術設計越來越被網站建設工作人員高度重視,主要的目的是使得界面更加完整,內容更加豐富,頁面給人以多姿多彩的視覺效果。從界面的構成要素上來看,除了版式設計之外,還需要色彩的渲染,對整個的界面設計模式予以優化,最為重要的是要做到技術與藝術的統一,同時網頁的顯示快捷,視覺效果更加美觀。本論文著重于研究“互聯網+”下界面視覺藝術設計的優化策略。
關鍵詞:“互聯網+”;界面視覺藝術設計;優化策略
處于信息時代,互聯網作為人們溝通交流的重要載體發揮著越來越重要的作用,人們的思維模式發生了變化、商業運作模式發生了變化,互聯網作為一種信息技術,社會屬性越來越明顯了。互聯網技術在社會各個領域應用,給人們塑造了諸多情感化的體驗環境,讓技術應用不再機械、生硬,而是給人以柔性美感。界面視覺藝術是將技術向藝術化方向發展的一門專業,在界面設計中,更加講究藝術化的視覺效果。特別是虛擬現實技術、智能技術的應運而生,在界面視覺設計中應用,使得界面有了聽覺、視覺的感知,同時還有了體感。這種界面設計的變革給人以吸引力,讓用戶有了新的體驗。
一、界面的構成
(一)制作動畫的方法
在界面視覺設計中將藝術元素注入其中,動畫效果是必不可少的。這就需要設計人員不僅要具備較強的技術操作能力,還要有較高的藝術修養,能夠合理運用顏色渲染界面的效果。在應用FLASH制作之前,使用Golive.之后將Java程序嵌入其中就可以對動畫運行程序進行編寫了,整個就需要動畫設計人員熟悉Java語言并靈活運用。隨著軟件技術的不斷升級,制作動畫的專業軟件應運而生,使用FLASH軟件制作動畫不僅立體感強,而且比較精巧,對觀眾有很強的吸引力。操作很簡單,只需將動畫作為swf格式文件導出之后傳輸到界面編輯器中就可以將動畫嵌在界面的合適位置。
。ǘ┚帉懳谋镜姆椒
界面的編輯中有專業的界面編輯工作,可以發揮“所見即所得”的功能將文字直接編寫到界面。在這個環節的設計中,可以使用Dreamweaver軟件編寫文本,也可以使用Frontpage軟件編寫文本。為了讓界面給人以與眾不同之感,還可以選擇藝術效果比較強的字體,可以產生吸引視覺的效果。比如,為了讓文字設計給人以專業化的感覺,使用加粗仿宋體效果會更好一些,為了讓文字設計更加精美,可以考慮使用廣告體,看起來隨意,卻能給人以親切質感,看似手寫體一樣。現在界面設計中可以使用的中文字體有很多種,英文字體更多一些,將近100多種。在界面設計中使用各種專用字體,視覺上給人以良好的藝術效果。
(三)處理和制作圖形、圖像的方法
要提高界面的視覺藝術效果.可以在制作網頁的時候將精美的圖片插入到適當的位置。在具體的操作中可以使用圖片處理軟件,Fireworks是較為專業的圖片處理軟件。使用這種軟件所制作的圖片為gif格式,操作簡單,而且文件傳輸的速度很快,不會占用很大的空間。使用Photoshop軟件也可以制作圖片,為jpg格式。這種格式的圖片存在一個缺憾,就是格式的位圖,有損壓縮,如果象素非常小,圖片的內容就不會很清晰,甚至出現馬賽克,所以不推薦使用Photoshop軟件制作圖片,Fireworks軟件是鼓勵使用的。
。ㄋ模┍砀竦闹谱鞣椒
界面中使用的表格數量多,而且形式各異,在表格的布局上需要靈活,合理定位,讓界面給人以耳目一新質感。界面上所設計的表格可以根據需要調整參數,比如,表格的高度、寬度、邊框,是否需要選擇開欄,選擇什么樣的背景色能夠突出表格以及所采用的背景色等等。
。ㄎ澹┛蚣艿姆椒
在界面的設計中,框架是較為常用的。合理的框架能夠讓整個的界面更加清晰,特別是對不同的頁面采用超鏈接的方式鏈接到同一個框架當中的時候,可以讓頁面給人以緊湊感。通常框架會用在小說瀏覽頁面的設計上,圖書章節的介紹方面也可以采用這種方法。
二、設計網頁版式的有效策略
在對界面的版式進行設計的時候,由于屏幕的空間有限,還需要將視頻元素和圖片元素注入其中,需要從空間美感的角度出發合理排列元素,切莫給人以繁冗的感覺。在元素的布局上,需要體現出個性化的風格,還要給人以藝術美感,同時獲得良好的視聽傳播效果。在進行報刊平面設計和雜志平面設計的時候,要更好地發揮其媒體宣傳效果,通常對于界面的版式有固定的格式,但是當讀者閱讀的時候,則可以根據自己的需要對界面予以控制。這就意味著界面的設計人員對于每個元素所在位置以及規格都不能控制到較高的精確度,這也是網頁與印刷品之間所存在的不同之處。與印刷品相比較,網頁的版式設計難度是比較大的。
三、界面色彩的設計
(一)冷色系和暖色系
顏色包括冷色系和暖色系,很簡單,冷色系的顏色給人以冰冷的感覺,暖色系的顏色給人以溫暖的感覺,比如,橙色、紅色、黃色看起來都比較溫暖,被劃歸到暖色系;綠色、藍色、紫色和青色看起來令人冷靜,所以被劃歸到冷色系。如果裝飾兒童房的時候,通常使用暖色系,橙色、紅色會比較多一些,讓兒童在房間中感受到溫暖。
(二)柔軟感的色調和堅硬感的色調
柔軟感的色調通常色相是雷同的,有較高的明度,看起來很柔軟。堅硬感的色調通常明度不是很高。女性類的站點,使用柔美的顏色比較好,諸如淡粉色更加合適;男性類站點需要有陽剛之美,堅硬感的色調更好一些,深藍色、棕色更加合適。
。ㄈ┥
從色相上來看,暖色會產生華麗之感,這是因為明度高產生的效果;從純度上來看,色彩的純度高,會給人以華麗之感,正因為如翠,首飾類站點會選擇金黃色或者咖啡色,香水類站點則會選擇淺藍色或者淡綠色,這些色彩都會給人以華貴的感覺。
四、界面設計的優化策略
在界面設計的過程中,需要根據實際的需要優化網頁界面,這是一個非常重要的環節。界面設計是否獲得良好的效果,與優化的策略有直接的關聯性,對用戶對界面的瀏覽速度以及對于界面的適應性都起到決定性,用戶對網站產生怎樣的印象,界面設計優化也非常重要。
(一)界面設計的背景以及采用的字體
如果是資訊類網站的界面設計,其中的文字是非常重要的構成元索.不僅明確表達界面的用途,而且還可以讓界面鞥有藝術感。在界面字體的設計中,合理設計并對總體的布局進行優化非常重要。在字體的設計中,css樣式表是較為常用的,這里有多種文字的樣式供選擇。比如,將界面的字體設定為宋體,規格上設定為12px,按照背景色選擇,讓文字在背景的映襯下更為突出,使得整個的界面搭配起來非常和諧。比如,如果背景是白色,字的顏色黑色為好,不會讓用戶觀看的時候產生視覺疲勞,使得用戶能夠長時間瀏覽。
。ǘ┙缑嬖O計中對分辨率要合理設定
界面的良好適應性非常重要。操作系統不同,分辨率不同,使用的瀏覽器不同,設定相同的分辨率,視覺效果會有所不同。所以,在設計的時候要多方面考慮,對于各項要素統籌安排。通常如果制作的網頁分辨率為800×600,瀏覽效果是非常好的。在網頁設計的過程中,可以考慮按照這個分辨率設計,當然也可以選擇1024×768。通常界面的表格是居中設計的,分辨率為770左右,寬度要界定在778以內,視覺效果會更好一些。
五、界面視覺藝術設計中需要注意的問題
在界面視覺藝術設計中,要使得網頁設計制作有較高的水平,不僅需要設計人員要較高的技術能力,還要有良好的藝術修養。在設計中采用恰當的技巧能夠讓界面錦上添花:
。ㄒ唬┙缑娴闹黝}要明確
界面的設計是為網站的主題服務的。如果界面是個人站點,在設計風格上就不能與商業站點相同,而且設計的目的也存在差異,設計標準也有所不同。此時需要合理定位“功能”,此即為“主題”。在一些情況下,也可以將主題設定在“美感”上。比如,雅虎的功能是“搜索”,就需要將設計主題界定在“功能”上。界面的設計風格能夠將作者的思想體現出來。如果將“美”作為主題,那么在界面的設計中就要突出美感。
。ǘ┙缑娴膬热莺托问揭y一
界面的設計中,要做到內容和形式的統一,其中內容發揮著基礎性的作用,也是“靈魂”所在,設計的形式則是“靈魂”的表現方式。設計人員將內容和形式統一,就需要對界面要體現的主題明確,將自己的思想感情納入其中,找到一個最為恰當的表現形式,使得網頁設計更有分量,發揮其應有的價值。
(三)界面的整體風格要保持一致
在界面的設計中要整體布局,不僅在設計形式上要突出整體性,在設計內容上也要具有銜接性。在界面設計整體風格上,主要體現為版式的設計、色彩的選擇、風格的界定等等。比如,在界面版式的設計上,選擇兩三種標準色是比較好的,對于色彩搭配要高度重視,保證界面整體和諧。如果是分屏的長頁面.需要第一屏和下一屏要同時考慮。網頁內部的頁面設計中,需要統籌規劃,風格上要保持統一,使得用戶觀看到界面就能領會到設計思想。六、結語通過上面的研究可以明確,在“互聯網+”信息時代中,很多行業領域已經走上了品牌發展戰略,當中以界面視覺設計尤為重要。為了更好地發揮界面宣傳作用,就需要在技術上不斷升級,還要做好界面藝術設計工作,實現技術與藝術的融合,幫助企業從直接的競爭轉向具有可塑性的品牌競爭。用界面視覺藝術傳播有效信息,可以讓用戶對企業的品牌有更加直觀的印象,并對企業文化有更加深入的了解。處于“互聯網+”背景下,在界面視覺設計中,要從藝術的角度不斷優化,對用戶產生心理引導效應,使其宣傳作用更好地發揮出來。
參考文獻:
[1]金晶.視覺思維下智能手機閱讀軟件界面視覺層級設計研究[D].浙江大學碩士學位論文,2017.
[2]李杰.新媒體在視覺傳達設計中的創新性應用研究[J].包裝世界,2019(01):77-77.
[3]嚴旭.優化北京日報社互聯網專線的案例剖析[C]//中國新聞技術工作者聯合會2018年學術年會.2018.
[4]涂娟,周維.基于“互聯網+”整合優化設計下的茶葉包裝設計探析[J].福建茶葉,2018(01):97-98.
[5]孫海英,程會杰,李振亭.教學軟件界面的視覺藝術性設計策略[J].中國現代教育裝備,2011(03):49-52.
[6]吳軍.新媒體時代下的網頁視覺藝術設計研究[J].無線互聯科技,2017(04):47-48.
[7]王延盼.基于安卓平臺的App界面視覺藝術元素的分析與探究[D].武漢理工大學碩士學位論文,2016.
[8]丁蓮.網頁界面設計中視覺藝術要素的分析與研究[J].計算機光盤軟件與應用,2012(10):58-59.
作者:高廣宇
相關論文