網(wǎng)店視覺系統(tǒng)設(shè)計(jì)論文

1、目錄摘要：1關(guān)鍵詞：1第一章緒論11.1 選題研究背景11.2 選題研究意義1第二章網(wǎng)店店鋪設(shè)計(jì)和裝修22.1 店鋪裝修的作用22.1.1 網(wǎng)店裝修要注意的問題22.2 網(wǎng)店裝修的一般流程32.2.1 店名的重要性32.2.2 店鋪裝修的風(fēng)格4第三章網(wǎng)店裝修詳細(xì)介紹53.1 店標(biāo)的設(shè)計(jì)與分析53.2 店招的設(shè)計(jì)與分析53.3 導(dǎo)航的設(shè)計(jì)與分析53.4 首頁的設(shè)計(jì)與分析63.5 首頁海報(bào)的設(shè)計(jì)與分析73.6 網(wǎng)店寶貝的詳情頁設(shè)計(jì)與分析7第四章結(jié)論和自我突破9參考文獻(xiàn)9網(wǎng)店視覺系統(tǒng)設(shè)計(jì)陳亞妹陽江職業(yè)技術(shù)學(xué)院信息工程系，陽江529566摘要：近年來，隨著我國網(wǎng)絡(luò)技術(shù)普及率的日益提高，通過網(wǎng)絡(luò)進(jìn)行購物

2、、交易、支付等的電子商務(wù)新模式發(fā)展迅速。網(wǎng)上購物成為了人們的消費(fèi)主要途徑之一，網(wǎng)上購物的興趣帶來了巨大的網(wǎng)絡(luò)商機(jī)。人們紛紛加入到網(wǎng)上開店的行列中。夢想成為成功的網(wǎng)上淘金客。店鋪裝修成為了重中之重的必勝法寶。店鋪裝修可以有效地增加顧客的回頭率以及提升產(chǎn)品的銷售量。在這個(gè)信息時(shí)代，電子商務(wù)迅速發(fā)展和普及。網(wǎng)上購物它越來越貼近人們的生活，成為日常和工作中不可或缺的一種生活方式。放眼望去，現(xiàn)在的網(wǎng)店越來越多，在選擇和購買商品的時(shí)候，個(gè)性有創(chuàng)新的網(wǎng)店設(shè)計(jì)尤為重要，買家往往只能從網(wǎng)上的圖片和文字以及寶貝評價(jià)來了解產(chǎn)品。裝修，這是一個(gè)重點(diǎn)，也是一個(gè)長期工作。不同風(fēng)格的裝修效果搭配所賣物品的不同能夠很好的渲染

3、氣氛，從而提升銷量。本文介紹了雪夕韓衣坊淘寶店鋪裝修的設(shè)計(jì)與表現(xiàn)。關(guān)鍵詞：網(wǎng)上購物；視覺營銷；網(wǎng)店裝修；版式設(shè)計(jì)第一章緒論網(wǎng)店裝修可以理解為類似實(shí)體店鋪的裝修，店鋪漂亮才能吸引顧客來購物甚至多次消費(fèi)。對于網(wǎng)店來講，一個(gè)好的店鋪設(shè)計(jì)至關(guān)重要，畢竟買家只能通過網(wǎng)上的文字和圖片來了解店鋪，了解產(chǎn)品，所以店鋪裝修得好能增加買家的信任感，網(wǎng)店裝修就是在淘寶、拍拍等網(wǎng)店平臺允許的結(jié)構(gòu)范圍內(nèi)，盡量通過圖片、程序模板等讓店鋪更加美觀。1.1 選題研究背景隨著科技的發(fā)展，國家經(jīng)濟(jì)的增長和居民消費(fèi)水平的提高，網(wǎng)購商品品類逐步擴(kuò)展,網(wǎng)購慢慢成為生活中不可缺少的部分，越來越多的消費(fèi)者不滿于現(xiàn)實(shí)的購物行為，而尋求更為快

