網(wǎng)店美工學(xué)習(xí)

課程目錄

1.Photshop(淘寶必用工具介紹)

1.軟件界面介紹

2.存儲(chǔ)文件及文件格式說明2.photoshopCS3神奇作用1.photoshopCS3的功能介紹2.photoshopCS3的常用工具介紹3.圖片處理基本功能3.圖片的裁剪4.圖片的縮放5.圖片的旋轉(zhuǎn)4.圖片處理的高級(jí)技巧1.各種色彩自由調(diào)節(jié)2.曝光效果的處理3.清晰照片由你打造5.摳圖工具的簡單使用1.利用魔術(shù)棒工具摳圖2.利用快速選擇工具摳圖3.利用磁性套索工具摳圖4.利用鋼筆工具摳圖5.利用抽出濾鏡摳圖

6.photoshopCS3在店鋪裝修中的其他應(yīng)用1.精心制作水印2.邊框自由添加3.多圖自由組合4.圖片分割任意切

7.photoshopCS3中的批處理

8.在photoshopCS3中制作簡單GIF動(dòng)畫

Dreamweaver軟件在淘寶裝修上的應(yīng)用1.HTML基本代碼1.HTML概述

2.HTML文檔的基本結(jié)構(gòu)3.HTML常見標(biāo)簽及其作用

淘寶店鋪裝修基本知識(shí)淘寶店鋪各版本特點(diǎn)介紹1.普通店鋪

1.普通店鋪的特點(diǎn)2.可供裝修區(qū)域2.旺鋪創(chuàng)業(yè)扶植版

1.旺鋪創(chuàng)業(yè)扶扶植版特點(diǎn)2.可供裝修的區(qū)域3.旺鋪拓展版

1.旺鋪拓展版的特點(diǎn)2.可供裝修區(qū)域4.旺鋪旗艦版5.尺寸規(guī)定

淘寶店鋪管理平臺(tái)賣家中心1.淘寶店鋪管理平臺(tái)的進(jìn)入方式

1.通過阿里旺旺快捷進(jìn)入淘寶店鋪管理平臺(tái)2.通過網(wǎng)頁登錄直接進(jìn)入淘寶店鋪管理平臺(tái)

2.賣家中心的組成介紹1.左側(cè)頁面2.中部頁面3.右側(cè)頁面3.店鋪管理1.查看我的店鋪2.店鋪裝修3.圖片空間4.寶貝分類管理5.店鋪基本設(shè)置

店鋪裝修（專業(yè)知識(shí)）

1.旺旺頭像

1.旺旺頭像的設(shè)計(jì)說明2.旺旺頭像制作的一般流程3.靜態(tài)旺旺頭像的制作4.動(dòng)態(tài)旺旺圖像的制作1.收集圖片素材2.圖片素材的處理3.旺旺頭像的制作4.旺旺頭像動(dòng)畫的制作2.旺旺頭像的使用淘寶店標(biāo)

1.店標(biāo)的設(shè)計(jì)說明2.店標(biāo)制作的一般流程3.靜態(tài)文字店標(biāo)的制作4.動(dòng)態(tài)圖文店標(biāo)的制作1.收集圖片素材2.圖片素材處理3.店標(biāo)的制作4.店標(biāo)的動(dòng)畫制作

6.店標(biāo)的使用

左側(cè)模塊

1.左側(cè)模塊的說明2.店鋪收藏

1.簡單店鋪收藏圖片制作2.動(dòng)態(tài)店鋪收藏圖片制作3.店鋪收藏代碼的獲取4.店鋪收藏的應(yīng)用3.聯(lián)系我們

1.背景圖片的制作2.背景圖片切片3.代碼生成

4.聯(lián)系我們的使用

4.店鋪公告模板

1.店鋪公告的背景圖設(shè)計(jì)

2.動(dòng)態(tài)店鋪公告模塊背景圖片切片3.動(dòng)態(tài)店鋪公告模塊的使用

5.左側(cè)商品促銷廣告1.廣告背景圖片設(shè)計(jì)2.廣告背景圖的切片3.促銷廣告的代碼制作4.促銷廣告的應(yīng)用

6.圖片輪播促銷廣告1.廣告圖片的制作2.圖片輪播廣告的使用

寶貝分類

1.寶貝分類的設(shè)計(jì)說明2.歡迎光臨圖片的制作1.素材收集2.圖片的制作3.動(dòng)畫處理

2.寶貝分類分類的制作1.素材收集2.圖片制作3.動(dòng)畫處理

3.寶貝子分類圖片的制作4.寶貝分類圖像的上傳5.寶貝分類圖片的應(yīng)用店招設(shè)計(jì)

