電子商務(wù)多平臺(tái)運(yùn)營(yíng)與實(shí)踐-PPT4.2網(wǎng)店視覺(jué)設(shè)計(jì)的規(guī)范

1、4.2網(wǎng)店視覺(jué)設(shè)計(jì)的規(guī)范4.2網(wǎng)店視覺(jué)設(shè)計(jì)的規(guī)范Online visual design specifications網(wǎng)店視覺(jué)設(shè)計(jì)的規(guī)范對(duì)于網(wǎng)店而言，視覺(jué)設(shè)計(jì)是買(mǎi)家進(jìn)入網(wǎng)店最直接的品牌體驗(yàn)。商家需要考慮多平臺(tái)視覺(jué)體系的規(guī)范和統(tǒng)一，本小節(jié)將主要以標(biāo)準(zhǔn)色彩、和網(wǎng)店標(biāo)志為設(shè)計(jì)要素，講解視覺(jué)設(shè)計(jì)的基本規(guī)范和操作方法。制定色彩裝修網(wǎng)店首頁(yè)設(shè)計(jì)店標(biāo)010203目錄CONTENTS01OPTION02OPTION色相色相指的是色彩的特征，它是由不同的波長(zhǎng)所決定的。其中紅色、藍(lán)色、黃色是色彩中的原色，假設(shè)我們看到一件藍(lán)色的衣服，它的原理是光線照射在衣服上，只有藍(lán)色反射入人眼，而不是指衣服本身就是藍(lán)色。4.2.

2、1制定色彩飽和度飽和度指的是原色在色彩中的純凈程度，原色百分比越高，飽和度越高，色彩也就越鮮明，反之色彩是非常暗淡的。03OPTION明度明度指的是色彩的明暗和深淺程度，白色是明度最高的色彩，反之黑色是明度最低的色彩。4.2.1制定色彩制定色彩了解了以上基本的色彩屬性，網(wǎng)店的視覺(jué)設(shè)計(jì)需要先確定一個(gè)貫穿網(wǎng)店的主色調(diào)。主色指的是能夠彰顯和突出網(wǎng)店定位的色彩，而不是頁(yè)面面積占比最大的顏色。往往每種特定的行業(yè)都有匹配的色彩，所以選擇主色時(shí)，色彩所代表的象征意義對(duì)商品特色起到至關(guān)重要的影響。接下來(lái)將介紹幾個(gè)常用色彩所適應(yīng)的行業(yè)和商品。4.2.1制定色彩1）紅色紅色象征著熱情和活力，極具刺激性，非常適合女

3、裝、化妝品等。而在中國(guó)，紅色是非常喜氣的顏色，在節(jié)假日的促銷(xiāo)活動(dòng)中，運(yùn)用及其廣泛。2）藍(lán)色藍(lán)色象征著冷靜，容易給人安全感。適合銷(xiāo)售男裝、科技產(chǎn)品等。3）黑色黑色象征著成熟、穩(wěn)重，適合銷(xiāo)售高檔箱包。4.2.2設(shè)計(jì)店標(biāo)店標(biāo)是上至國(guó)際品牌，下至零售網(wǎng)點(diǎn)都需要具備的專(zhuān)屬標(biāo)志。它主要起到了識(shí)別和推廣的作用。設(shè)計(jì)店標(biāo)時(shí)需考慮三個(gè)基本原則：1）審美性店標(biāo)需要符合大眾的審美，準(zhǔn)確傳達(dá)商家想表達(dá)的寓意，避免不必要的歧義。2）識(shí)別性每個(gè)店標(biāo)需要和其他同類(lèi)網(wǎng)店有明顯的區(qū)別。具備創(chuàng)新性和獨(dú)特性的店標(biāo)更容易給買(mǎi)家留下深刻的印象。3）簡(jiǎn)潔性店標(biāo)是一種直接的表達(dá)語(yǔ)言，需要激發(fā)買(mǎi)家的瞬間效應(yīng)，所以店標(biāo)需要簡(jiǎn)潔、干練，避免不必

4、要的過(guò)度花俏。4.2.2設(shè)計(jì)店標(biāo)1.文字類(lèi)店標(biāo)（由文字、字母組成）該類(lèi)店標(biāo)最受?chē)?guó)內(nèi)外知名品牌的青睞，表達(dá)方式非常直截了當(dāng)又識(shí)別度高。通常分為三種形式：1）由漢子或英文單獨(dú)構(gòu)成的店標(biāo)2）中英文混合3）對(duì)文字或字母進(jìn)行變形處理4.2.2設(shè)計(jì)店標(biāo)2. 圖形類(lèi)店標(biāo)指的是圖形構(gòu)成的店標(biāo)，該店標(biāo)的特色是形象生動(dòng)，容易給買(mǎi)家留下深刻的記憶。但也因?yàn)闆](méi)有文字名稱(chēng)，所以在寓意的表現(xiàn)上面不如文字類(lèi)店標(biāo)明確。該類(lèi)店標(biāo)分為三種形式：1）使用具體的形象2）使用簡(jiǎn)化的象形圖形3）使用自我創(chuàng)造的抽象圖形4.2.2設(shè)計(jì)店標(biāo)3.組合類(lèi)店標(biāo)該類(lèi)店標(biāo)是應(yīng)用最廣的一種類(lèi)型，結(jié)合了文字和圖形的綜合型店標(biāo)。一般情況下，網(wǎng)店首頁(yè)的布局包括