4、捷的購買方式，伴隨著迅速崛起的B2C模式，這就使得網(wǎng)購這種消費(fèi)模式成為購買主流，由于個(gè)人網(wǎng)店門檻低、操作簡單，所以淘寶個(gè)人網(wǎng)店的開設(shè)，也充分滿足消費(fèi)者的消費(fèi)欲望。使網(wǎng)店這種模式成為消費(fèi)市場的推動(dòng)力。近幾年來，隨著淘寶的發(fā)展壯大，消費(fèi)者也越來越多的進(jìn)行網(wǎng)絡(luò)購物消費(fèi)，盡管面對國內(nèi)激烈的競爭，但淘寶卻別出心栽，采用免費(fèi)策略打開市場缺口，短時(shí)間內(nèi)占據(jù)市場優(yōu)勢，面對如此多的競爭對手，淘寶如何能繼續(xù)保持競爭優(yōu)勢，如何能跟進(jìn)市場技術(shù)，發(fā)展盈利模式，正是淘寶現(xiàn)在多面臨的最主要解決的迫切問題，淘寶作為中國電子商務(wù)消費(fèi)的主力軍，淘寶的行為，影響著我國電子商務(wù)市場。1.2 選題研究意義本論文通過對淘寶網(wǎng)店的店鋪整體

5、的裝修設(shè)計(jì)和研究，讓更多人認(rèn)識淘寶，認(rèn)識網(wǎng)店購1物這個(gè)平臺，增加消費(fèi)者在消費(fèi)中的樂趣，讓網(wǎng)購成為生活的重要部分，通過對店鋪的整體裝修和設(shè)計(jì)，使得店鋪更為整齊，美觀，漂亮。能有效的促進(jìn)店鋪達(dá)成交易。第二章網(wǎng)店店鋪設(shè)計(jì)和裝修2.1 店鋪裝修的作用在網(wǎng)上開店，也要把門面裝修得漂亮點(diǎn)兒，這樣才能吸引買家。作為視覺動(dòng)物，人的第一印象對其認(rèn)知會產(chǎn)生相當(dāng)大的影響。同樣，逛街購物也是如此，裝修靚麗而富有特色的門店使人們的購物心情更舒暢，顧客下單的時(shí)候自然會更爽快。倘若店鋪的裝修毫無特色，貨品堆放毫無秩序，相信你的購物欲望也會大打折扣，甚至有想趕快離開的心理。而對于網(wǎng)絡(luò)店鋪來說，裝修更是店鋪興旺的制勝法寶，商品

6、的任何信息買家都只能通過網(wǎng)店頁面來獲得，所以更需要在美觀上下工夫。一般來說，經(jīng)過裝修設(shè)計(jì)的網(wǎng)絡(luò)店鋪特別能吸引網(wǎng)友的目光。下面具體介紹為什么要裝修網(wǎng)店。(1)新手基本上都沒有銷售信譽(yù)，拿什么讓買家相信你不是騙子呢？把網(wǎng)店裝修得漂漂亮亮的，即使買家質(zhì)疑你是騙子，你也可以挺直腰桿說：“有這么認(rèn)真的騙子嗎？”(2)經(jīng)過裝修的網(wǎng)站會給買家留下一個(gè)好印象。新手在開店時(shí)，整個(gè)網(wǎng)店都可以看到馬虎的痕跡。標(biāo)題不規(guī)范，長的長，短的短；分類不整齊，有一個(gè)字的，有3個(gè)字的，有8個(gè)字的，看起來相當(dāng)不協(xié)調(diào)；商品描述更是亂七八糟。而裝修靚麗的網(wǎng)店會給顧客留下一個(gè)好印象，使其購買幾率大大提高。(3)網(wǎng)店商品雖然非常重要，但是