1.店招的設(shè)計(jì)說明2.純文字店招的制作3.圖文結(jié)合店招的制作1.素材收集2.圖片處理

3.店招圖片的制作4.店招動(dòng)畫的制作4.店招的應(yīng)用5.在線店招制作

1.淘寶在線店招制作系統(tǒng)的進(jìn)入2.店招模塊的選擇3.在線店招制作

右側(cè)模塊

1.右側(cè)模塊的說明2.店鋪促銷公告模板

1.動(dòng)態(tài)店鋪促銷公告模板背景圖的制作2.動(dòng)態(tài)店鋪促銷公告模板背景圖的切片3.動(dòng)態(tài)店鋪促銷公告模板的代碼制作4.動(dòng)態(tài)店鋪促銷公告的使用3.商品促銷廣告1.廣告圖片的制作2.代碼制作

3.多圖廣告的使用4.動(dòng)態(tài)商品促銷模板

寶貝描述模板（重點(diǎn)）

1.寶貝描模板的設(shè)計(jì)說明2.窄版寶貝描述模板

1.窄版寶貝描述模板的設(shè)計(jì)與制作2.窄版寶貝描述模板的切片3.窄版寶貝描述模板的使用3.寬版寶貝描述模板1.素材收集

2.寬版寶貝描述模板的設(shè)計(jì)與制作3.寬版寶貝描述模板的切片4.寬版寶貝描述模板的使用

店鋪裝修的其他內(nèi)容

1.店鋪背景音樂1.店鋪背景音樂說明2.加載音樂背景代碼3.具體操作

2.Flash在店鋪裝修中的使用3.視頻在店鋪裝修中的使用

綜合店鋪裝修練習(xí)

用一到兩個(gè)實(shí)例來操作，學(xué)會(huì)店鋪整體風(fēng)格的搭配學(xué)會(huì)文字排版色彩的運(yùn)用

店鋪推廣簡介

1.淘寶直通車推廣2.淘寶客推廣

3.淘寶的各種活動(dòng)推廣4.自主推廣

擴(kuò)展閱讀：網(wǎng)店美工

網(wǎng)店美工

網(wǎng)店視覺營銷

1.1裝修店鋪引爆流量

網(wǎng)購有它的特殊性，在實(shí)體店，消費(fèi)者可以用五官去感知實(shí)物，他們可以看、嘗、摸、聞、聽等，而在網(wǎng)上買東西，我們的買家就只能通過眼睛去看賣家做的圖片和文字，或者去看我們拍的視頻，我們只能靠色彩、圖片和文字來傳達(dá)信息。讓店鋪更美觀吸引更多的眼球

裝丟店鋪的目的讓買家停留的更久

增加點(diǎn)擊率提升轉(zhuǎn)換率1.2日銷千里之視覺營銷

美觀創(chuàng)意傳達(dá)第一時(shí)間把產(chǎn)品信息傳達(dá)給買家

什么最重要

首頁設(shè)計(jì)和焦點(diǎn)圖設(shè)計(jì)風(fēng)格統(tǒng)一，色彩搭配應(yīng)季，重點(diǎn)突出，一個(gè)焦點(diǎn)突出一個(gè)重點(diǎn)，重點(diǎn)多了，就等于沒有重點(diǎn)。

淘寶首頁焦點(diǎn)圖最高每天點(diǎn)擊62萬次，最低每天點(diǎn)擊1.6萬次！影響素材的8大要素：色彩、版式布局、整體風(fēng)格、圖片、文字、主題、品牌、促銷。視覺營銷的定義：利用色彩、圖像、文字等造成的沖擊力，吸引潛在顧客的關(guān)注，由此增加產(chǎn)品和網(wǎng)站的吸引力，從而達(dá)到營銷制勝的效果。

視覺效果是作好營銷必不可少的營銷手段之一。1.3色彩黃金分割配色法

不論在平面設(shè)計(jì)、三維設(shè)計(jì)、還是網(wǎng)頁設(shè)計(jì)中，色彩永遠(yuǎn)都是最重要的一環(huán)。如：紅色、熱情權(quán)威自信粉色溫柔甜美浪漫

黑色高貴權(quán)威創(chuàng)意灰色誠懇考究沉穩(wěn)藍(lán)色希望理想獨(dú)立紫色優(yōu)雅浪漫高貴綠色清新活力安全

1.3.1色彩基本分類

自然界中的顏色分為非彩色和彩色兩大類，非彩色

指黑色、白色和各種深淺不一的灰色。

1.3.2色彩的屬性