5、五個(gè)區(qū)域，分別是形象引導(dǎo)區(qū)、櫥窗區(qū)+促銷(xiāo)區(qū)、促銷(xiāo)區(qū)、導(dǎo)航區(qū)及陳列區(qū)，當(dāng)然有的網(wǎng)店會(huì)根據(jù)對(duì)首頁(yè)區(qū)域進(jìn)行刪改。裝修網(wǎng)店首頁(yè)那么網(wǎng)店對(duì)logo的尺寸標(biāo)準(zhǔn)是什么呢？一般說(shuō)來(lái)，網(wǎng)店的logo尺寸沒(méi)有固定的要求。但是，由于網(wǎng)店的logo置于店招上，店招尺寸一般在1920px150px（寬*高，單位是像素）左右，因此，網(wǎng)店的logo尺寸應(yīng)該小于店招的尺寸。4.2.3裝修網(wǎng)店首頁(yè)1.櫥窗區(qū)+促銷(xiāo)區(qū)“形象引導(dǎo)區(qū)”的下面是“櫥窗區(qū)+促銷(xiāo)區(qū)”。它的地位相當(dāng)于實(shí)體店中的櫥窗，在“櫥窗區(qū)+促”區(qū)域內(nèi)放置的是網(wǎng)店的首焦廣告，利用打折等信息吸引顧客的注意力。根據(jù)網(wǎng)店實(shí)際需求，首焦廣告可以設(shè)置為多張圖片，采用輪番播放的形式，

6、首焦廣告尺寸為1920n（n建議不超過(guò)600）。2. 促銷(xiāo)區(qū)首頁(yè)促銷(xiāo)區(qū)羅列了網(wǎng)站的促銷(xiāo)信息和優(yōu)惠券，方便顧客的選擇。在歐莉瑾的促銷(xiāo)區(qū)列出了網(wǎng)站的優(yōu)惠券，這些優(yōu)惠券在網(wǎng)店的形象引導(dǎo)區(qū)也有，這里出現(xiàn)優(yōu)惠券可以方便顧客領(lǐng)取，避免顧客再回到網(wǎng)店的頂部。4.2.3裝修網(wǎng)店首頁(yè)網(wǎng)店首頁(yè)促銷(xiāo)區(qū)4.2.3裝修網(wǎng)店首頁(yè)在導(dǎo)航區(qū)，商品將被分類(lèi)列出，方便顧客的檢索。在網(wǎng)站形象引導(dǎo)區(qū)也有導(dǎo)航，導(dǎo)航出現(xiàn)在這里也是為了避免顧客再回到頂端。此外，這里為導(dǎo)航加上對(duì)應(yīng)的圖片，對(duì)顧客來(lái)說(shuō)更為形象。如圖所示。 3.導(dǎo)航區(qū)4.2.3裝修網(wǎng)店首頁(yè)最后是商品的陳列區(qū)。網(wǎng)店的陳列區(qū)以商品主圖的形式列出商品，配上商品的價(jià)格，顧客可以在瀏覽中

7、選擇自己喜歡的商品。 4.陳列區(qū)4.2.3裝修網(wǎng)店首頁(yè)一般情況下，陳列區(qū)的商品均是以上下左右對(duì)齊的方式陳列，簡(jiǎn)潔明了。有時(shí)有些網(wǎng)站為了凸顯個(gè)性化，也會(huì)采用一些獨(dú)特的設(shè)計(jì)方式。例如在EP網(wǎng)店的陳列區(qū)，商品的陳列采用了錯(cuò)落的形式，相對(duì)于上下左右對(duì)齊的陳列方式，這種方式使網(wǎng)站更具有設(shè)計(jì)感，凸顯商品的品質(zhì)。4.1.1視覺(jué)營(yíng)銷(xiāo)的含義商品陳列區(qū)中展示的商品采用的是商品的主圖（主圖指的是買(mǎi)家在淘寶主搜列表中看到的商品圖片），商品主圖的尺寸有三種。品尺寸并非硬性要求，要根據(jù)網(wǎng)站實(shí)際的需求進(jìn)行修改。由于主圖的效果能夠直接影響點(diǎn)擊的轉(zhuǎn)化率，因此，在主圖的設(shè)計(jì)上需要注意以下三點(diǎn)。01.突出主體主體圖通常情況下難以體現(xiàn)商品的過(guò)多細(xì)節(jié)，因此，主體圖要能夠體現(xiàn)商品的整體特點(diǎn)。在拍攝主圖時(shí)，要避免畫(huà)面的雜亂、陰暗，應(yīng)當(dāng)使商品的主體突出。4.2.3裝修網(wǎng)店首頁(yè)剪裁規(guī)范在主圖的剪裁上要能把握?qǐng)D片的比例，避免因?yàn)榧舨檬箞D