7、絕對不能忽視裝修。正所謂“三分靠長相七分靠打扮”，網(wǎng)店的美化如同實(shí)體店的裝修一樣，能讓買家從視覺上和心理上感覺到店主對店鋪的用心，并且能夠最大限度地提升店鋪的形象，有利于網(wǎng)店的品牌形成，提高瀏覽量。(4)好的裝修會增加顧客在網(wǎng)店停留的時(shí)間。漂亮、恰當(dāng)?shù)木W(wǎng)店裝修，可以給顧客帶來美感，使顧客瀏覽網(wǎng)頁時(shí)不易疲勞，自然會更細(xì)心地瀏覽你的店鋪。好的商品在誘人的裝飾品的襯托下，更不容易遭受拒絕，有利于促進(jìn)成交。2.1.1網(wǎng)店裝修要注意的問題(1)欄目分類太多。分類是為了讓買家一目了然地找到他需要的東西，分類這么多，一屏都顯示不完，而且雜亂無序，買家怎難以找到所需的商品。(2)動(dòng)畫過多。將店鋪布置得像動(dòng)畫片

8、一樣閃閃發(fā)光，能閃的地方都讓它閃起來：店標(biāo)、公告、寶貝分類，甚至寶貝的圖片、浮動(dòng)圖片。動(dòng)畫固然可以吸引人的視線，但是使用過多的動(dòng)畫會占用大量的寬帶空間，網(wǎng)頁下載速度更慢。而且使用這么多的動(dòng)畫，瀏覽者看起來會很累，也突出不了重點(diǎn)。(3)店鋪裝修的色彩搭配有些賣家把店鋪的色彩搞得鮮艷華麗，把界面做得五彩繽紛。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對比”，也就是說網(wǎng)店頁面的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈的色彩對比。在色彩地運(yùn)用上，可以根據(jù)網(wǎng)店的需要，分別采用不同的主色調(diào)。店鋪的產(chǎn)品風(fēng)格、圖片的基本色調(diào)、公告的字體顏色最好與店鋪的整體風(fēng)格對應(yīng)，這樣出來的整體效果和諧統(tǒng)

9、一，不會讓人感覺很亂。(4)頁面設(shè)計(jì)過于復(fù)雜。店鋪裝修切忌繁雜，不要把店鋪設(shè)計(jì)成門戶類網(wǎng)站。雖然把網(wǎng)店做成大網(wǎng)站看上去比較有氣勢，使人感覺店鋪很有實(shí)力，但卻影響了買家的使用，他要在這么繁雜的一個(gè)店鋪里找到自己想要的商品，不看得眼花才怪呢！所以說，不是所有可裝修的地方都要裝修或者必須裝修，個(gè)別地方不裝修效果反而更好。總之一句話,要讓買家進(jìn)你的店鋪以后能夠較便利地找到自己所要購買的商品，能夠快捷地看清商品的詳情。2.2 網(wǎng)店裝修的一般流程網(wǎng)店的裝修步驟有哪些？在店鋪正式開業(yè)之后，和傳統(tǒng)店鋪一樣，為了能正常營業(yè)、吸引顧客，需要對店鋪進(jìn)行相應(yīng)的裝修，主要包括取一個(gè)好店名、確定裝修風(fēng)格、注重修飾細(xì)節(jié)等。

10、本次店鋪裝修流程主要分成五大部分：(1)風(fēng)格定義：根據(jù)所售商品選擇相應(yīng)的店鋪風(fēng)格，為接下去的“裝修”工作定下大致方向。(2)店招設(shè)計(jì)：根據(jù)店鋪風(fēng)格與類目設(shè)計(jì)相應(yīng)的LOGO(3)各模塊設(shè)計(jì)：包括“收藏模塊”、“圖片輪播模塊”、“客服模塊”、“寶貝分類”、“熱賣寶貝”等等常用模塊的設(shè)計(jì)。(4)寶貝詳情頁面設(shè)計(jì)：根據(jù)店鋪整體風(fēng)格設(shè)計(jì)制作商品的詳細(xì)介紹頁面。(5)海報(bào)設(shè)計(jì)：包括報(bào)直通車、鉆展等官方活動(dòng)海報(bào)及店內(nèi)活動(dòng)海報(bào)。2.2.1 店名的重要性網(wǎng)店取名也是很有學(xué)問的。一個(gè)有特色的店名不僅能使買家記住你，還能使買家對你的店鋪產(chǎn)生好感，促成交易并成為你的忠實(shí)客戶網(wǎng)店店名會在一定程度上影響網(wǎng)店的訪問量。淘寶

