前言:尋找寫作靈感?中文期刊網用心挑選的電商網頁界面視覺傳達設計研究,希望能為您的閱讀和創作帶來靈感,歡迎大家閱讀并分享。
摘要:為了更好地服務用戶,網站上網頁界面的設計就顯得尤為重要。在這種情況下,研究“互聯網+”時代下電商網站中網頁界面的視覺傳達設計顯得非常有必要。文章通過查閱文獻資料,對“互聯網+”時代下電商網頁界面設計存在的問題進行了詳細分析,并針對其中幾個典型的問題進行了剖析,對全文進行了總結歸納,通過研究可以促進“互聯網+”時代下電商網頁設計的科學發展。
關鍵詞:“互聯網+”;電商網站;網頁設計;視覺傳達
近年來,由于我國“互聯網+”戰略計劃的推動,互聯網與各行各業進行了深度融合,例如“互聯網+金融”“互聯網+移動家居”“互聯網+農業”“互聯網+傳統零售業”等,這些融合極大地帶動了區域經濟發展,改善了人民的生活。其中,互聯網與傳統零售行業的融合,催生了電商行業。發展至今,“網購”已成為人民生活中不可或缺的一部分,使得人民的生活更加便捷。在這些網站的建設過程中有很多方面做得比較好,值得我們借鑒學習,例如便捷的支付方式、以及絢麗的動態界面等[1]。但是仍然存在很多問題,這些問題由于積累的時間比較長,對電商的發展帶來了很大負面影響。在這種情況下,研究“互聯網+”時代電商網頁界面的視覺傳達設計顯得非常有必要。
一、“互聯網+”時代的電子商務網站
在“互聯網+”的時代,電子商務迎來了巨大的發展機遇,大大小小的店鋪比比皆是。人們逐漸從實體店向網上購物轉變,這樣帶來的好處是辦公地點不受限制,客戶量比較巨大,可以全天24小時進行,非常便捷。
(一)“互聯網+”時代的電子商務。作為互聯網發展的新經濟形式,“互聯網+”代表了互聯網和傳統產業的結合。目標是充分利用互聯網的優勢,提高經濟生產率,以刺激經濟發展,促進健康有序的經濟發展。電子商務便是“互聯網+”這種新的經濟形勢中的一種,旨在推動人們的購物方式變革,使得人們的購物方式多元化,購物過程更加便捷,激起人們對各式各樣產品的購買欲。從而激活市場經濟,促進國家的經濟發展[2]。
(二)電商網頁頁面設計。電子商務平臺的外在表現便是電子商務網站上的網頁,其與一般圖形設計不同的地方是設計上的獨特性。在設計上首先要根據用戶的需求把握住網站的主題,其次涉及網頁內容設計、背景方案設計以及布局設計。布局設計旨在解決網絡接口設計的問題并提高視覺信息傳輸的效率。這往往包括視覺語言、視覺思維以及視覺習慣等。
(三)遵循原則??蛻敉ㄟ^觀察網頁上的各種圖片、動畫等視覺體驗,以及通過各種思維活動來理解并接收視覺信息。在討論對網站主題設計的時候,以下兩項原則往往不可分割地聯結在一起。1.以用戶為中心的品牌定位設計原則。接口的視覺設計必須根據品牌地位和目標來進行,這是網頁設計成功的關鍵因素。網站的視覺設計不能與品牌定位分開,否則無法確保品牌在民眾中的良好形象。通過分析網頁瀏覽群體中歷史的視覺運動瀏覽痕跡,得出相應規律。在購物網站上,網站可以根據用戶的瀏覽痕跡進行大數據分析,為用戶推薦多種同類型的商品,用戶通過比較后,獲取適合自己的產品,在很大程度上改善了用戶的購物體驗。在教育網站上,隨時都能找到需要的課程等。2.一致性設計原則。電子商務網站的設計形態必須與其內容相符。并且網站界面設計給大眾的視覺體驗與大眾的審美觀要保持一致。一致性設計原則還包括了該網站的主題、結構和表現均需統一,在文字主題的整體風格、色彩的調整、句子和圖像級別等設計上的一致。事實上,統一的視覺風格可以使用戶在瀏覽互聯網時感到視覺安全,改善視覺信息傳輸的效率,提高交易的成功率。
二、“互聯網+”時代電商網頁界面設計存在的問題
(一)框架設計不夠合理。在網頁設計中,框架設計是非常重要的,很多編程設計人員將注意力均集中在后臺設計上,對前端設計的重視度不夠,這就容易出現頭重腳輕的現象。當前,框架設計都是采用了模塊化的設計,架構在沒有做電子商務網站時就已經被設計好了,并且這些設計好的框架有可能是很早時候的設計。當前技術更新非??欤瑤缀趺磕甑陌姹径荚谧兓姹咀兓?,使得框架在功能上就比較薄弱,不能夠很好地適應當前網站設計的需求。
(二)色彩搭配不夠美觀。對于當前已有網頁的界面設計缺乏美觀、界面色調差、布局不夠合理的問題,究其原因,是很多網站缺少專業的美工人員對其進行美化,導致其頁面做工非常粗糙,色彩不夠豐富炫麗,要么全部是藍色,要么全部是綠色,色調單一。色調單一直接導致用戶的滿意度下降,給用戶的第一感覺就是凌亂,體驗度下降,因而對網站的整體印象較差,這樣的網站設計是比較失敗的。由于經過美工處理的網站價格較高,往往很多網站在設計的時候,考慮到開發成本問題,往往會忽略網站美工。但是,網站的美化效果直接關系到用戶的瀏覽滿意度,因此應加大對網站美化的資金投入。
(三)內容不夠新穎。在介紹完框架設計和色彩均衡問題后,討論電子商務網站的內容問題。很多的電子商務網頁上顯示的內容均是文字的堆疊,缺少網站與用戶之間的互動,同時,一些網站上都是一些新聞報道,并不是客戶感興趣的東西。設計者花了很多的時間和精力設計網站,但是做了很多無用功。在內容上并不具有吸引力,使得用戶不能持續地瀏覽網站,抓不住客戶的注意力。
(四)技術比較落后。在網頁前端界面的設計中,一般使用JavaScript與HTML5標簽、CSS3一起使用。JavaScript本身不能單獨使用,因為其屬于一種腳本語言,受到了很多方面的限制。這種語言做一些前端的特效效果會比較好,例如字體的滾動效果、按鈕的滑動、放大與縮小,以及將按鈕制作成漂亮的圖形按鈕等等,增加了用戶與網頁的交互性。其具有簡單性、安全性、動態性、跨平臺性,有效提升了動態網頁設計便捷性。HTML5語言是在HTML的新版本,相較于HTML語言,HTML5語言增加了許多標簽,更利于開發者開發網站,其具有擺脫對平臺的依賴、實時更新、離線使用、代碼更加安全、跨平臺以及充分利用Native等優勢。CSS3相比較于CSS,提供了一系列強大功能,如諸多新的CSS屬性包含了文字、布局、顏色等,以及在特效、動畫、元素變換等方面的新功能。這些新功能使得網站變得更易維護,在性能上也得到了提高。
三、“互聯網+”時代電商網頁界面設計的改進策略
伴隨著“互聯網+”時代的不斷推進,人們對于電商網頁界面的設計要求也越來越高,不僅要求功能上比較齊全,而且還需要界面美觀、友好,這給網頁界面設計人員相當大的壓力。只有根據實際情況作出適當的調整,針對性地解決問題,有意識地去改變,才能夠作出比較好的電商網頁。
(一)根據用戶選擇不同的框架。目前,在電商網頁框架的選擇上一般都是靜態的,編程人員基本上是把很早就設計好的框架直接拿過來用,使得網頁設計的靈活性較差,導致設計出糟糕的界面。為了解決這個問題,最好的解決辦法首先是充分與用戶進行交流,掌握用戶的需求,對用戶的需求進行充分分析,形成書面材料。在設計過程中,適當應用javascript進行框架的設計,增加網頁的動態功能。把設計好的架構及時給用戶,讓用戶在看了之后有什么反饋的意見,再針對用戶的意見進行修改,再次提交給用戶,直到用戶滿意為止。
(二)根據用戶的喜好推薦內容。在界面設計的時候,很多時候我們都會設計通知,或是新聞模塊,或是其他推薦模塊。這些模塊的設計初衷就是要讓大家了解最新的消息。很多時候,用戶并不喜歡這些推薦的內容,在打開網頁的時候就直接去功能模塊了。為了解決這個問題,可以針對用戶的喜好進行模塊內容的選擇。比如根據用戶畫像來確定用戶的愛好標簽,再利用深度學習的技術去篩選信息,將客戶比較偏愛的內容從數據庫中推薦給用戶,這樣用戶在打開網頁主界面時就會關注網頁的推薦模塊,增強用戶對網站的了解。
(三)采用新的技術。前面提到過,當前的很多網頁技術比較落后。為了解決這個問題,可以選擇主流的java語言,以及python語言進行程序編寫,java是當前的主流編程語言,可移植性非常好,設計的網頁效果良好,并且也適用于windows、Linux系統,以及可以在三個主流的數據庫上進行數據連接,應得到充分的推廣和應用。python是后起之秀,是未來的主打技術。python可以利用深度學習的技術,例如全連接神經網絡、卷積神經網絡、長短時記憶網絡、生成式對抗網絡等。此外,用python編寫的程序還可以與pytorch和tensorflow框架結合,再利用GPU,提升的效果非常明顯。這可以設計出很多精美的大型網站。此外,html5也是當前做網頁用得比較多的,也可以將html5的最新標簽技術運用到網頁的設計中,尤其是提升網頁的動態設計效果,給用戶呈現不一樣的畫面,給用戶全新的體驗。
四、結語
在“互聯網+”時代下,電子商務已經成為眾多學者研究的熱點,如何在“互聯網+”時代下設計出精美絕倫、功能齊全、并且與時俱進的電子商務網頁是研究的重點與難點。本文以電子商務網站界面設計為研究對象,立足于通過閱讀大量的與電子商務網站相關的文獻,以及在電子商務網站優缺點的歸納總結、分析比較的基礎上,詳細地對互聯網時代電子商務的概念進行了簡要的描述,并且提出了電商網站在設計時的原則。文章首先從框架設計不夠合理、色彩搭配不夠美觀、內容不夠新穎、技術比較落后四個方面,分析了“互聯網+”時代下電商網頁界面設計存在的問題;其次針對這些比較典型的問題,提出根據用戶選擇不同的框架、注重色彩的均衡、根據用戶的喜好推薦內容、采用新的技術等舉措,其目的是推動“互聯網+”時代下電商網站的設計的發展,使得網頁的界面設計更受用戶歡迎,進而推動國民經濟的發展。
參考文獻:
[1]鄒凱茵.基于互聯網時代中職電商美工設計基礎課程教學探索[J].現代職業教育,2020(37):36-37.
[2]陳偉民,王凡.互聯網經濟下家電企業價值管理研究—以九陽為例[J].電子商務,2020(09):16-18.
作者:王池美慧 單位:河南經貿職業學院