“互聯(lián)網(wǎng)+”時代電商網(wǎng)頁界面的視覺傳達設計探究

文/王池美慧

近年來，由于我國“互聯(lián)網(wǎng)+”戰(zhàn)略計劃的推動，互聯(lián)網(wǎng)與各行各業(yè)進行了深度融合，例如“互聯(lián)網(wǎng)+金融”“互聯(lián)網(wǎng)+移動家居”“互聯(lián)網(wǎng)+農(nóng)業(yè)”“互聯(lián)網(wǎng)+傳統(tǒng)零售業(yè)”等，這些融合極大地帶動了區(qū)域經(jīng)濟發(fā)展，改善了人民的生活。其中，互聯(lián)網(wǎng)與傳統(tǒng)零售行業(yè)的融合，催生了電商行業(yè)。發(fā)展至今，“網(wǎng)購”已成為人民生活中不可或缺的一部分，使得人民的生活更加便捷。在這些網(wǎng)站的建設過程中有很多方面做得比較好，值得我們借鑒學習，例如便捷的支付方式、以及絢麗的動態(tài)界面等[1]。但是仍然存在很多問題，這些問題由于積累的時間比較長，對電商的發(fā)展帶來了很大負面影響。在這種情況下，研究“互聯(lián)網(wǎng)+”時代電商網(wǎng)頁界面的視覺傳達設計顯得非常有必要。

一、“互聯(lián)網(wǎng)+”時代的電子商務網(wǎng)站

在“互聯(lián)網(wǎng)+”的時代，電子商務迎來了巨大的發(fā)展機遇，大大小小的店鋪比比皆是。人們逐漸從實體店向網(wǎng)上購物轉變，這樣帶來的好處是辦公地點不受限制，客戶量比較巨大，可以全天24小時進行，非常便捷。

（一）“互聯(lián)網(wǎng)+”時代的電子商務

作為互聯(lián)網(wǎng)發(fā)展的新經(jīng)濟形式，“互聯(lián)網(wǎng)+”代表了互聯(lián)網(wǎng)和傳統(tǒng)產(chǎn)業(yè)的結合。目標是充分利用互聯(lián)網(wǎng)的優(yōu)勢，提高經(jīng)濟生產(chǎn)率，以刺激經(jīng)濟發(fā)展，促進健康有序的經(jīng)濟發(fā)展。電子商務便是“互聯(lián)網(wǎng)+”這種新的經(jīng)濟形勢中的一種，旨在推動人們的購物方式變革，使得人們的購物方式多元化，購物過程更加便捷，激起人們對各式各樣產(chǎn)品的購買欲。從而激活市場經(jīng)濟，促進國家的經(jīng)濟發(fā)展[2]。

（二）電商網(wǎng)頁頁面設計

電子商務平臺的外在表現(xiàn)便是電子商務網(wǎng)站上的網(wǎng)頁，其與一般圖形設計不同的地方是設計上的獨特性。在設計上首先要根據(jù)用戶的需求把握住網(wǎng)站的主題，其次涉及網(wǎng)頁內(nèi)容設計、背景方案設計以及布局設計。布局設計旨在解決網(wǎng)絡接口設計的問題并提高視覺信息傳輸?shù)男省＿@往往包括視覺語言、視覺思維以及視覺習慣等。

（三）遵循原則

客戶通過觀察網(wǎng)頁上的各種圖片、動畫等視覺體驗，以及通過各種思維活動來理解并接收視覺信息。在討論對網(wǎng)站主題設計的時候，以下兩項原則往往不可分割地聯(lián)結在一起。

1.以用戶為中心的品牌定位設計原則。接口的視覺設計必須根據(jù)品牌地位和目標來進行，這是網(wǎng)頁設計成功的關鍵因素。網(wǎng)站的視覺設計不能與品牌定位分開，否則無法確保品牌在民眾中的良好形象。通過分析網(wǎng)頁瀏覽群體中歷史的視覺運動瀏覽痕跡，得出相應規(guī)律。在購物網(wǎng)站上，網(wǎng)站可以根據(jù)用戶的瀏覽痕跡進行大數(shù)據(jù)分析，為用戶推薦多種同類型的商品，用戶通過比較后，獲取適合自己的產(chǎn)品，在很大程度上改善了用戶的購物體驗。在教育網(wǎng)站上，隨時都能找到需要的課程等。

