《計(jì)算機(jī)論文：電商網(wǎng)頁(yè)界面設(shè)計(jì)中設(shè)計(jì)風(fēng)格與技術(shù)的改進(jìn)》由會(huì)員分享，可在線閱讀，更多相關(guān)《計(jì)算機(jī)論文：電商網(wǎng)頁(yè)界面設(shè)計(jì)中設(shè)計(jì)風(fēng)格與技術(shù)的改進(jìn)（5頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、計(jì)算機(jī)論文：電商網(wǎng)頁(yè)界面設(shè)計(jì)中設(shè)計(jì)風(fēng)格與技術(shù)的改進(jìn) 　　摘要：　電商網(wǎng)頁(yè)設(shè)計(jì)是在保證基本商業(yè)功能基礎(chǔ)上,將多樣化的視覺(jué)形式和趣味性的互動(dòng)體驗(yàn)融入網(wǎng)頁(yè)設(shè)計(jì)中，使人們形成更為良好的視覺(jué)享受。電商網(wǎng)頁(yè)設(shè)計(jì)作為線上銷售的主要視覺(jué)表現(xiàn)形式，兼容了多種優(yōu)勢(shì),是將技術(shù)與藝術(shù)完美融合的設(shè)計(jì)種類。隨著時(shí)代的發(fā)展，網(wǎng)上購(gòu)物已經(jīng)成為了人們?nèi)粘Ｉ钪械囊徊糠?，人們?duì)電商網(wǎng)頁(yè)設(shè)計(jì)的審美追求越來(lái)越高。這就要求網(wǎng)頁(yè)設(shè)計(jì)師要對(duì)界面進(jìn)行一定的優(yōu)化。本文先對(duì)電商網(wǎng)頁(yè)設(shè)計(jì)中的風(fēng)格變化進(jìn)行了詳細(xì)的分析，并由此總結(jié)歸納出相應(yīng)技術(shù)的變化。 　　關(guān)鍵詞：　網(wǎng)頁(yè)界面設(shè)計(jì); 技術(shù); 插畫風(fēng)格; C4D建模;

2、 　　網(wǎng)絡(luò)的推進(jìn)使經(jīng)濟(jì)發(fā)展更為迅速。當(dāng)前互聯(lián)網(wǎng)不僅被人們普遍接受，而且從深層次影響著人們的生活、消費(fèi)的方式。網(wǎng)絡(luò)技術(shù)發(fā)展到現(xiàn)在其本身已成為了一種文化符號(hào)。網(wǎng)上購(gòu)物作為網(wǎng)絡(luò)文化中的重要部分，已經(jīng)完全進(jìn)入了人們的生活。進(jìn)行網(wǎng)上購(gòu)物就避免不了對(duì)電商網(wǎng)頁(yè)界面的接觸。電商網(wǎng)頁(yè)視覺(jué)效果的好壞將直接影響到店面的訪問(wèn)量，而訪問(wèn)量又影響了商品的銷量，由此可見(jiàn)網(wǎng)頁(yè)美化的重要性。而且時(shí)代的快速發(fā)展也決定了電商網(wǎng)頁(yè)界面必須與時(shí)俱進(jìn)，并不斷創(chuàng)新?，F(xiàn)階段，電商網(wǎng)頁(yè)設(shè)計(jì)在視覺(jué)展現(xiàn)方面已經(jīng)取得了長(zhǎng)足的發(fā)展，但仍然存在著一定的缺陷和不足。通過(guò)對(duì)網(wǎng)頁(yè)風(fēng)格與技術(shù)的優(yōu)化，可以極大的提高網(wǎng)頁(yè)的視覺(jué)表現(xiàn)效果，為受眾提供良好的視覺(jué)體驗(yàn)

