網(wǎng)店美工學習

課程目錄

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

1.軟件界面介紹

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

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

7.photoshopCS3中的批處理

8.在photoshopCS3中制作簡單GIF動畫

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

2.HTML文檔的基本結構3.HTML常見標簽及其作用

淘寶店鋪裝修基本知識淘寶店鋪各版本特點介紹1.普通店鋪

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

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

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

淘寶店鋪管理平臺賣家中心1.淘寶店鋪管理平臺的進入方式

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

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

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

1.旺旺頭像

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

1.店標的設計說明2.店標制作的一般流程3.靜態(tài)文字店標的制作4.動態(tài)圖文店標的制作1.收集圖片素材2.圖片素材處理3.店標的制作4.店標的動畫制作

6.店標的使用

左側模塊

1.左側模塊的說明2.店鋪收藏

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

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

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

4.店鋪公告模板

1.店鋪公告的背景圖設計

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

5.左側商品促銷廣告1.廣告背景圖片設計2.廣告背景圖的切片3.促銷廣告的代碼制作4.促銷廣告的應用

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

寶貝分類

1.寶貝分類的設計說明2.歡迎光臨圖片的制作1.素材收集2.圖片的制作3.動畫處理

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

3.寶貝子分類圖片的制作4.寶貝分類圖像的上傳5.寶貝分類圖片的應用店招設計

1.店招的設計說明2.純文字店招的制作3.圖文結合店招的制作1.素材收集2.圖片處理

3.店招圖片的制作4.店招動畫的制作4.店招的應用5.在線店招制作

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

右側模塊

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

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

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

寶貝描述模板（重點）

1.寶貝描模板的設計說明2.窄版寶貝描述模板

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

2.寬版寶貝描述模板的設計與制作3.寬版寶貝描述模板的切片4.寬版寶貝描述模板的使用

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

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

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

綜合店鋪裝修練習

用一到兩個實例來操作，學會店鋪整體風格的搭配學會文字排版色彩的運用

店鋪推廣簡介

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

3.淘寶的各種活動推廣4.自主推廣

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

網(wǎng)店美工

網(wǎng)店視覺營銷

1.1裝修店鋪引爆流量

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

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

增加點擊率提升轉換率1.2日銷千里之視覺營銷

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

什么最重要

首頁設計和焦點圖設計風格統(tǒng)一，色彩搭配應季，重點突出，一個焦點突出一個重點，重點多了，就等于沒有重點。

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

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

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

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

1.3.1色彩基本分類

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

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

1.3.2色彩的屬性

色相改變圖片的顏色

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

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

調(diào)整透明度

先選定一種色彩

飽和度

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

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

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

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

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

對比色的方法

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

亮度不變

同一色系

色相任意

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

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

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

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

根據(jù)自己的喜好

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

風格設置的具體操作店鋪裝修的流程

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

在設計首頁的時候，一定要讓瀏覽者在第一屏就能將重要

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

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

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

如何不可替代從六方面來考慮：服務、品質、價格、特殊效果、品牌效應、促銷活動，消費者永遠不會單純的認為價格越低越好，他關心的是他所買的寶貝是否值這個價格，你要讓他覺得這個寶貝是物超所值！

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

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

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

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

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

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

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

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

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

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

真實展示

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

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

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

尺碼及售后說明

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

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

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

自定義頁面的特點：獨立頁面，有文字與圖像的組合連接。

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

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

1.5.2寶貝分類的

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

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

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

營銷

手段目的視覺與營銷的關系盯著目的，從手段抓起

毛利額=銷售額*毛利率--費用

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

客流量轉化率視覺營銷

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

2.1輕輕松松玩轉網(wǎng)拍相機

相機的分類：輕巧型、準專業(yè)型、專業(yè)級（單反）

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

勾魂式圖片處理技巧

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

促銷廣告設計

4.1促銷廣告設計的標準

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

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

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

目標人群的審美特征模特要與目標人群特征吻合

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

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

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

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

間隙空白空間是畫面語言的標點符號。

4.3促銷廣告的實施步驟

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

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

店鋪LOGO

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

細節(jié)設計

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

旺旺頭像是細節(jié)營銷的一個展現(xiàn)點

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

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

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

6.2GIF動畫

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

GIF動畫在網(wǎng)店設計中的應用很廣泛，如店標、店鋪收藏、廣告、價格標簽等。

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

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

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

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

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

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

• 上一篇：運行值班員
• 下一篇：淺談寶馬4S店售后服務