2.一致性設計原則。電子商務網(wǎng)站的設計形態(tài)必須與其內(nèi)容相符。并且網(wǎng)站界面設計給大眾的視覺體驗與大眾的審美觀要保持一致。一致性設計原則還包括了該網(wǎng)站的主題、結構和表現(xiàn)均需統(tǒng)一，在文字主題的整體風格、色彩的調整、句子和圖像級別等設計上的一致。事實上，統(tǒng)一的視覺風格可以使用戶在瀏覽互聯(lián)網(wǎng)時感到視覺安全，改善視覺信息傳輸?shù)男剩岣呓灰椎某晒β省?/p>

二、“互聯(lián)網(wǎng)+”時代電商網(wǎng)頁界面設計存在的問題

（一）框架設計不夠合理

在網(wǎng)頁設計中，框架設計是非常重要的，很多編程設計人員將注意力均集中在后臺設計上，對前端設計的重視度不夠，這就容易出現(xiàn)頭重腳輕的現(xiàn)象。當前，框架設計都是采用了模塊化的設計，架構在沒有做電子商務網(wǎng)站時就已經(jīng)被設計好了，并且這些設計好的框架有可能是很早時候的設計。當前技術更新非?？欤瑤缀趺磕甑陌姹径荚谧兓?，版本變化了，使得框架在功能上就比較薄弱，不能夠很好地適應當前網(wǎng)站設計的需求。

（二）色彩搭配不夠美觀

對于當前已有網(wǎng)頁的界面設計缺乏美觀、界面色調差、布局不夠合理的問題，究其原因，是很多網(wǎng)站缺少專業(yè)的美工人員對其進行美化，導致其頁面做工非常粗糙，色彩不夠豐富炫麗，要么全部是藍色，要么全部是綠色，色調單一。色調單一直接導致用戶的滿意度下降，給用戶的第一感覺就是凌亂，體驗度下降，因而對網(wǎng)站的整體印象較差，這樣的網(wǎng)站設計是比較失敗的。由于經(jīng)過美工處理的網(wǎng)站價格較高，往往很多網(wǎng)站在設計的時候，考慮到開發(fā)成本問題，往往會忽略網(wǎng)站美工。但是，網(wǎng)站的美化效果直接關系到用戶的瀏覽滿意度，因此應加大對網(wǎng)站美化的資金投入。

（三）內(nèi)容不夠新穎

在介紹完框架設計和色彩均衡問題后，討論電子商務網(wǎng)站的內(nèi)容問題。很多的電子商務網(wǎng)頁上顯示的內(nèi)容均是文字的堆疊，缺少網(wǎng)站與用戶之間的互動，同時，一些網(wǎng)站上都是一些新聞報道，并不是客戶感興趣的東西。設計者花了很多的時間和精力設計網(wǎng)站，但是做了很多無用功。在內(nèi)容上并不具有吸引力，使得用戶不能持續(xù)地瀏覽網(wǎng)站，抓不住客戶的注意力。

（四）技術比較落后

在網(wǎng)頁前端界面的設計中，一般使用JavaScript與HTML5標簽、CSS3一起使用。JavaScript本身不能單獨使用，因為其屬于一種腳本語言，受到了很多方面的限制。這種語言做一些前端的特效效果會比較好，例如字體的滾動效果、按鈕的滑動、放大與縮小，以及將按鈕制作成漂亮的圖形按鈕等等，增加了用戶與網(wǎng)頁的交互性。其具有簡單性、安全性、動態(tài)性、跨平臺性，有效提升了動態(tài)網(wǎng)頁設計便捷性。HTML5語言是在HTML的新版本，相較于HTML語言，HTML5語言增加了許多標簽，更利于開發(fā)者開發(fā)網(wǎng)站，其具有擺脫對平臺的依賴、實時更新、離線使用、代碼更加安全、跨平臺以及充分利用Native等優(yōu)勢。CSS3相比較于CSS，提供了一系列強大功能，如諸多新的CSS屬性包含了文字、布局、顏色等，以及在特效、動畫、元素變換等方面的新功能。這些新功能使得網(wǎng)站變得更易維護，在性能上也得到了提高。

三、“互聯(lián)網(wǎng)+”時代電商網(wǎng)頁界面設計的改進策略