11、網(wǎng)目前有搜索店鋪、搜索寶貝功能，所以說店名以易記為取名原則，我的店鋪名字取名為“韓衣坊”，簡潔而又容易記住，以便讓買家在搜索時(shí)盡快找到。2.2.2 店鋪裝修的風(fēng)格眾所周知，開店，門面很重要，開網(wǎng)店，門面同樣很重要，只不過這個(gè)門面如今變成了網(wǎng)店的頁面。經(jīng)過美化后的頁面對商品銷售同樣有一定輔助作用，不僅能讓買家注意到你的產(chǎn)品、增加“逛店”的樂趣、提高點(diǎn)擊率，還可以極大提升購買機(jī)會。就網(wǎng)店的風(fēng)格設(shè)計(jì)而言，它是匯聚了頁面視覺元素的統(tǒng)一的外觀，用于傳遞企業(yè)文化信息。好的網(wǎng)店風(fēng)格設(shè)計(jì)不僅能幫助瀏覽者記住網(wǎng)店，也能幫助網(wǎng)店樹立別具一格的形象。網(wǎng)店設(shè)計(jì)風(fēng)格要與主營產(chǎn)品相符。針對不同的消費(fèi)群體有不同的主題模板。

12、店鋪裝修首先要確定店鋪的整體風(fēng)格，根據(jù)產(chǎn)品對買家的定位，走什么樣的路線就要設(shè)定什么樣的裝修風(fēng)格，否則就會顯得不倫不類。在設(shè)計(jì)的時(shí)候，首頁和詳情頁也要保持相同的風(fēng)格，這樣才會統(tǒng)一不失格調(diào)。我采用的是首頁輪播廣告業(yè)的設(shè)計(jì)，綠黑粉紅為主色調(diào)，也符合我的本身的品味喜歡簡約的東西，構(gòu)上也是以簡單為主，使顧客用起來方便快捷。我制作的淘寶店鋪叫做“雪夕韓衣坊”，主營類目為“女裝”，主營商品為“外套”“連衣裙”“短袖衫”。整個(gè)風(fēng)格以甜美為主，以休閑為輔，大氣簡約而不失格調(diào)。目標(biāo)人群為在讀學(xué)生和時(shí)尚女性。如圖2-1所示，本套女裝類店鋪采用插畫、時(shí)尚可愛、簡約大方的風(fēng)格。釉口NEWSTYLE第三章網(wǎng)店裝修詳細(xì)介紹

13、3.1 店標(biāo)的設(shè)計(jì)與分析店標(biāo)是顧客在打開你的淘寶網(wǎng)店的時(shí)候最先看到的內(nèi)容，也是最醒目的一個(gè)地方了。對于網(wǎng)店來說，店標(biāo)絕對是超級重要的，它可以代表網(wǎng)店的整體形象，是可以給客戶留下很好的印象的，并且很好的穩(wěn)定客戶的流量。一個(gè)好的店標(biāo)完全可以讓每一個(gè)顧客理解到淘寶網(wǎng)店的店主有多么用心，這樣的話顧客就會對這個(gè)網(wǎng)店留下最好的印象，可以大大的提高交易的可能性。如圖3-1所示，本套店鋪店標(biāo)，采用紅色的墨水滴為背景,中間是顏色為白色“雪夕”二字，注入水墨的中國元素，突出中國風(fēng)，莊重，清雅，神秘，古樸。圖3-1店標(biāo)3.2 店招的設(shè)計(jì)與分析淘寶店招，是淘寶店鋪的給人的第一印象，好的店招不僅能吸引用戶的眼球，帶來訂