3、。電商網(wǎng)頁(yè)設(shè)計(jì)在技術(shù)領(lǐng)域還有很大的發(fā)展空間。 　　1. 電商網(wǎng)頁(yè)界面設(shè)計(jì)簡(jiǎn)述 　　1.1、 電商網(wǎng)頁(yè)界面設(shè)計(jì)概述 　　電商網(wǎng)頁(yè)界面設(shè)計(jì)是指以圖像、色彩、文字、等視覺(jué)元素為基礎(chǔ)的并且結(jié)合多媒體技術(shù)來(lái)傳達(dá)商家的產(chǎn)品信息，完成人機(jī)交互的中介。[1]其根本任務(wù)就在于滿足商業(yè)的基本功能的同時(shí)將美的視覺(jué)形態(tài)傳達(dá)給大眾。網(wǎng)頁(yè)界面的設(shè)計(jì)范圍非常廣泛，是視覺(jué)與聽(tīng)覺(jué)，技術(shù)與藝術(shù)結(jié)合下的產(chǎn)物。網(wǎng)頁(yè)界面設(shè)計(jì)是對(duì)人機(jī)交互、操作邏輯、視覺(jué)設(shè)計(jì)美學(xué)等技術(shù)進(jìn)行綜合考慮后，為大眾提供更好的生活服務(wù)與視覺(jué)享受的藝術(shù)表現(xiàn)形式。界面功能布局的可操作性、界面設(shè)計(jì)風(fēng)格的藝術(shù)性以及頁(yè)面整體的

4、審美性都是網(wǎng)頁(yè)界面要考慮的要素。只有多方位的考慮，設(shè)計(jì)才能兼顧功能與審美的雙重意義，被大眾所認(rèn)可。[2]當(dāng)今社會(huì)，網(wǎng)絡(luò)購(gòu)物已經(jīng)走入了人們的生活的方方面面。各種購(gòu)物網(wǎng)站層出不窮，電商人數(shù)比例逐年上漲。在此背景下，電商網(wǎng)頁(yè)界面作為線上銷售的“門面”，所發(fā)揮的作用顯得尤為重要。設(shè)計(jì)師在設(shè)計(jì)中要充分以消費(fèi)者為中心，使人們?cè)跒g覽界面的過(guò)程中形成視覺(jué)的愉悅感。好的網(wǎng)頁(yè)設(shè)計(jì)，可以讓人們?cè)趧偞蜷_網(wǎng)頁(yè)的瞬間被整體的設(shè)計(jì)風(fēng)格所吸引，抓住人們的眼球，形成感官的美好體驗(yàn)，從而加深消費(fèi)者對(duì)品牌的好感度，使消費(fèi)者產(chǎn)生消費(fèi)需求。 　　1.2、 電商網(wǎng)頁(yè)界面設(shè)計(jì)發(fā)展現(xiàn)狀 　　近年來(lái)，電子商務(wù)保

5、持著持續(xù)高速發(fā)展的態(tài)勢(shì)，以淘寶、蘇寧、唯品會(huì)等為代表的電商企業(yè)規(guī)模不斷擴(kuò)大。眾多的電商企業(yè)也為對(duì)我國(guó)的經(jīng)濟(jì)發(fā)展起到了重要的推動(dòng)作用，在國(guó)民經(jīng)濟(jì)體系中占據(jù)重要比重。相比于現(xiàn)實(shí)購(gòu)物，現(xiàn)在的人們更愿意足不出戶在網(wǎng)上完成消費(fèi)，更加簡(jiǎn)單便捷。網(wǎng)絡(luò)購(gòu)物在人們的生活中所占比重越來(lái)越大。僅從近幾年雙十一總交易額就能看出網(wǎng)絡(luò)購(gòu)物的持續(xù)熱度。天貓雙十一購(gòu)物狂歡節(jié)成交額逐年攀升，2019年又突破新高，11月11日0點(diǎn)1分36秒成交額便破百億，5分25秒突破300億，并以2684億的全天成交額完美收官（圖1）。 　　圖1 近幾年天貓雙十一總成交額匯總 　　電商產(chǎn)業(yè)的繁榮使大眾對(duì)電商網(wǎng)頁(yè)界面設(shè)計(jì)