色相改變圖片的顏色

飽和度改變圖片顏色的深淺彩色的三要素明度調(diào)整明度

對(duì)于非彩色，只有調(diào)整明度才會(huì)變化1.3.3色彩的搭配

調(diào)整透明度

先選定一種色彩

飽和度

色調(diào)、飽和度不變配出同一種色彩

調(diào)亮度同一種色彩同一種顏色，不同深度漸變，看起來有質(zhì)感

不同顏色的漸變，看起來不協(xié)調(diào)，沒有質(zhì)感，而且很刺眼

在調(diào)色中，亮度值將是我們的主角

第二種色彩，也是我們接下來要找的基于第一個(gè)主色調(diào)的對(duì)比選第二種色彩（0240）＋１４８

對(duì)比色的方法

（148240）１４８不要用亮度值在９２１４７之間作大面積背景色

亮度不變

同一色系

色相任意

在配色中，還要切記一些誤區(qū)：

ａ．不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)

ｂ．背景和前文的對(duì)比要盡量大，絕對(duì)不要用花紋繁復(fù)的圖案作背作背景，以便突出主要文字內(nèi)容。1.3.4如何把握好風(fēng)格統(tǒng)一的外觀，界面友好，易使用突出標(biāo)準(zhǔn)色彩

把握好風(fēng)格經(jīng)驗(yàn)將logo盡可能的放在頁面的最突出的位置相同類型的圖像采用相同效果。

根據(jù)自己的喜好

根據(jù)自己店鋪的主營項(xiàng)目選擇風(fēng)格從哪些方面選擇風(fēng)格從客戶的角度出發(fā)選擇風(fēng)格裝修風(fēng)格還應(yīng)該應(yīng)季

風(fēng)格設(shè)置的具體操作店鋪裝修的流程

1.4圖像全局把控店鋪裝修1.4.1首頁布局

在設(shè)計(jì)首頁的時(shí)候，一定要讓瀏覽者在第一屏就能將重要

的信息看完整，首頁要傳達(dá)的圖片信息也很重要，要讓買家第一眼就看出這家店鋪是買什么的，焦點(diǎn)圖一定要放在黃金分割的位置，引人注目！1.4.2自定義促銷區(qū)設(shè)計(jì)促銷區(qū)的設(shè)計(jì)要點(diǎn)：

a.促銷區(qū)是整個(gè)店鋪的窗口，傳達(dá)著我們店鋪的品牌形象、

促銷活動(dòng)等重要信息。b.促銷求不僅僅是促銷，而是體現(xiàn)店鋪的“不可替代”，

如何不可替代從六方面來考慮：服務(wù)、品質(zhì)、價(jià)格、特殊效果、品牌效應(yīng)、促銷活動(dòng)，消費(fèi)者永遠(yuǎn)不會(huì)單純的認(rèn)為價(jià)格越低越好，他關(guān)心的是他所買的寶貝是否值這個(gè)價(jià)格，你要讓他覺得這個(gè)寶貝是物超所值！

C.設(shè)計(jì)促銷區(qū)的時(shí)候一定要注意突出重點(diǎn)。思考：你的店鋪“不可替代”的是什么？你的店鋪針對(duì)的消費(fèi)人群是怎樣的？你的店鋪的潛在消費(fèi)者的需求是什么？1.4.3店招

店招的作用：明確品牌定位和產(chǎn)品的定位。

店招的共性：店招上的文字和背景對(duì)比色鮮明、店鋪名稱

都用粗體以及明確的傳達(dá)品牌和產(chǎn)品兩個(gè)信息。店招的主體風(fēng)格一定要和整個(gè)店鋪的風(fēng)格統(tǒng)一。1.4.4寶貝描述

視覺營銷的作用：引起潛在顧客關(guān)注（流量）、引起買家

興趣和購買欲望（有效流量）、傳達(dá)網(wǎng)站信息，塑造網(wǎng)站形象（忠實(shí)流量），成功在一個(gè)買家心中樹立起網(wǎng)站的形象，比實(shí)際成交一筆訂單所取得的收益更大。

認(rèn)識(shí)商品改變態(tài)度產(chǎn)生購買行為寶貝描述規(guī)則:

（1）寶貝整體圖片（2）細(xì)節(jié)圖片（3）產(chǎn)品介紹文字（4）售后服務(wù)（5）交易條款（6）聯(lián)系方式

淘寶網(wǎng)的特點(diǎn)：讓多位潛在消費(fèi)者同時(shí)接受一個(gè)產(chǎn)品信息。寶貝描述需要同銷售專員一樣從買家的需求出發(fā)。寶貝描述包含的基本信息：商品展示類、實(shí)力展示類、吸

