電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)及美感分析

陳鳳琴

（江西服裝學(xué)院 商學(xué)院，江西 南昌 330201）

網(wǎng)頁作為電子商務(wù)內(nèi)容的重要載體，將各類信息數(shù)據(jù)以更為直觀、更為快捷的方式呈現(xiàn)出來，大大加快了商務(wù)信息的交互效率，給電子商務(wù)的發(fā)展帶來極為深遠(yuǎn)的影響。從相關(guān)部門公布的數(shù)據(jù)來看，目前我國(guó)大約有300多萬人從事網(wǎng)頁設(shè)計(jì)與制作相關(guān)工作，在這一領(lǐng)域積累了豐富的經(jīng)驗(yàn)，培養(yǎng)了一大批優(yōu)秀人才，但是受制于傳統(tǒng)網(wǎng)頁設(shè)計(jì)思維以及制造方式，現(xiàn)階段我國(guó)存在著電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)與制作流程較為混亂、網(wǎng)頁結(jié)構(gòu)設(shè)計(jì)不合理等情況，在一定程度上影響了信息數(shù)據(jù)的交互能力。為了有效應(yīng)對(duì)這一情況，各網(wǎng)頁設(shè)計(jì)工作者希望提升制作水平，同時(shí)從多個(gè)維度出發(fā)，對(duì)網(wǎng)頁設(shè)計(jì)美感進(jìn)行提升，符合用戶的基本使用訴求，逐步形成系統(tǒng)、全面、完善的電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)與制作機(jī)制。

一、電子商務(wù)網(wǎng)站網(wǎng)頁美感分析

對(duì)電子商務(wù)網(wǎng)站網(wǎng)頁美感的梳理以及分析，有助于網(wǎng)頁設(shè)計(jì)與制作人員在思維層面形成正確的認(rèn)知，明確自身工作的主體要求以及操作標(biāo)準(zhǔn)，大大提升網(wǎng)頁設(shè)計(jì)與制作的針對(duì)性，為后續(xù)各項(xiàng)活動(dòng)的開展提供了方向性的引導(dǎo)。

電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)的過程中，應(yīng)當(dāng)著眼于網(wǎng)頁設(shè)計(jì)的功能性需求，對(duì)網(wǎng)頁內(nèi)數(shù)據(jù)信息進(jìn)行必要的分類以及整合，確保電子商務(wù)信息呈現(xiàn)出條理性與邏輯性，降低有效信息的獲取難度。從實(shí)際情況來看，網(wǎng)頁設(shè)計(jì)過程之中單純所使用Dreamweaver或者Frontpage軟件并不能完全達(dá)到提升電子商務(wù)網(wǎng)站網(wǎng)頁美感的目的，為了彌補(bǔ)這一情況，設(shè)計(jì)人員應(yīng)當(dāng)調(diào)整設(shè)計(jì)工作的環(huán)節(jié)，從對(duì)比色的使用、文字分割、鏈條區(qū)的充實(shí)等幾個(gè)層面出發(fā)，對(duì)網(wǎng)頁布局適當(dāng)調(diào)整，確保網(wǎng)頁的美觀。在實(shí)際操作的過程之中，設(shè)計(jì)人員要不斷調(diào)試網(wǎng)頁背景色與文字字體顏色，使得二者形成一種良好的對(duì)比，有效降低用戶閱讀信息過程之中帶來的不舒適感，在一定程度上，提升信息數(shù)據(jù)獲取體驗(yàn)[1]。從過往情況來看，大面積文字的直接呈現(xiàn)往往會(huì)給信息閱讀者加大的壓力，造成網(wǎng)頁美感的丟失，在實(shí)際處理的過程中，可以對(duì)文字進(jìn)行分割，形成模塊的表述。除了采取上述幾種操作方式之外，設(shè)計(jì)人員可以調(diào)整網(wǎng)頁布局，優(yōu)化網(wǎng)頁結(jié)構(gòu)，通過這種方式來提升電子商務(wù)網(wǎng)站網(wǎng)頁的美感，具體來看，在網(wǎng)頁排版的過程之中，應(yīng)該將圖片、文字以及視頻資源結(jié)合起來，形成動(dòng)靜結(jié)合的網(wǎng)頁信息展現(xiàn)模式，根據(jù)不同的使用場(chǎng)景，對(duì)網(wǎng)頁的整體顏色進(jìn)行設(shè)置，避免網(wǎng)頁顏色選取不當(dāng)給用戶帶來不良的體驗(yàn)，對(duì)網(wǎng)頁的美感帶來極大的破壞。

二、電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)與制作方法

電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)與制作，要求設(shè)計(jì)人員從網(wǎng)頁內(nèi)容、網(wǎng)頁結(jié)構(gòu)、網(wǎng)頁表現(xiàn)等層面出發(fā)，創(chuàng)設(shè)Web標(biāo)準(zhǔn)使用氛圍，優(yōu)化網(wǎng)頁設(shè)計(jì)與制作，提升電子商務(wù)網(wǎng)站網(wǎng)頁的設(shè)計(jì)制作能力。在這一過程中，網(wǎng)頁設(shè)計(jì)人員要合理使用CSS與XHTML技術(shù)、美工設(shè)計(jì)軟件，使得網(wǎng)頁的實(shí)用性與美觀性得到提升。