6、有了更多期待，審美訴求不斷提高，愈發(fā)體現(xiàn)出電商網(wǎng)頁(yè)界面設(shè)計(jì)的重要性。在《注意力購(gòu)買者》這本書中作邁克爾戈德海伯就提道，在當(dāng)今社會(huì)，過(guò)于繁瑣的各類信息充斥著我們生活，人們的注意力才顯得極為珍貴。[3]購(gòu)買行為的發(fā)生必然是商品首先要吸引到消費(fèi)者的注意力。在電子商務(wù)這樣的單一網(wǎng)頁(yè)銷售方式中，吸引消費(fèi)者的注意力就顯得尤為重要。這就要求設(shè)計(jì)師在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，不能將所有信息簡(jiǎn)單的全部塞入網(wǎng)頁(yè)中，而是要考慮頁(yè)面的整體感官進(jìn)行綜合設(shè)計(jì)，使之看上去更加美觀，富有設(shè)計(jì)感。目前很多電商并沒(méi)有意識(shí)到良好的網(wǎng)頁(yè)界面設(shè)計(jì)給自己帶來(lái)的經(jīng)濟(jì)利益。如在淘寶、京東、天貓、唯品會(huì)等大型電商網(wǎng)站中，只有部分品牌注意對(duì)自己網(wǎng)頁(yè)的進(jìn)行

7、美化，而大多數(shù)店家的網(wǎng)頁(yè)界面還停留在顏色單一，排版大致相同的傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)上。網(wǎng)頁(yè)設(shè)計(jì)嚴(yán)重缺乏自我產(chǎn)品的特色，使消費(fèi)者對(duì)網(wǎng)頁(yè)的印象并不深刻，從而間接地影響到商品銷量。而且目前網(wǎng)絡(luò)消費(fèi)中的還有一個(gè)明顯的特征，那就是其受眾者以年輕群體居多。年輕群體接受新鮮事物快，更喜歡個(gè)性鮮明的設(shè)計(jì)。顯然，傳統(tǒng)單一過(guò)分強(qiáng)調(diào)功能性的網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)不符合年輕人的心理需要，網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格亟待調(diào)整。目前學(xué)術(shù)界對(duì)電商這一領(lǐng)域的網(wǎng)頁(yè)設(shè)計(jì)研究涉獵不多，對(duì)當(dāng)下電商網(wǎng)頁(yè)風(fēng)格與技術(shù)的分析，是一個(gè)非常值得研究的方向。 　　2. 電商網(wǎng)頁(yè)界面設(shè)計(jì)中設(shè)計(jì)風(fēng)格與技術(shù)的改進(jìn) 　　近的兩到三年里，平面設(shè)計(jì)的表現(xiàn)形式一直

8、在不停地更新?lián)Q代。無(wú)論是廣告設(shè)計(jì)，UI設(shè)計(jì)，還是網(wǎng)頁(yè)設(shè)計(jì)，都呈現(xiàn)出多元化的發(fā)展新趨勢(shì)。尤其是大量?jī)?yōu)秀設(shè)計(jì)師涌入電商行業(yè)后，使電商網(wǎng)頁(yè)設(shè)計(jì)水平有了明顯的提高。新興一代網(wǎng)頁(yè)設(shè)計(jì)師更加敢于突破傳統(tǒng)設(shè)計(jì)的束縛，創(chuàng)造出更富有心意的網(wǎng)頁(yè)設(shè)計(jì)作品。整體界面設(shè)計(jì)與傳統(tǒng)界面相比更加靈活多變，不局限于固有設(shè)計(jì)思維，綜合運(yùn)用多重技術(shù)，使網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格步入了新的發(fā)展階段。傳統(tǒng)的電商網(wǎng)頁(yè)設(shè)計(jì)多以PS合成技術(shù)為支撐，通過(guò)對(duì)圖形和人像的加工處理形成簡(jiǎn)單直白的網(wǎng)頁(yè)界面。當(dāng)前的電商網(wǎng)頁(yè)設(shè)計(jì)不在拘泥于對(duì)PS軟件的開發(fā)利用，而是融入了C4D建模,AE動(dòng)態(tài)處理等新技術(shù)，使網(wǎng)頁(yè)風(fēng)格更加多樣，在此大致將其分為兩大類，分別為手繪風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)

