導(dǎo)語(yǔ)：響應(yīng)式電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)探究一文來(lái)源于網(wǎng)友上傳，不代表本站觀點(diǎn)，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

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

關(guān)鍵詞：電子商務(wù)；響應(yīng)式網(wǎng)頁(yè)；用戶黏度

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

1響應(yīng)式電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)方法

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

2響應(yīng)式電子商務(wù)網(wǎng)頁(yè)的實(shí)踐應(yīng)用

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

3結(jié)語(yǔ)

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

參考文獻(xiàn)

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

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

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

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

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