伴隨著“互聯(lián)網(wǎng)+”時代的不斷推進，人們對于電商網(wǎng)頁界面的設計要求也越來越高，不僅要求功能上比較齊全，而且還需要界面美觀、友好，這給網(wǎng)頁界面設計人員相當大的壓力。只有根據(jù)實際情況作出適當?shù)恼{整，針對性地解決問題，有意識地去改變，才能夠作出比較好的電商網(wǎng)頁。

（一）根據(jù)用戶選擇不同的框架

目前，在電商網(wǎng)頁框架的選擇上一般都是靜態(tài)的，編程人員基本上是把很早就設計好的框架直接拿過來用，使得網(wǎng)頁設計的靈活性較差，導致設計出糟糕的界面。為了解決這個問題，最好的解決辦法首先是充分與用戶進行交流，掌握用戶的需求，對用戶的需求進行充分分析，形成書面材料。在設計過程中，適當應用javascript進行框架的設計，增加網(wǎng)頁的動態(tài)功能。把設計好的架構及時給用戶，讓用戶在看了之后有什么反饋的意見，再針對用戶的意見進行修改，再次提交給用戶，直到用戶滿意為止。

（二）根據(jù)用戶的喜好推薦內(nèi)容

在界面設計的時候，很多時候我們都會設計通知，或是新聞模塊，或是其他推薦模塊。這些模塊的設計初衷就是要讓大家了解最新的消息。很多時候，用戶并不喜歡這些推薦的內(nèi)容，在打開網(wǎng)頁的時候就直接去功能模塊了。為了解決這個問題，可以針對用戶的喜好進行模塊內(nèi)容的選擇。比如根據(jù)用戶畫像來確定用戶的愛好標簽，再利用深度學習的技術去篩選信息，將客戶比較偏愛的內(nèi)容從數(shù)據(jù)庫中推薦給用戶，這樣用戶在打開網(wǎng)頁主界面時就會關注網(wǎng)頁的推薦模塊，增強用戶對網(wǎng)站的了解。

（三）采用新的技術

前面提到過，當前的很多網(wǎng)頁技術比較落后。為了解決這個問題，可以選擇主流的java語言，以及python語言進行程序編寫，java是當前的主流編程語言，可移植性非常好，設計的網(wǎng)頁效果良好，并且也適用于windows、Linux系統(tǒng)，以及可以在三個主流的數(shù)據(jù)庫上進行數(shù)據(jù)連接，應得到充分的推廣和應用。python是后起之秀，是未來的主打技術。python可以利用深度學習的技術，例如全連接神經(jīng)網(wǎng)絡、卷積神經(jīng)網(wǎng)絡、長短時記憶網(wǎng)絡、生成式對抗網(wǎng)絡等。此外，用python編寫的程序還可以與pytorch和tensorflow框架結合，再利用GPU，提升的效果非常明顯。這可以設計出很多精美的大型網(wǎng)站。此外，html5也是當前做網(wǎng)頁用得比較多的，也可以將html5的最新標簽技術運用到網(wǎng)頁的設計中，尤其是提升網(wǎng)頁的動態(tài)設計效果，給用戶呈現(xiàn)不一樣的畫面，給用戶全新的體驗。

四、結語

在“互聯(lián)網(wǎng)+”時代下，電子商務已經(jīng)成為眾多學者研究的熱點，如何在“互聯(lián)網(wǎng)+”時代下設計出精美絕倫、功能齊全、并且與時俱進的電子商務網(wǎng)頁是研究的重點與難點。本文以電子商務網(wǎng)站界面設計為研究對象，立足于通過閱讀大量的與電子商務網(wǎng)站相關的文獻，以及在電子商務網(wǎng)站優(yōu)缺點的歸納總結、分析比較的基礎上，詳細地對互聯(lián)網(wǎng)時代電子商務的概念進行了簡要的描述，并且提出了電商網(wǎng)站在設計時的原則。文章首先從框架設計不夠合理、色彩搭配不夠美觀、內(nèi)容不夠新穎、技術比較落后四個方面，分析了“互聯(lián)網(wǎng)+”時代下電商網(wǎng)頁界面設計存在的問題；其次針對這些比較典型的問題，提出根據(jù)用戶選擇不同的框架、注重色彩的均衡、根據(jù)用戶的喜好推薦內(nèi)容、采用新的技術等舉措，其目的是推動“互聯(lián)網(wǎng)+”時代下電商網(wǎng)站的設計的發(fā)展，使得網(wǎng)頁的界面設計更受用戶歡迎，進而推動國民經(jīng)濟的發(fā)展。