響應式電子商務網(wǎng)頁設計探究

導語：響應式電子商務網(wǎng)頁設計探究一文來源于網(wǎng)友上傳，不代表本站觀點，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

摘要：隨著網(wǎng)絡信息技術的發(fā)展，電子商務行業(yè)要想獲得更大的競爭優(yōu)勢，其勢必要把握移動網(wǎng)絡發(fā)展特點，實現(xiàn)自身的創(chuàng)新化發(fā)展。在此情形下，響應式電子商務網(wǎng)頁設計應運而生，當前電子商務行業(yè)正是借助響應式網(wǎng)頁設計理念，展開個性化、智能化的頁面布局排版，由此提高用戶黏度?；诖?，筆者以電子商務行業(yè)響應式網(wǎng)頁設計為主要內(nèi)容展開探討，從電子商務行業(yè)發(fā)展需求現(xiàn)狀入手，探討響應式網(wǎng)頁設計方法以及網(wǎng)頁的實際應用情況，旨在為電子商務行業(yè)帶來新的發(fā)展機遇。

關鍵詞：電子商務；響應式網(wǎng)頁；用戶黏度

響應式電子商務網(wǎng)頁設計，是新經(jīng)濟形勢下電子商務發(fā)展的必然選擇。當前，響應式電子商務網(wǎng)頁設計，能夠為用戶提供更多的便利和個性化服務。例如，用戶進行商務交易活動可以不受時空影響，既可以采用電腦上網(wǎng)，也可以采用手機上網(wǎng)；同時，響應式網(wǎng)頁設計擁有先進的信息技術，能夠為各種終端設備提供較清晰的頁面場景以及頁面形式[1]。此外，電子商務網(wǎng)頁的設計還需要擁有創(chuàng)新特色，才能讓用戶在同等產(chǎn)品服務的電子商務企業(yè)中進行選擇?？梢哉f電子商務的網(wǎng)頁設計，在某種程度上還起到營銷宣傳以及企業(yè)文化呈現(xiàn)的功能。而響應式電子商務網(wǎng)頁正好能夠滿足這些功能需求，因此成為當前電子商務行業(yè)中網(wǎng)頁設計常見的設計方式之一。

1響應式電子商務網(wǎng)頁設計方法

1.1響應式電子商務網(wǎng)頁設計的布局方法。移動設備的網(wǎng)頁設計，需要設計頁面的規(guī)格大小，確保其頁面在動態(tài)移動過程中像素的清晰度。響應式網(wǎng)頁設計可以采用viewportmeta標簽方式，通過標簽設置“虛擬”窗口，從而響應主頁面上各個功能窗口的頁面清晰度情況。電子商務網(wǎng)頁會實現(xiàn)多個“小網(wǎng)頁”的疊加處理，通過各種布局方式，根據(jù)用戶的需求進行流動呈現(xiàn)。傳統(tǒng)的流動方式不夠順暢，容易出現(xiàn)網(wǎng)頁卡住的情況。而響應式網(wǎng)頁擁有伸縮布局flexbox方式，能夠采用多方向布局網(wǎng)頁。flexbox布局方式是一種伸縮盒子模型，其將所有的流動元素都納入盒子的監(jiān)管中，從而根據(jù)所需隨意地改變伸縮頁面的規(guī)格樣式，使其以最合理的方式填充整個移動設備屏幕。在電子商務頁面中，不同產(chǎn)品、不同功能所呈現(xiàn)出來的頁面樣式是不同的，而用戶根據(jù)自己的需求選擇頁面，如何在海量的元素頁面中以最快的方式選擇自己所需要的頁面，是當前研究的重點[2]。在響應式頁面設計中，其可以通過CSS中的媒介查詢方式，根據(jù)不同的頁面視圖大小設置不同的css，從而可以通過終端瀏覽點擊的方式響應不同的頁面布局。1.2響應式電子商務網(wǎng)頁設計的文字圖片處理方法。電子商務中擁有海量的文字、圖片甚至視頻內(nèi)容，在傳統(tǒng)的網(wǎng)頁設計方式中，文字、圖片等的處理方式較為緩慢，而響應式網(wǎng)頁設計能夠實現(xiàn)對文字圖片等的響應處理[3]。例如，文字響應處理方式是將常用的文字基本單位同頁面格局大小等進行鏈接，通過改變這一基本單位而調(diào)整文字字體同頁面之間的關系。而彈性圖片的設計中，同樣采用css樣式設計，將圖片當作各個子頁面中的三級頁面響應處理。1.3響應式電子商務網(wǎng)頁設計的整體框架設計。隨著移動信息技術的發(fā)展，不同的移動設備系統(tǒng)規(guī)格尺寸大小不一，而響應式電子商務網(wǎng)頁設計正是對這些不同規(guī)格大小的屏幕的整體化處理，實現(xiàn)多種移動終端的兼容問題。當前采用的是一種jQueryMobile方式，通過一種靈活漸變的方式，即在網(wǎng)頁中應用現(xiàn)有的數(shù)據(jù)庫和css樣式表，從cnd中直接鏈接該數(shù)據(jù)庫，完成對網(wǎng)頁框架的設計。