引購買類、交易說明類、促銷說明類。圖片清晰

真實(shí)展示

圖片拍攝多角度拍攝遠(yuǎn)景景別中景近景特寫展示產(chǎn)品的整體性

展示產(chǎn)品的局部細(xì)節(jié)

寶貝描述展現(xiàn)品質(zhì)展現(xiàn)品牌

尺碼及售后說明

跳失率高放在上面關(guān)聯(lián)銷售轉(zhuǎn)換率高放在下面內(nèi)容最多不要超過兩屏

跳失率高或銷售量一般店鋪里熱銷的產(chǎn)品熱銷產(chǎn)品的寶貝頁面與該產(chǎn)品相關(guān)的產(chǎn)品將同類產(chǎn)品互相關(guān)聯(lián)分析心里需求不要在所有的寶貝描述頁放一樣的關(guān)聯(lián)銷售內(nèi)容把你的賣點(diǎn)喊出來讓我知道你的優(yōu)勢與我有關(guān)把你的品牌體現(xiàn)出來寫寶貝描述的文案制作寶貝描述模板制作寶貝描述的規(guī)范流程制作完整的效果圖切片

制作寶貝描述代碼寶貝上架1.5文學(xué)學(xué)會(huì)用圖片說話1.5.1自定義頁面

自定義頁面的特點(diǎn)：獨(dú)立頁面，有文字與圖像的組合連接。

自定義頁面的作用：把賣點(diǎn)喊出來（我的優(yōu)勢與你有關(guān)）

以及品牌的表現(xiàn)（充分展示店里店鋪的實(shí)力）。

1.5.2寶貝分類的

充分考慮產(chǎn)品屬性和受眾的瀏覽習(xí)慣新品和特價(jià)分類盡量靠前寶貝分類的基本原則分類不是越多越好清晰明了是基本要求不要出現(xiàn)無寶貝的分類

我們的分類一定要從實(shí)用性出來，為此我們要考慮：(1)為誰服務(wù)(2)人性化設(shè)置，讓買家無障礙瀏覽

(3)分類是否能讓買家快速找到(4)音樂是否有關(guān)閉提醒(5)客服是有有明顯標(biāo)示(6)購物路徑是否清晰1.6視覺與營銷視覺

營銷

手段目的視覺與營銷的關(guān)系盯著目的，從手段抓起

毛利額=銷售額*毛利率--費(fèi)用

交易筆數(shù)*客單價(jià)作用

客流量轉(zhuǎn)化率視覺營銷

視覺營銷與店鋪裝修為什么要裝修店視覺營銷配色技巧圖像的擺放文字的處理色彩的屬性掉配色技巧首頁布局焦點(diǎn)圖、促銷區(qū)店招寶貝描述自定義頁面分類輕輕松松做網(wǎng)拍

2.1輕輕松松玩轉(zhuǎn)網(wǎng)拍相機(jī)

相機(jī)的分類：輕巧型、準(zhǔn)專業(yè)型、專業(yè)級(jí)（單反）

網(wǎng)拍相機(jī)的四要素：合適的感光元件、強(qiáng)悍的手動(dòng)模式（M模式）、必備的熱靴插槽以及強(qiáng)勁的微距

勾魂式圖片處理技巧

網(wǎng)頁中的小文字，顯示效果最佳的是宋體、12號(hào)字

促銷廣告設(shè)計(jì)

4.1促銷廣告設(shè)計(jì)的標(biāo)準(zhǔn)

設(shè)計(jì)的好壞決定了點(diǎn)擊率的多少，直接影響廣告盈虧。4.2促銷廣告設(shè)計(jì)的方法第一主題主信息傳達(dá)的層次結(jié)構(gòu)題通過形式強(qiáng)化主題形式不可大于內(nèi)容

突多主題的組合表現(xiàn)出

同等級(jí)別的主題表達(dá)，形式感要保持一致。這樣讓閱讀者容易找到規(guī)律，把多條信息一次獲取不同等級(jí)別的多主題表達(dá)，要分清主次關(guān)系，把次要信息降到第二層級(jí)，避免平均分配造成的主要信息弱化。設(shè)計(jì)風(fēng)格要與目標(biāo)人群一致。

目標(biāo)人群的審美特征模特要與目標(biāo)人群特征吻合

也要和產(chǎn)品特點(diǎn)吻合。

色彩6:3:!的比例配置字體按讀音來選擇字體標(biāo)簽符合產(chǎn)品的特點(diǎn)