14、單,同時(shí)起到品牌宣傳的作用。所謂的店招就是店鋪的招牌，而對于淘寶店招就是淘寶店鋪?zhàn)钌戏降哪菈K長條形的區(qū)域，標(biāo)準(zhǔn)尺寸是950x150pxo如圖3-2所示，店鋪名字是“雪夕韓衣坊”，采用粉色做背景，粉色代表著可愛甜美，溫柔和純真。純純的粉色系像女孩的美夢一樣。左邊和右邊有桃花做點(diǎn)綴，象征著好運(yùn)的到來，中間采用文字闡述“雪夕韓衣坊衣服”一系列的特征。中英文結(jié)合，符合現(xiàn)在當(dāng)代年輕人崇尚簡潔、時(shí)髦的態(tài)度。太，A韓衣坊副以普舄j3S5*3此工理用anshoprmM制。1Mllt眥八一一1111笛冊即H/THSTNFfflirV.tf'工圖3-2店招3.3 導(dǎo)航的設(shè)計(jì)與分析準(zhǔn)確的導(dǎo)航文字描述。買家在

15、點(diǎn)擊導(dǎo)航鏈接前對他們所找的東西有一個(gè)大概的了解，超鏈接上的文字必須能準(zhǔn)確描述超鏈接所到達(dá)的頁面內(nèi)容。導(dǎo)航通過對產(chǎn)品的分門別類和相關(guān)鏈接，使買家方便地訪問到需要的內(nèi)容，使我們在瀏覽時(shí)可以快速的從一個(gè)頁面轉(zhuǎn)到另一個(gè)頁面。本設(shè)計(jì)導(dǎo)航效果如圖3-3所示，本店鋪導(dǎo)航設(shè)計(jì)，采用字體黑體，字號36號，整齊的進(jìn)行布置，超鏈接顏色與單純敘述文字的顏色呈現(xiàn)。導(dǎo)航內(nèi)容十分清晰。導(dǎo)航的目錄或主題種類也十分明了，讓信息更為直白有效的讓瀏覽者所接受。不會讓瀏覽者困惑，而且如果有需要突出主要頁面的區(qū)域，都用花瓣標(biāo)識出來，比如“新品上市，本周熱賣”這與一般頁面在視覺上有所區(qū)別。首頁|趣品上市|掌柜推薦|本周熱賣二,圖3-3導(dǎo)

16、航3.4 首頁的設(shè)計(jì)與分析如圖3-4所示，這是本套設(shè)計(jì)的首頁作品。因?yàn)槭醉撨^長無法全部得到展示，所以剪切一部分來展示。首頁設(shè)計(jì)簡潔，采用圖片順序排版的文字相結(jié)合的方式，采用photoshop軟件新建一個(gè)1920*5058px、分辨率72、RGB奠式的空白頁，然后進(jìn)行排版。本張首頁第一屏是海報(bào)，第二屏是優(yōu)惠券和聯(lián)系客服欄目以及三張商品圖片的排列，第三屏是采用的是6張圖片一排簡潔編排的方式，符合現(xiàn)在當(dāng)代年輕人的風(fēng)格。做首頁的時(shí)候要建立詳細(xì)的參考線，保證圖片和文字對齊給人以整潔的感覺。本設(shè)計(jì)采用中文和英文的結(jié)合，符合現(xiàn)代年輕人的生活水平和對生活高質(zhì)量地追求。在首頁頁面設(shè)計(jì)中，運(yùn)用對稱的原則，務(wù)求去達(dá)