9、，三維建模風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)。 　　2.1、 插畫類電商網(wǎng)頁(yè)設(shè)計(jì) 　　圖2 TH Royal網(wǎng)頁(yè)設(shè)計(jì) 　　插畫類電商網(wǎng)頁(yè)設(shè)計(jì)即利用現(xiàn)代插畫的設(shè)計(jì)語(yǔ)言去規(guī)劃網(wǎng)頁(yè)，使網(wǎng)頁(yè)界面的風(fēng)格擺脫以往冰冷、僵硬的設(shè)計(jì)模式，使整體風(fēng)格更加生動(dòng)，表達(dá)主題與畫面更加融會(huì)貫通，增加網(wǎng)頁(yè)界面的親和力與趣味性。[4]繪畫軟件的開發(fā)與使用為手繪風(fēng)格提供了更加全面的技術(shù)支持。AI、SAI、Sketch Book等繪畫軟件的出現(xiàn)，以及手繪板、掃描儀等輔助器材的普及，使網(wǎng)頁(yè)插畫的設(shè)計(jì)更加快速、便捷，也使插畫界面的視覺(jué)效果更加美觀。在今年的雙十一購(gòu)物節(jié)中，眾多電商網(wǎng)頁(yè)設(shè)計(jì)紛紛使用插畫風(fēng)格。插花網(wǎng)頁(yè)

10、設(shè)計(jì)風(fēng)格以自己豐富的視覺(jué)張力，和靈活的內(nèi)容表達(dá)性，成為了雙十一網(wǎng)頁(yè)設(shè)計(jì)的首選。而且很多店鋪為了增強(qiáng)頁(yè)面視覺(jué)效果，還將插畫進(jìn)行了局部動(dòng)態(tài)化的處理，以GIF動(dòng)圖的形式出現(xiàn)在網(wǎng)頁(yè)界面中，視覺(jué)效果更為突出（圖2）。 　　2.2 .C4D建模風(fēng)格類電商網(wǎng)頁(yè)設(shè)計(jì) 　　CAD是由德國(guó)研發(fā)的三維建模軟件，是一款可以實(shí)現(xiàn)三維建模、材質(zhì)添加、燈光渲染等以及模型動(dòng)態(tài)化處理的綜合性設(shè)計(jì)軟件。近年來(lái)隨著電商產(chǎn)業(yè)的日益壯大，商家對(duì)于差異化設(shè)計(jì)的要求逐漸加大，C4D以它強(qiáng)大的功能和獨(dú)特的視覺(jué)效果，很快成為了網(wǎng)頁(yè)設(shè)計(jì)中的一類潮流趨勢(shì)。C4D的三維制作效果使網(wǎng)頁(yè)畫面更有立體感和帶入感，場(chǎng)景渲染更

11、加生動(dòng)，色彩層次更加豐富，頁(yè)面整體視覺(jué)效果個(gè)性化十足。而且相比于PS,AI等平面軟件，C4D處理3D效果更加高效便捷，效果也更逼真生動(dòng)。對(duì)于C4D軟件的熟練應(yīng)用，可以極大提升當(dāng)代網(wǎng)頁(yè)設(shè)計(jì)師的工作效率，在短時(shí)間內(nèi)便可以完成高質(zhì)量的網(wǎng)頁(yè)設(shè)計(jì)作品。同時(shí)C4D還可以幫助商家節(jié)省了一定的成本。C4D幾乎可以實(shí)現(xiàn)設(shè)計(jì)師所想到的任何場(chǎng)景與畫面，店家不再需要通過(guò)拍攝環(huán)節(jié)和PS合成技術(shù)，就能實(shí)現(xiàn)產(chǎn)品與場(chǎng)景畫面的完美結(jié)合。C4D還擅長(zhǎng)處理各種特殊的視覺(jué)效果，例如霓虹燈，閃電等動(dòng)感視覺(jué)效果，豐富了網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)表現(xiàn)元素。其次C4D還可以輕松實(shí)現(xiàn)虛實(shí)結(jié)合，例如DIESAL手表網(wǎng)頁(yè)設(shè)計(jì)中，手表為真實(shí)的，背景鐳射感的樓梯

