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

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

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

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

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

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

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

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

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

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

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

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

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

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

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