17、到符合受眾視覺平衡感的同時(shí)，也要注意到避免由于過分絕對的對稱而產(chǎn)生單調(diào)，呆板，沉悶的感覺。首頁效果圖3-4,在整體不對稱的格局中加入一些不對稱的因素，反而能增加構(gòu)圖的生動(dòng)性和美感。3.5 首頁海報(bào)的設(shè)計(jì)與分析如圖3-5所示，是本套設(shè)計(jì)的首頁海報(bào)，采用淡綠色的植物和建筑物做為背景，在廣告頁的設(shè)計(jì)上主要以綠色，黑色，粉色為主色調(diào)。綠色是植物的顏色，嫩綠色代表新的生命，代表勃勃生機(jī)的狀態(tài)。黑色是神秘，粉色是可愛甜美。本店鋪風(fēng)格以簡單大方為基調(diào)，這樣簡單的色調(diào)適合各個(gè)年齡女孩的喜好。打開圖片用photoshop調(diào)高了亮度和調(diào)深進(jìn)行處理，調(diào)深對比度，調(diào)高亮度，使模特看起來更好看。淺藍(lán)色的碎花連衣裙搭配氣

18、質(zhì)模特，突出了連衣長裙的質(zhì)感，中間偏左通過添加醒目文字來突出新品活動(dòng)，使活動(dòng)詳情達(dá)到引人注目的效果。圖3-5海報(bào)3.6 網(wǎng)店寶貝的詳情頁設(shè)計(jì)與分析詳情頁面是賣家為了促進(jìn)買家的購買，讓買家能了解寶貝的詳情避免并不必要的售后服務(wù)，也是推廣自己店鋪的一個(gè)重要頁面，只有好的寶貝詳情買家才會有更多的興趣在您的店鋪看，看的越久那購買的希望越大，還能促進(jìn)其他寶貝等等。一款好的寶貝詳情頁能夠起到引人入勝的作用，促進(jìn)買家下訂單。寶貝詳情頁設(shè)計(jì)的好看與否，直接決定了買家能否進(jìn)一步閱讀，而簡練且清晰的描述產(chǎn)品參數(shù)和細(xì)節(jié)，更能促進(jìn)消費(fèi)者的購買欲，從而增加轉(zhuǎn)換率。然而寶貝的前三屏決定買家是否購買商品，如圖3-6和圖3-

19、7所示，是本店鋪某一款連衣裙詳情頁的設(shè)計(jì)，因?yàn)樵斍轫撨^長無法全部得到展示，所以剪切一部分來展示。詳情頁采用產(chǎn)品大圖，引發(fā)買家的興趣。詳情頁的細(xì)節(jié)圖，圖片與文字相結(jié)合，材質(zhì)的詳細(xì)介紹，讓買家更加直觀的了解為什么要購買你的產(chǎn)品，讓買家產(chǎn)生購買欲。圖3-6詳情頁第四章結(jié)論和自我突破今天我能夠設(shè)計(jì)出這個(gè)淘寶店鋪的裝修設(shè)計(jì)，離不開我的自己的努力學(xué)習(xí)和老師的教導(dǎo)以及實(shí)習(xí)的經(jīng)驗(yàn)積累。以上論文是關(guān)于在目前電子商務(wù)快速的發(fā)展中，如何在從中的經(jīng)營和建設(shè)。通過這次的店鋪裝修設(shè)計(jì)，我了解了很多淘寶的相關(guān)知識，也認(rèn)識到了很多不足。自己開淘寶店也遇到很多事情，覺得任何事情都沒有想象的容易，做好一件事情需要不懈的努力。之前覺得只要利用自己的專業(yè)知識做好淘寶店鋪的裝修工作，但是真正開始了才發(fā)現(xiàn)自己在淘寶裝修方面有很多的不足，更加明白了不同的行業(yè)都有自己相關(guān)的專業(yè)知識。面對這樣的店鋪裝修設(shè)計(jì)，我想不僅僅是要擁photoshop熟練使用的能力更加需要電子商務(wù)方面營銷的知識。店鋪所需要的每一張圖都需要從顧客的角度，從商業(yè)的角度去看，把商品信息用圖片的方式展現(xiàn)出來。這次的論文給予了我不同的學(xué)習(xí)方法和體驗(yàn)，讓我深切的認(rèn)識到實(shí)踐的重要性。在以后的