12、則是通過(guò)場(chǎng)景渲染制作，是虛擬的。樓梯的設(shè)計(jì)借鑒埃舍爾經(jīng)典作品中錯(cuò)位樓梯的造型，巧妙的將手表穿插在其中，實(shí)現(xiàn)虛實(shí)的結(jié)合（圖3）。 　　圖3 DIESAL手表網(wǎng)頁(yè)設(shè)計(jì) 　　3. 結(jié)論 　　當(dāng)今社會(huì)，我們的生活正朝著數(shù)字化的社會(huì)轉(zhuǎn)變,電商網(wǎng)頁(yè)設(shè)計(jì)作為一種新的視覺(jué)表現(xiàn)形式，雖然發(fā)展時(shí)間不長(zhǎng)，但是兼具了多重領(lǐng)域的技術(shù)，以自身的獨(dú)特優(yōu)勢(shì)成為了商業(yè)宣傳的有效的途徑。[5]但是隨著傳播媒體的日豐富，大眾在界面瀏覽上的時(shí)間越來(lái)越少。如何在短時(shí)間內(nèi)吸引消費(fèi)者在頁(yè)面停留，成為了電商網(wǎng)頁(yè)界面設(shè)計(jì)的關(guān)鍵。作為當(dāng)代網(wǎng)頁(yè)設(shè)計(jì)師,想要設(shè)計(jì)出好的網(wǎng)頁(yè)作品，首先就要保持對(duì)新鮮事物的敏感度,

13、敢于打破傳統(tǒng)，從新的角度定義網(wǎng)頁(yè)設(shè)計(jì)，設(shè)計(jì)出更加新穎的界面。其次要熟練掌握各種技術(shù)手段，更好地服務(wù)于設(shè)計(jì),技術(shù)與藝術(shù)的完美融合下，將更好的視覺(jué)效果和更優(yōu)化的用戶體驗(yàn)呈現(xiàn)給每一位消費(fèi)者。從當(dāng)下國(guó)內(nèi)的電商網(wǎng)頁(yè)設(shè)計(jì)來(lái)看，依然存在著很多問(wèn)題。最大的問(wèn)題在于商家自身的藝術(shù)修養(yǎng)與審美水平參差不齊。店家作為網(wǎng)頁(yè)設(shè)計(jì)的甲方很大程度的限制了網(wǎng)頁(yè)設(shè)計(jì)師的創(chuàng)新，使店家與設(shè)計(jì)師之間的產(chǎn)生矛盾。而解決這一矛盾的方法在于兩方面。一方面讓商家學(xué)會(huì)尊重消費(fèi)者審美情趣與藝術(shù)性需求，更加深入的了解到網(wǎng)頁(yè)設(shè)計(jì)的重要性，加大對(duì)網(wǎng)頁(yè)設(shè)計(jì)的投入。另一方面要通過(guò)提升網(wǎng)頁(yè)設(shè)計(jì)師的設(shè)計(jì)水平、設(shè)計(jì)技巧、以及溝通能力，讓店家理解設(shè)計(jì)的意圖，使之接

14、受。目前我國(guó)在網(wǎng)頁(yè)風(fēng)格與技術(shù)領(lǐng)域已經(jīng)有了一定的發(fā)展，使網(wǎng)頁(yè)設(shè)計(jì)更加多元化，但是依然有很長(zhǎng)的路要走。電商網(wǎng)頁(yè)設(shè)計(jì)需要更多技術(shù)的融入，使網(wǎng)頁(yè)設(shè)計(jì)成為更加多維度的設(shè)計(jì)產(chǎn)物。 　　參考文獻(xiàn) 　　[1]孫沈楠,居全偉.網(wǎng)頁(yè)界面設(shè)計(jì)的創(chuàng)新探索[J].科技傳播,2017,9(17):78-80. 　　[2]崔宏偉.融合功能性和藝術(shù)性的電商類網(wǎng)頁(yè)設(shè)計(jì)研究[D].華中師范大學(xué),2016. 　　[3]馮浩煜.基于視覺(jué)思維的電商網(wǎng)頁(yè)界面設(shè)計(jì)研究[D].西安工程大學(xué),2018. 　　[4]李曼.插畫在網(wǎng)頁(yè)界面設(shè)計(jì)中的應(yīng)用價(jià)值研究[D].浙江理工大學(xué),2016. 　　[5]吳乃群,史耀軍.網(wǎng)頁(yè)界面設(shè)計(jì)中視覺(jué)傳達(dá)的解讀[J].藝術(shù)研究,2007(03):69-70.