2響應式電子商務網(wǎng)頁的實踐應用

2.1電子商務響應式網(wǎng)頁設計的功能需求。（1）電子商務行業(yè)的功能需求。電子商務經(jīng)營模式的差異會直接影響網(wǎng)頁設計的功能設置。以B2C商業(yè)模式為例，其擁有線下倉庫和線上平臺，在網(wǎng)上完成銷售、物流運輸監(jiān)督等。（2）系統(tǒng)設計。該電子商務響應式網(wǎng)頁設計主要分為兩個模塊。一是前臺部分，主要是完成消費者的瀏覽、購物、咨詢售后等功能；二是后臺部分，主要是電子商務管理員的管理系統(tǒng)，實現(xiàn)對貨物的上架管理、訂單處理以及售后服務處理等。因此借助響應式網(wǎng)頁設計方式，將前臺部分頁面功能開發(fā)為注冊會員、登錄、查詢咨詢、添加購物車、生成訂單以及支付、物流查詢等功能。具體如圖1所示。網(wǎng)頁的后臺系統(tǒng)占據(jù)整個網(wǎng)頁的核心部分，其通過設置各種個性化的服務功能，讓后臺管理者的商業(yè)活動變得簡單容易操作，同時還加設了用戶訪問權限等新的功能系統(tǒng)，提升了整個網(wǎng)頁的安全性。2.2響應式電子商務網(wǎng)頁設計的應用優(yōu)勢。利用響應式網(wǎng)頁設計方式展開的電子商務網(wǎng)頁設計，其設計更加靈活，功能更加豐富，性價比更高。同樣的，設計出來的網(wǎng)頁也擁有較明顯的優(yōu)勢。（1）響應式網(wǎng)頁設計具有更好的布局設計感。由于響應式網(wǎng)頁設計在頁面的流動中更加隨機簡單，不受客觀條件影響，因此每一個版式布局所呈現(xiàn)出來的內(nèi)容可以更加豐富，根據(jù)自身產(chǎn)品的特點以及用戶的瀏覽習慣，可以實現(xiàn)對布局的多樣化處理，增加設計中的各種創(chuàng)新元素，從而增加其設計感。充滿新奇的布局設計，更能夠吸引用戶的注意力，從而達到營銷宣傳的效果[4]。（2）響應式網(wǎng)頁設計具有更好的用戶體驗感。隨著信息技術的發(fā)展，傳統(tǒng)單一化的網(wǎng)頁操作以及設計已經(jīng)不能滿足用戶的情感需求。響應式網(wǎng)頁設計方式具有建站高標準的特點，能夠呈現(xiàn)出各種各樣的網(wǎng)頁標準形式，并且能最大程度地滿足用戶的需求，如在網(wǎng)頁設計中融入一些細節(jié)化的小模塊，能夠使用戶獲得更好的體驗。（3）響應式網(wǎng)頁設計具有多樣化主題特點。現(xiàn)代網(wǎng)頁設計同視覺藝術設計已經(jīng)實現(xiàn)了融合發(fā)展，響應式網(wǎng)頁設計正是滿足這一趨勢特點，其在網(wǎng)頁設計中，能夠利用色彩豐富的視覺主題、字體內(nèi)容等組建新的網(wǎng)頁內(nèi)容，對于電子商務的用戶而言，每一次進入網(wǎng)頁都擁有不同的視覺體驗，能夠提高用戶的直觀視覺體驗，讓電子商務的企業(yè)文化通過網(wǎng)頁設計內(nèi)容呈現(xiàn)出來，由此更有利于電子商務行業(yè)的可持續(xù)發(fā)展。

3結語

與傳統(tǒng)的電子商務網(wǎng)頁相比，響應式電子商務網(wǎng)頁設計的性價比較高，網(wǎng)頁具有較高的延展性和自我更新特點，在競爭日益激烈的電子商務行業(yè)中，掌握最新的響應式網(wǎng)頁技術，靈活應用該技術能夠增加更多的設計感、體驗感，用戶對電子商務企業(yè)的文化以及產(chǎn)品的認知度也更高。

參考文獻

[1]師曉丹.響應式網(wǎng)頁設計教學應用研究——以茶葉企業(yè)電子商務網(wǎng)站建設為例[J].福建茶葉,2019,41(3):31-32.

[2]薛鵬飛.響應式網(wǎng)頁設計在高校網(wǎng)站建設中的應用[J].計算機與網(wǎng)絡,2019,45(16):42-43.

[3]王朋,董愛華,鮑萍萍.響應式Web的研究與應用[J].微型機與應用,2016,35(10):15-17,21.

[4]李靜.基于Bootstrap的響應式校園電子商務網(wǎng)站設計[J].電腦知識與技術,2017,13(14):225.

作者:鄭雅娟 單位:福建農(nóng)業(yè)職業(yè)技術學院