1.電子商務(wù)網(wǎng)站網(wǎng)頁內(nèi)容分析

電子商務(wù)作為一種全新的商貿(mào)模式，其與傳統(tǒng)的經(jīng)貿(mào)活動(dòng)不同，其經(jīng)營(yíng)活動(dòng)依賴于網(wǎng)站，以網(wǎng)站信息為依托，電子商務(wù)實(shí)現(xiàn)了產(chǎn)品、服務(wù)信息數(shù)據(jù)的有效交互?；谶@種特點(diǎn)，電子商務(wù)企業(yè)關(guān)注于網(wǎng)站設(shè)計(jì)工作，希望能夠通過網(wǎng)站設(shè)計(jì)來吸引潛在客戶的注意力，為了達(dá)到這一目的，設(shè)計(jì)人員需要從網(wǎng)站網(wǎng)頁內(nèi)容布局的角度出發(fā)，對(duì)網(wǎng)頁內(nèi)容進(jìn)行優(yōu)化調(diào)整，使其更加符合于人類自身的感官需求。作為一種視覺語言，網(wǎng)頁設(shè)計(jì)與制作對(duì)于網(wǎng)頁自身的結(jié)構(gòu)布局以及色彩搭配有著較高的要求，以保證網(wǎng)頁內(nèi)容的美觀性與實(shí)用性。從過往實(shí)際情況來看，電子商務(wù)網(wǎng)站網(wǎng)頁內(nèi)容可以使用“廠”字型、“國(guó)”字型等網(wǎng)頁內(nèi)容分布模式，通過對(duì)網(wǎng)頁內(nèi)容分布位置的梳理，充分滿足了用戶信息數(shù)據(jù)獲取需求。在實(shí)際操作過程之中，設(shè)計(jì)人員需要保證電子商務(wù)網(wǎng)站的網(wǎng)頁版面在瀏覽器之中能夠完整的呈現(xiàn)出來，將網(wǎng)頁導(dǎo)航欄、網(wǎng)頁具體信息等合理布局，實(shí)現(xiàn)了網(wǎng)頁實(shí)用性與美觀性的統(tǒng)一[2]。

2.電子商務(wù)網(wǎng)站網(wǎng)頁結(jié)構(gòu)設(shè)計(jì)方法

電子商務(wù)網(wǎng)站網(wǎng)頁結(jié)構(gòu)設(shè)計(jì)的過程之中、網(wǎng)頁之中應(yīng)當(dāng)展現(xiàn)出核心內(nèi)容以及基本功能區(qū)域，確保網(wǎng)頁呈現(xiàn)的完整性，提升網(wǎng)頁服務(wù)能力，形成系統(tǒng)全面的網(wǎng)頁結(jié)構(gòu)。在實(shí)際網(wǎng)頁設(shè)計(jì)與制作的過程之中，設(shè)計(jì)人員應(yīng)當(dāng)能夠保證用戶可以通過后臺(tái)程序?qū)W(wǎng)頁進(jìn)行可視化操作，并給予用戶一定的權(quán)限，對(duì)網(wǎng)頁結(jié)構(gòu)進(jìn)行個(gè)性化設(shè)計(jì)。從電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)的實(shí)際情況來看，通常使用HTML格式文件，對(duì)網(wǎng)頁結(jié)構(gòu)進(jìn)行劃分，確保網(wǎng)頁結(jié)構(gòu)設(shè)計(jì)的合理性，在實(shí)際操作的過程之中，設(shè)計(jì)人員應(yīng)當(dāng)在電腦硬盤之上新建一個(gè)文件夾，將新建文件夾作為網(wǎng)站網(wǎng)頁的根目錄，在此目錄之中，進(jìn)行網(wǎng)頁結(jié)構(gòu)、網(wǎng)頁內(nèi)容的設(shè)計(jì)與制作，在完成整個(gè)電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)工作的基礎(chǔ)上，將根目錄上傳到制定的服務(wù)器之中[3]。考慮到電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)制作的有效性，設(shè)計(jì)人員應(yīng)當(dāng)保證一個(gè)網(wǎng)站對(duì)應(yīng)一個(gè)磁盤的文件，網(wǎng)頁設(shè)計(jì)之中所涉及到的所有資源都應(yīng)存儲(chǔ)在這一文件內(nèi)，確保整個(gè)網(wǎng)頁瀏覽的流暢性以及網(wǎng)頁轉(zhuǎn)換的穩(wěn)定性。

3.電子商務(wù)網(wǎng)站網(wǎng)頁表現(xiàn)設(shè)計(jì)方法