引導(dǎo)明確的按鈕和箭頭會(huì)對(duì)買家產(chǎn)生心理暗示氣氛氣氛的塑造依賴于細(xì)節(jié)對(duì)比和夸張吸引消費(fèi)者的注意取舍過多的干擾元素形式美觀任何的創(chuàng)意過程都是先做加法再做減法的過程；能否“舍”決定了能否“得”修圖突出重點(diǎn)

平衡畫面的平衡感取決于個(gè)元素的“視覺重量”構(gòu)圖勢能是對(duì)平衡有意識(shí)的破壞，以增加注意力。集群人們總是把位置靠得近的看成一體。

間隙空白空間是畫面語言的標(biāo)點(diǎn)符號(hào)。

4.3促銷廣告的實(shí)施步驟

三分設(shè)計(jì)，七分溝通。充分的溝通、充足的素材，是做好設(shè)計(jì)的前提。設(shè)計(jì)是營銷策略的外延，是其視覺表達(dá)形式。不理解策劃的意圖，做不出好的設(shè)計(jì)。要耐心地體驗(yàn)產(chǎn)品，讀懂策劃，不要上來就開始做，要想成熟了再開始。

策劃溝通設(shè)計(jì)促銷目標(biāo)產(chǎn)品體驗(yàn)形成文案產(chǎn)品策略策略溝通定義主題受眾分析素材準(zhǔn)備分解層次媒體分析草案討論構(gòu)圖、色調(diào)時(shí)段分析確定創(chuàng)意排版、字體參考文件細(xì)節(jié)、氣氛促銷廣告實(shí)施步驟

店鋪LOGO

左上角最顯著的位置網(wǎng)店的標(biāo)志會(huì)出現(xiàn)在哪里淘寶搜索列表頁、紛繁復(fù)雜的流量入店鋪的LOGO是網(wǎng)店最主要的視覺符號(hào)

細(xì)節(jié)設(shè)計(jì)

細(xì)節(jié)體現(xiàn)一個(gè)網(wǎng)店的品質(zhì)高低6.1旺旺頭像設(shè)計(jì)

旺旺頭像是細(xì)節(jié)營銷的一個(gè)展現(xiàn)點(diǎn)

旺旺頭像制作注意事項(xiàng)：（1）色彩不宜過多，盡量以輪廓線來表現(xiàn)。（2）細(xì)節(jié)在很小的顯示狀態(tài)時(shí)看不到，所以不要拘泥于小細(xì)節(jié)。

（3）為了更清晰可以用濾鏡做適當(dāng)銳化。（4）保存時(shí)選擇保存為網(wǎng)頁格式，用網(wǎng)

頁安全色，文件應(yīng)控制在200KB內(nèi)。

6.2GIF動(dòng)畫

GIF圖片以較少的顏色存儲(chǔ)單個(gè)光柵圖像據(jù)或多個(gè)光柵圖像數(shù)據(jù)。GIF圖片支持透明度、壓縮、交錯(cuò)和多圖像圖片（動(dòng)畫GIF）。GIF透明度不是alpha通道透明度，不能支持半透明效果。GIF壓縮是LZW壓縮，壓縮比大概為3：1.

GIF動(dòng)畫在網(wǎng)店設(shè)計(jì)中的應(yīng)用很廣泛，如店標(biāo)、店鋪收藏、廣告、價(jià)格標(biāo)簽等。

適當(dāng)?shù)膽?yīng)用會(huì)增加銷售氣氛，提升用戶體驗(yàn)，但切記泛濫，這樣會(huì)嚴(yán)重干擾客戶的注意力，每屏不出現(xiàn)兩個(gè)以上的動(dòng)畫，動(dòng)畫的面積不易過大，不然會(huì)讓整個(gè)畫面躁動(dòng)。

特別產(chǎn)品可以采取這種方法進(jìn)行產(chǎn)品細(xì)節(jié)描述，(GIF不適合做很大的圖)，GIF適合那些由簡單色塊組成的圖案。6.3旺旺表情制作

自繪的個(gè)性化表情可以給消費(fèi)者留下更深刻的印象和更好的溝通體驗(yàn)，旺旺表情如果做的有趣會(huì)被傳播，起到宣傳品牌的作用。

友情提示：本文中關(guān)于《網(wǎng)店美工學(xué)習(xí)》給出的范例僅供您參考拓展思維使用，網(wǎng)店美工學(xué)習(xí)：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時(shí)刪除。

《網(wǎng)店美工學(xué)習(xí)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://m.seogis.com/gongwen/683789.html

• 上一篇：運(yùn)行值班員
• 下一篇：淺談寶馬4S店售后服務(wù)