為了保證整個(gè)電子商務(wù)網(wǎng)站網(wǎng)頁的美觀性，充分發(fā)揮電子商務(wù)網(wǎng)站在產(chǎn)品、服務(wù)銷售、售后方面的積極作用，設(shè)計(jì)人員在完成對(duì)電子商務(wù)網(wǎng)站網(wǎng)頁內(nèi)容以及結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，對(duì)網(wǎng)頁整體表現(xiàn)力進(jìn)行提升。在具體操作過程之中，網(wǎng)頁設(shè)計(jì)人員使用CSS技術(shù)，對(duì)網(wǎng)頁元素進(jìn)行添加，在添加過程之中，對(duì)網(wǎng)頁圖片、視頻與文字信息進(jìn)行分離，在此基礎(chǔ)上，對(duì)網(wǎng)頁內(nèi)部使用的圖片、視頻以及文字信息的樣式進(jìn)行布局、調(diào)整，保證整個(gè)網(wǎng)頁設(shè)計(jì)的合理性[4]。在CSS技術(shù)使用的過程之中，設(shè)計(jì)人員需要著眼于電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)與制作需求，結(jié)合網(wǎng)頁DIV層塊設(shè)置情況，結(jié)合HTML文件，優(yōu)化網(wǎng)頁內(nèi)容表現(xiàn)方式，確保了網(wǎng)頁的視覺美感。同時(shí)考慮到不同用戶的使用需求，設(shè)計(jì)人員需要在后臺(tái)進(jìn)行可視化設(shè)計(jì)，在相關(guān)的區(qū)域設(shè)置插件，給予網(wǎng)站網(wǎng)頁使用者具有一定的主動(dòng)性，通過這種方式，使得網(wǎng)頁的畫面效果得到提升。

4.電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)流程

網(wǎng)頁設(shè)計(jì)人員需要合理調(diào)整、科學(xué)細(xì)化網(wǎng)頁設(shè)計(jì)流程，將網(wǎng)頁結(jié)構(gòu)語言、網(wǎng)頁內(nèi)容增添、網(wǎng)頁美化以及動(dòng)態(tài)元素管理等納入到統(tǒng)一的設(shè)計(jì)體系內(nèi)，確保Web標(biāo)準(zhǔn)在電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)與制作之中的科學(xué)高效應(yīng)用。

在對(duì)網(wǎng)頁結(jié)構(gòu)語言定義的過程中，設(shè)計(jì)人員需要依據(jù)電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)要求，對(duì)網(wǎng)頁結(jié)構(gòu)之中的DIV層塊進(jìn)行必要調(diào)整，在調(diào)整過程之中，厘清各個(gè)層塊之間的相互關(guān)系，構(gòu)建起合理高效的網(wǎng)頁結(jié)構(gòu)，保證網(wǎng)頁訪問速度，從過往經(jīng)驗(yàn)來看，DIV層塊數(shù)量應(yīng)當(dāng)?shù)陀?層，避免層塊數(shù)量過高對(duì)訪問速度帶來的不利影響[1]。在網(wǎng)頁添加過程之中，設(shè)計(jì)人員應(yīng)當(dāng)在完成網(wǎng)頁結(jié)構(gòu)語言定義的基礎(chǔ)上，根據(jù)電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)要求，對(duì)網(wǎng)頁內(nèi)容進(jìn)行必要的添加，使得每一個(gè)DIV層塊內(nèi)容能夠符合網(wǎng)頁內(nèi)容，保證網(wǎng)頁文字、圖像、表格以及列表位置分布的合理性。在CSS美化網(wǎng)頁的過程之中，借助于相應(yīng)的技術(shù)手段，完成對(duì)整個(gè)網(wǎng)站網(wǎng)頁的布局，布局過程之中要加入相應(yīng)的邊框以及背景，同時(shí)也需要根據(jù)實(shí)際情況，對(duì)網(wǎng)頁內(nèi)部的字體、大小以及顏色進(jìn)行調(diào)整，保證整個(gè)網(wǎng)頁的美觀。在動(dòng)態(tài)元素添加的過程中，著眼于網(wǎng)頁設(shè)計(jì)意圖，使用JavaScript技術(shù)，完成動(dòng)態(tài)元素的添加，例如網(wǎng)頁導(dǎo)航欄、焦點(diǎn)圖等動(dòng)態(tài)元素，都可以借助于這種方式進(jìn)行添加。

三、結(jié)語

電子商務(wù)的發(fā)展需要網(wǎng)站網(wǎng)頁的支持，為了確保電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)制作的積極作用，實(shí)現(xiàn)網(wǎng)頁設(shè)計(jì)制作工作的現(xiàn)代化與高效化，在相關(guān)技術(shù)的支持下，穩(wěn)步提升網(wǎng)頁設(shè)計(jì)制作的便捷性與可操作性，就需要采取合適的網(wǎng)頁設(shè)計(jì)與制作方式。文章在分析Web標(biāo)準(zhǔn)內(nèi)涵以及Web標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)流程的基礎(chǔ)，總結(jié)經(jīng)驗(yàn)，強(qiáng)化Web標(biāo)準(zhǔn)應(yīng)用屬性，在CSS等技術(shù)支持下，推動(dòng)電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)與制造工作的有序開展，充分發(fā)揮Web標(biāo)準(zhǔn)的指導(dǎo)作用。