網(wǎng)店裝修（第2版）PPT完整全套教學(xué)課件

在網(wǎng)絡(luò)購(gòu)物時(shí)，店鋪裝修給顧客的第一印象，就決定了對(duì)店鋪的直觀感受。小清新？中國(guó)風(fēng)？抑或是現(xiàn)代簡(jiǎn)約？質(zhì)量好不好？售后怎么樣？等等……，買(mǎi)家已對(duì)你有了基本判斷，雖然品牌、價(jià)格等因素也是定位的重要條件，但是排在首位的還是視覺(jué)印象。因此，店鋪的視覺(jué)定位幾乎就等于店鋪的定位。因新接手一銷(xiāo)售日用百貨的淘寶店鋪，設(shè)計(jì)部主管陳明發(fā)出一任務(wù)單（見(jiàn)表1-1），要求對(duì)YIMI伊米生活日用百貨店進(jìn)行店鋪裝修視覺(jué)規(guī)范。通過(guò)各個(gè)店鋪視覺(jué)頁(yè)面的設(shè)計(jì)，優(yōu)化店鋪視覺(jué)效果，提升網(wǎng)店整體形象。細(xì)文檔：

對(duì)YIMI伊米生活日用百貨店從店鋪裝修風(fēng)格、店鋪配色、字體規(guī)范等方面進(jìn)行店鋪裝修視覺(jué)規(guī)范。

具體要求：

1、根據(jù)自己店鋪主營(yíng)項(xiàng)目，從客戶(hù)的角度出發(fā)，設(shè)計(jì)店鋪主體風(fēng)格2、根據(jù)店鋪定位和產(chǎn)品確定店鋪主色調(diào)（店招、標(biāo)題欄、重要文字），根據(jù)主色調(diào)確定輔助色（按鈕、標(biāo)簽、重要文字），找出網(wǎng)店的突出色3、規(guī)范店鋪?zhàn)煮w：中文字體不超過(guò)2種，一種用于標(biāo)題，一種用于寶貝描述。數(shù)字字體一種、英文字體一種、特殊字體一種（只在特定活動(dòng)時(shí)用于渲染氣氛）任務(wù)指派人陳明發(fā)出日期9.1完成日期/時(shí)間9.16任務(wù)名稱(chēng)店鋪視覺(jué)規(guī)范任務(wù)要求有明確細(xì)文檔（見(jiàn)表1-1下方）列明要求其他：任務(wù)用途首頁(yè)

主題獨(dú)立頁(yè)

官方承接頁(yè)

主圖

直通車(chē)圖

鉆展圖

詳情基礎(chǔ)優(yōu)化

詳情深度優(yōu)化

官方引流圖

主題廣告圖

新品上新

常規(guī)活動(dòng)營(yíng)銷(xiāo)策劃主題活動(dòng)策劃

大型活動(dòng)策劃

商品運(yùn)營(yíng)策劃

其他：對(duì)YIMI伊米生活日用百貨店進(jìn)行店鋪裝修視覺(jué)規(guī)范自我檢查

確認(rèn)簽名

組長(zhǎng)檢查

確認(rèn)簽名

驗(yàn)收人按要求完成是

否確認(rèn)簽名

表1-1任務(wù)單1、知識(shí)目標(biāo)2、技能目標(biāo)了解網(wǎng)店視覺(jué)規(guī)范的基礎(chǔ)理論知識(shí)掌握店鋪風(fēng)格定位的方法掌握店鋪顏色搭配的方法能夠定位店鋪風(fēng)格能夠?yàn)榈赇伵渖?/p>

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

店鋪風(fēng)格定位

引入店鋪風(fēng)格定位任務(wù)一舉個(gè)例子，兩家化妝品的店鋪，對(duì)比一下，如圖1-1圖1-2

一、店鋪風(fēng)格定義店鋪風(fēng)格定位任務(wù)一1.店鋪風(fēng)格是指網(wǎng)店給訪(fǎng)客的直觀感受。2.店鋪風(fēng)格主要體現(xiàn)在網(wǎng)店主營(yíng)的商品類(lèi)型、網(wǎng)店的裝修風(fēng)格、網(wǎng)店商品的價(jià)位、網(wǎng)店促銷(xiāo)的方式、網(wǎng)店顧客的服務(wù)等方面。

店鋪風(fēng)格定位任務(wù)一二、店鋪風(fēng)格定位的原則3、色系不宜過(guò)多，3種以?xún)?nèi)。4、少用鮮艷色，盡量采用中間色。1、要有依據(jù)。2、色彩搭配有主次、有對(duì)比。

店鋪風(fēng)格定位任務(wù)一三、店鋪風(fēng)格定位的方法1、行業(yè)特性

根據(jù)行業(yè)特有的性質(zhì)來(lái)確定店鋪風(fēng)格，如：戶(hù)外運(yùn)動(dòng)

關(guān)鍵詞：動(dòng)感、大自然、健康、活力。

推薦色系：藍(lán)、綠、橙、紅

店鋪風(fēng)格定位任務(wù)一三、店鋪風(fēng)格定位的方法孕嬰用品

關(guān)鍵詞：溫馨、希望、潔凈、成長(zhǎng)

推薦色系：淺粉、淺玫瑰、淺綠、淺藍(lán)

店鋪風(fēng)格定位任務(wù)一三、店鋪風(fēng)格定位的方法2、商品特性

根據(jù)商品本身的特點(diǎn)，來(lái)確定店鋪風(fēng)格，主要可以從以下幾方面入手:1)價(jià)格水平

像鉆石、珠寶首飾此類(lèi)需要花費(fèi)上千甚至上萬(wàn)購(gòu)買(mǎi)的貴重商品，就可以從商品的檔次上來(lái)定位裝修風(fēng)格，要顯得精美、有檔次。

店鋪風(fēng)格定位任務(wù)一三、店鋪風(fēng)格定位的方法2)消費(fèi)群體

消費(fèi)群體可以從消費(fèi)者的性別、年齡、職業(yè)、文化水平、收入水平等方面找出消費(fèi)群體的特性和共性。

店鋪風(fēng)格定位任務(wù)一三、店鋪風(fēng)格定位的方法3)文化內(nèi)涵

根據(jù)寶貝不同的產(chǎn)品特性，可以在裝修時(shí)選擇具有不同文化內(nèi)涵的主題

店鋪風(fēng)格定位任務(wù)一三、店鋪風(fēng)格定位的方法3、時(shí)節(jié)特性

有時(shí)候還需要根據(jù)季節(jié)的不同，選擇不同的店鋪裝修風(fēng)格，

店鋪風(fēng)格定位任務(wù)一三、店鋪風(fēng)格定位的方法3、時(shí)節(jié)特性

不同的節(jié)日，更換不同的風(fēng)格，如圖1-9。

店鋪風(fēng)格定位任務(wù)一通過(guò)對(duì)任務(wù)的分析及店鋪風(fēng)格定位的學(xué)習(xí)，制定店鋪風(fēng)格定位計(jì)劃如下：店鋪主營(yíng)項(xiàng)目找出本店目標(biāo)消費(fèi)群體

定位店鋪風(fēng)格店鋪風(fēng)格定位任務(wù)一一、自己店鋪的主營(yíng)項(xiàng)目YIMI伊米生活日用百貨店主營(yíng)項(xiàng)目為水杯、毛巾、拖鞋等日用百貨商品二、找出本店目標(biāo)消費(fèi)群體本網(wǎng)店的主要消費(fèi)群體為18-49歲時(shí)尚女性，一般工作于企業(yè)事業(yè)單位，收入較高，工作穩(wěn)定，表現(xiàn)為生活節(jié)儉，精打細(xì)算，在購(gòu)物方面追求美觀與實(shí)用性，因此店鋪的裝修就要符合女性的審美習(xí)慣，要求重點(diǎn)突出功能、設(shè)計(jì)、性?xún)r(jià)比等。

三、定位店鋪主體風(fēng)格

店鋪風(fēng)格主要有時(shí)尚、簡(jiǎn)約、古典、非主流、酷炫、可愛(ài)、小清新、歐美、中國(guó)風(fēng)、奢華、手繪、甜美、商務(wù)。參考優(yōu)秀日用百貨網(wǎng)店的設(shè)計(jì)風(fēng)格，分析目標(biāo)群體的愛(ài)好特點(diǎn)，找出店鋪想要表達(dá)的概念，明確體驗(yàn)關(guān)鍵詞：簡(jiǎn)潔、時(shí)尚，可以獲得目標(biāo)消費(fèi)群體的信任和關(guān)注。店鋪風(fēng)格定位任務(wù)一方法一、參考同行業(yè)店鋪，找到喜歡的大概范圍。方法二、根據(jù)自己確定的風(fēng)格，到淘寶賣(mài)家服務(wù)市場(chǎng)，找到適合自己風(fēng)格店鋪模板，作為參考、比較或部分模仿，如圖1-11。店鋪風(fēng)格定位任務(wù)一任務(wù)名稱(chēng)店鋪裝修風(fēng)格定位任務(wù)要求五一勞動(dòng)節(jié)快到了，小熊電器店想重新裝修店鋪，以配合勞動(dòng)節(jié)大促，請(qǐng)你定位店鋪裝修風(fēng)格。制作規(guī)范無(wú)店鋪資料1、店鋪名稱(chēng)：小熊電器店2、產(chǎn)品服務(wù)與特色：創(chuàng)意廚房電器，系列產(chǎn)品包括酸奶機(jī)、煮蛋器、加濕器、營(yíng)養(yǎng)隔水燉、電熱飯盒、豆芽機(jī)、電蒸鍋、美容器具、母嬰用品等品類(lèi)。公司網(wǎng)址：3、消費(fèi)顧客:年輕消費(fèi)群體4、品牌形象：萌家電店鋪風(fēng)格找出該店鋪的目標(biāo)消費(fèi)群體。

明確目標(biāo)消費(fèi)群體的共同愛(ài)好。

結(jié)合勞動(dòng)節(jié)定位店鋪風(fēng)格。

記錄學(xué)習(xí)過(guò)程和任務(wù)實(shí)施中的重要知識(shí)點(diǎn)及所需要用到的應(yīng)用資源、以及那些老師指導(dǎo)任務(wù)時(shí)提出的要點(diǎn)知識(shí)要點(diǎn)/學(xué)習(xí)問(wèn)題知識(shí)點(diǎn)的具體解釋/學(xué)習(xí)應(yīng)用資源/老師指導(dǎo)任務(wù)要點(diǎn)1、

2、

3、

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

配色方案確定

引入網(wǎng)店整體配色，一定要給人統(tǒng)一和諧的感覺(jué)。不是越花哨就越好，花哨只能引起訪(fǎng)客的混亂。當(dāng)然統(tǒng)一的網(wǎng)店配色，并不是說(shuō)只能用一種顏色，而是指只有一種主色調(diào)，在此基礎(chǔ)上搭配一些其他顏色。配色方案確定任務(wù)二

配色方案確定任務(wù)二配色總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)、局部對(duì)比”。也就是說(shuō)，頁(yè)面的整體配色效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。下面介紹一些常用配色方法。想要配色和諧、舒服，先了解色彩的三個(gè)重要屬性，弄清色相，亮度和飽和度之間的聯(lián)系。

配色方案確定任務(wù)二一、色彩屬性色彩是人腦識(shí)別反射光的強(qiáng)弱和不同波長(zhǎng)所產(chǎn)生的差異的感覺(jué)，色彩具有色相、飽和度明度三種性質(zhì)，也就是HSB模式，HSB分別代表色相(H)、飽和度(S)、明度(B)。（見(jiàn)圖1-13）。

配色方案確定任務(wù)二1.色相(H)，即色彩可呈現(xiàn)出來(lái)的質(zhì)的與相貌，如紅、橙、黃、綠、青、藍(lán)、紫等。它是區(qū)分色彩的主要依據(jù),是色彩的最大特征。它在Photoshop中,可以單擊前景色打開(kāi)拾色器進(jìn)行相應(yīng)的選擇。

配色方案確定任務(wù)二2.飽和度(S)，即純度，是各色彩中包含的單種標(biāo)準(zhǔn)色成分的多少。飽和度用來(lái)表現(xiàn)色彩的鮮艷和深淺。飽和度是深色、淺色等色彩鮮艷度的判斷標(biāo)準(zhǔn)。飽和度最高的色彩就是原色，隨著飽和度的降低，色彩就會(huì)變的暗淡。飽和度高的色色感強(qiáng)，即色度強(qiáng)，所以飽和度亦是色彩感覺(jué)強(qiáng)弱的標(biāo)志。它在Photoshop中,可以單擊前景色打開(kāi)拾色器進(jìn)行相應(yīng)的選擇。

配色方案確定任務(wù)二3.明度(B)，又稱(chēng)為色彩的亮度，即色彩的明暗差別,也即深淺差別。比如，淡綠、草綠、翠綠、深綠、墨綠等綠顏色在明度上就不一樣，深紅、玫瑰紅、大紅、朱紅、桔紅等紅顏色在亮度上也不盡相同。這些顏色在明暗、深淺上的不同變化，也是色彩的又一重要特征一一明度變化。它在Photoshop中,可以單擊前景色打開(kāi)拾色器進(jìn)行相應(yīng)的選擇。

配色方案確定任務(wù)二4.色彩作為商品的最明顯的特征，是最容易引起消費(fèi)者的注意的。它的冷暖色調(diào)、明度飽和度、色彩對(duì)比等，會(huì)給人造成視覺(jué)沖擊的不同的效果。如高飽和度的橙色頁(yè)面代表的是個(gè)性鮮明，具有挑戰(zhàn)性、令人振奮、賞心悅目，配上光亮的白色，意味著清新、充滿(mǎn)活力與朝氣。

配色方案確定任務(wù)二二、色彩心理優(yōu)秀的顏色搭配可以延長(zhǎng)顧客在店鋪逗留的時(shí)間，顧客在店鋪瀏覽的時(shí)間越長(zhǎng)，下單的機(jī)會(huì)就越大。所以，選對(duì)顏色對(duì)店鋪裝修有著非常重要的作用。要選對(duì)顏色，必須了解不同顏色會(huì)給人帶來(lái)什么不一樣的感覺(jué)。暖色色調(diào)（如圖1-18）：包含紅、橙、黃以及這三種顏色的混合。讓人溫暖、愉悅、熱情、激動(dòng)的顏色。適合促銷(xiāo)、女性、兒童、家居、食品等主題。

配色方案確定任務(wù)二冷色色調(diào)（如圖1-18）：包含綠色、藍(lán)色和紫色。讓人清爽、穩(wěn)重、舒緩、冷靜的顏色。適合男性、戶(hù)外、電器、數(shù)碼、夏天、春天等主題。暗色色調(diào)（如圖1-19）：純色加黑得到暗色系。讓人成熟、高貴、尊貴、氣勢(shì)、高雅的顏色，體現(xiàn)能力感和高格調(diào)文化。適合男性、汽車(chē)、電器、數(shù)碼、商務(wù)、奢侈品等主題。

配色方案確定任務(wù)二明色色調(diào)（如圖1-20）：純色加白色得到。讓人時(shí)尚、活潑的顏色。適合時(shí)尚、運(yùn)動(dòng)、年輕等主題。淡色色調(diào)（如圖1-21）：明色加白色得到。讓人清新、溫柔的顏色，適合少女、幼兒主題。

配色方案確定任務(wù)二三、色彩搭配1、單一色彩配色

配色方案確定任務(wù)二三、色彩搭配2、兩種對(duì)比色彩配色

配色方案確定任務(wù)二如何才能找了對(duì)比最強(qiáng)烈的顏色呢？可用色相環(huán)輔助完成，色相環(huán)中（如圖1-15），180度對(duì)立的兩種色彩，對(duì)比是最強(qiáng)烈的，這個(gè)角度范圍內(nèi)，角度越大的兩種顏色，對(duì)比越強(qiáng)，反之就越弱。

配色方案確定任務(wù)二三、使用鄰近色彩配色確定好店鋪風(fēng)格后，根據(jù)色彩搭配方法，制定以下計(jì)劃：配色方案確定任務(wù)二選定主色調(diào)確定輔助色找出突出色制定配色方案配色方案確定任務(wù)二一、根據(jù)商品屬性與目標(biāo)受眾,確定店鋪主色調(diào)店招、標(biāo)題欄、重要文字）根據(jù)總體協(xié)調(diào)、局部對(duì)比的配色原則，在為網(wǎng)店配色時(shí)，首先應(yīng)確定網(wǎng)店的主色調(diào)。選用網(wǎng)店的主色調(diào)時(shí)，首先需要注意和自己的產(chǎn)品相結(jié)合，YIMI伊米生活用品店主要銷(xiāo)售日用百貨商品，店鋪風(fēng)格為：簡(jiǎn)潔、時(shí)尚；其次要了解我們產(chǎn)品的潛在目標(biāo)受眾，我們可以年齡維度來(lái)分析受眾，我們的目標(biāo)人群一般是年輕人，他們會(huì)更加喜歡淺色為主的配色方案，這樣的界面對(duì)他們而言更加直觀，也更加易于導(dǎo)航，所以我們可以考慮故可以選用一些藍(lán)色，綠色等顏色。二、根據(jù)主色確定輔色（按鈕、標(biāo)簽、重要文字）根據(jù)兩種鄰近色彩配色方法找出網(wǎng)店的輔色三、找出網(wǎng)店的突出色根據(jù)兩種對(duì)比色彩配色方法找出網(wǎng)店的突出色配色方案確定任務(wù)二方法一、根據(jù)色環(huán)確定配色方案（如圖1-24）配色方案確定任務(wù)二方法二、從成功網(wǎng)店借鑒配色方案任務(wù)名稱(chēng)店鋪設(shè)計(jì)配色方案確定任務(wù)要求國(guó)慶節(jié)快到了，“飛利浦”小家電電器店象重新裝修店鋪，以配合國(guó)慶節(jié)大促。請(qǐng)你根據(jù)店鋪資料的消費(fèi)群體與系列產(chǎn)品特征設(shè)計(jì)店鋪的配色方案。制作規(guī)范確定主色、輔色、突出色店鋪資料1、店鋪名稱(chēng)：飛利浦小家電器店2、產(chǎn)品服務(wù)與特色：實(shí)用小家電電器，系列產(chǎn)品包括吹風(fēng)機(jī)、剃須刀、掛燙機(jī)、電動(dòng)牙刷、空氣凈化器、電子美容儀、吸塵器等品類(lèi)。公司網(wǎng)址：/3、消費(fèi)群體:年輕群體4、品牌形象類(lèi)型：實(shí)用小家電配色方法1、找出該店鋪的目標(biāo)消費(fèi)群體。

2、明確目標(biāo)消費(fèi)群體的共同愛(ài)好。

3、結(jié)合國(guó)慶節(jié)定位店鋪配色方案。（1）確定主色

（2）確定輔助色

（3）確定突出色

記錄學(xué)習(xí)過(guò)程和任務(wù)實(shí)施中的重要知識(shí)點(diǎn)及所需要用到的應(yīng)用資源、以及那些老師指導(dǎo)任務(wù)時(shí)提出的要點(diǎn)知識(shí)要點(diǎn)/學(xué)習(xí)問(wèn)題知識(shí)點(diǎn)的具體解釋/學(xué)習(xí)應(yīng)用資源/老師指導(dǎo)任務(wù)要點(diǎn)1、

2、

3、

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

字體的規(guī)范

字體的規(guī)范任務(wù)三字體的規(guī)范一般店鋪中常用字體：中文字體不超過(guò)2種，一種用于標(biāo)題，一種用于寶貝描述。數(shù)字字體一種、英文字體一種、特殊字體一種（只在特定活動(dòng)時(shí)用于渲染氣氛）。同時(shí)，在選擇字體的時(shí)候，還要根據(jù)自己的產(chǎn)品和行業(yè)來(lái)定。

字體的規(guī)范任務(wù)三字體的規(guī)范在店鋪設(shè)計(jì)字體中，不是所以字體都可以免費(fèi)使用的。很多新手設(shè)計(jì)師可能會(huì)忽視字體版權(quán)問(wèn)題，以為所有字體就可以免費(fèi)應(yīng)用到設(shè)計(jì)圖上，雖然有些字體是免費(fèi)的，但用于商業(yè)宣傳還是有風(fēng)險(xiǎn)的，所以我們需盡量使用免費(fèi)的商用字體。免費(fèi)商用字體有（1）思源黑體、文泉驛系列字體、站酷高度端黑、站酷快樂(lè)體。（見(jiàn)圖1-32）。（2）方正有四款字體：方正黑體、方正書(shū)宋、方正仿宋、方正楷體可以免費(fèi)商用，但是需要書(shū)面授權(quán)，同時(shí)要注意微軟雅黑不是免費(fèi)字體。（3）文鼎四款字體：文道鼎細(xì)上海宋、文鼎中楷、文鼎簡(jiǎn)報(bào)宋、文鼎簡(jiǎn)中楷。其中思源真黑、思源柔黑、方正楷體等字體效果。

字體的規(guī)范任務(wù)三字體的規(guī)范一般店鋪中常用字體：中文字體不超過(guò)兩種，一種用于標(biāo)題，另一種用于寶貝描述；數(shù)字字體一種，英文字體一種，特殊字體一種（只在特定活動(dòng)時(shí)用于渲染氣氛）。同時(shí)，在選擇字體的時(shí)候，還要根據(jù)自己的受眾、媒介和行業(yè)來(lái)定。不同的行業(yè)，選用的字體也不一樣，如餐飲行業(yè)在字形選擇會(huì)選擇手工感強(qiáng)的字體，這樣可以增加食欲，運(yùn)動(dòng)行業(yè)產(chǎn)品字形會(huì)選擇動(dòng)感性或碰撞感的字體。

字體的規(guī)范任務(wù)三字體的規(guī)范一、適合男性產(chǎn)品使用的字體

字體的規(guī)范任務(wù)三字體的規(guī)范二、適合女性產(chǎn)品使用的字體

字體的規(guī)范任務(wù)三字體的規(guī)范三、適合中性產(chǎn)品使用的字體

字體的規(guī)范任務(wù)三字體的規(guī)范四、適合促銷(xiāo)類(lèi)產(chǎn)品使用的字體

字體的規(guī)范任務(wù)三字體的規(guī)范五、適合孩童產(chǎn)品、童趣產(chǎn)品使用的字體

字體的規(guī)范任務(wù)三字體的規(guī)范六、適合小清新、文藝、復(fù)古產(chǎn)品使用的字體

字體的規(guī)范任務(wù)三字體的規(guī)范七、適合高端昂貴產(chǎn)品奢侈品使用的字體

字體的規(guī)范任務(wù)三字體的規(guī)范八、適合中國(guó)傳統(tǒng)相關(guān)產(chǎn)品使用的字體

字體的規(guī)范任務(wù)三字體的規(guī)范九、自主設(shè)計(jì)字體

字體的規(guī)范任務(wù)三字體的規(guī)范九、自主設(shè)計(jì)字體

字體的規(guī)范任務(wù)三字體的規(guī)范九、自主設(shè)計(jì)字體通過(guò)對(duì)任務(wù)的分析，字體設(shè)計(jì)的計(jì)劃如下字體的規(guī)范任務(wù)三分析產(chǎn)品或消費(fèi)者的特性選擇相應(yīng)的字體字體的下載字體應(yīng)用ＹＩＭＩ伊米生活用品店主要銷(xiāo)售家居日用品，屬于消費(fèi)和使用人群男性和女性都有的中性產(chǎn)品。基于中性干凈、簡(jiǎn)潔、中性美、精致、平靜等特征，我們可以總結(jié)出中性化文字特征：性別屬性不強(qiáng)、并不需要很強(qiáng)烈的情感特征、偏中立、兼具男性字體和女性字體的特征，到字由/下載合適的免費(fèi)商用的字體。字體的規(guī)范任務(wù)三字體的規(guī)范任務(wù)三（1）字體下載網(wǎng)址有：PS家園網(wǎng)：/pssc/fontxz/字由網(wǎng)址：/字體的規(guī)范任務(wù)三（2）字體安裝任務(wù)名稱(chēng)店鋪設(shè)計(jì)字體任務(wù)要求新店開(kāi)張，需要為九陽(yáng)廚房小家電電器店設(shè)計(jì)店鋪的字體搭配。請(qǐng)你根據(jù)店鋪資料的消費(fèi)群體與系列產(chǎn)品特征選擇店鋪的字體搭配。字體規(guī)范字體確定店鋪資料1.店鋪名稱(chēng)：九陽(yáng)小家電電器店2、產(chǎn)品服務(wù)與特色：實(shí)用小家電電器，系列產(chǎn)品包括豆?jié){機(jī)、面條機(jī)、原汁機(jī)、電壓力煲、電磁爐、料理機(jī)、電燉鍋、開(kāi)水煲、電飯煲等品類(lèi)。公司網(wǎng)址：/3.消費(fèi)群體:中年群體4品牌形象類(lèi)型：廚房實(shí)用性小家電字體選定1.根據(jù)消費(fèi)群體確定合適字體

2.字由下載、安裝

3.設(shè)計(jì)字體確定記錄學(xué)習(xí)過(guò)程和任務(wù)實(shí)施中的重要知識(shí)點(diǎn)及所需要用到的應(yīng)用資源、以及那些老師指導(dǎo)任務(wù)時(shí)提出的要點(diǎn)知識(shí)要點(diǎn)/學(xué)習(xí)問(wèn)題知識(shí)點(diǎn)的具體解釋/學(xué)習(xí)應(yīng)用資源/老師指導(dǎo)任務(wù)要點(diǎn)1、

2、

3、一、店鋪風(fēng)格定位二、配色方案確定配色總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)、局部對(duì)比”。也就是說(shuō)，頁(yè)面的整體配色效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。三、字體規(guī)范在店鋪設(shè)計(jì)字體中，不是所以字體都可以免費(fèi)使用的。很多新手設(shè)計(jì)師可能會(huì)忽視字體版權(quán)問(wèn)題，以為所有字體就可以免費(fèi)應(yīng)用到設(shè)計(jì)圖上，雖然有些字體是免費(fèi)的，但用于商業(yè)宣傳還是有風(fēng)險(xiǎn)的，所以我們需盡量使用免費(fèi)的商用字體店鋪風(fēng)格主要體現(xiàn)在網(wǎng)店主營(yíng)的商品類(lèi)型、網(wǎng)店的裝修風(fēng)格、網(wǎng)店商品的價(jià)位、網(wǎng)店促銷(xiāo)的方式、網(wǎng)店顧客的服務(wù)等方面?？己巳蝿?wù)店鋪視覺(jué)規(guī)范實(shí)訓(xùn)一、考核目的了解店鋪視覺(jué)規(guī)范的方法及步驟，為“三年二班”文體店進(jìn)行店鋪視覺(jué)規(guī)范。二、考核準(zhǔn)備（1）組隊(duì)：以小組為單位，3-4人一組，并選出一名組長(zhǎng)，分配好組員的工作。（2）素材：“三年二班”文體店簡(jiǎn)介，見(jiàn)情境考核素材（電子資料）。三、考核任務(wù)根據(jù)店鋪的定位，結(jié)合目標(biāo)客戶(hù)、店鋪商品等，形成店鋪?zhàn)约旱囊曈X(jué)規(guī)范，如配色板、字體、標(biāo)簽等。四、任務(wù)步驟1．找出該店鋪的目標(biāo)消費(fèi)群體。2．明確目標(biāo)消費(fèi)群體的共同愛(ài)好。3．定位店鋪風(fēng)格。4．提取成功網(wǎng)店的配色方案。5．確定主色。6．選取輔色。7．找到突出色8．確定主要字體。五、任務(wù)實(shí)施1.找到該店鋪的目標(biāo)消費(fèi)群體2.定位店鋪風(fēng)格3.提取成功網(wǎng)店的配色方案。4.確定字體主色輔色突出色六、考核評(píng)價(jià)1、作品評(píng)價(jià)（50分）評(píng)價(jià)指標(biāo)分?jǐn)?shù)評(píng)價(jià)說(shuō)明自我評(píng)價(jià)小組評(píng)分教師評(píng)分店鋪風(fēng)格定位20分店鋪定位準(zhǔn)確，能讓目標(biāo)消費(fèi)群體產(chǎn)生信任感，吸引受眾眼球

色彩搭配15分色彩應(yīng)用符合店鋪風(fēng)格的視覺(jué)識(shí)別要求，有視覺(jué)沖擊力

字體選擇15分字體搭配合理，符合店鋪風(fēng)格的視覺(jué)要求

2、完成態(tài)度（20分）職業(yè)技能10分符合店鋪需求,能夠拓展相關(guān)知識(shí)，并通過(guò)多種的形式加以展示

工作心態(tài)10分抱有信心，努力做好工作，能完成工作

完成效率10分在規(guī)定時(shí)間內(nèi)按質(zhì)按量地完成分配的任務(wù)

3、團(tuán)隊(duì)合作（20分）溝通分析10分主動(dòng)提問(wèn)題，快捷有效的明確設(shè)計(jì)意圖和需求

團(tuán)隊(duì)配合10分快速的協(xié)助相關(guān)同學(xué)進(jìn)行工作

計(jì)分

總分（按自我評(píng)價(jià)20%，小組評(píng)價(jià)30%，教師評(píng)價(jià)50%計(jì)算）通過(guò)對(duì)本情境的學(xué)習(xí)，請(qǐng)你為自己的店鋪從店鋪風(fēng)格、配色方案、字體選擇等方面做店鋪視覺(jué)規(guī)范。

在網(wǎng)店裝修中，店鋪海報(bào)占據(jù)重要的位置，它可以讓商品信息更加一目了然，個(gè)性化展示店鋪，點(diǎn)擊后快速進(jìn)入主推單品，便于將主推商品展現(xiàn)給買(mǎi)家。很多商家都喜歡采用全屏輪播的方式，全屏輪播能整體上很大氣且容易突出店鋪風(fēng)格，視覺(jué)上讓人感覺(jué)很舒服。海報(bào)的設(shè)計(jì)講究號(hào)召力和感染力，文案簡(jiǎn)潔鮮明，引起買(mǎi)家共鳴。

表2-1任務(wù)單細(xì)文檔：

上新品，為茶花隨手杯（如圖3-1）制作一張網(wǎng)店首頁(yè)海報(bào)

具體要求：

設(shè)計(jì)要求主題突出、寓意深刻。表現(xiàn)要求簡(jiǎn)約大氣，設(shè)計(jì)感強(qiáng)、有吸引力。作品風(fēng)格要根據(jù)網(wǎng)店首頁(yè)背景顏色一致。設(shè)計(jì)規(guī)格均為950×450像素，jpg格式必須是彩色原稿，能以不同的

比例尺寸清晰顯示。

細(xì)文檔何意？上表中任務(wù)要求的細(xì)文檔，對(duì)完成任務(wù)的詳細(xì)要求任務(wù)指派人陳明發(fā)出日期10.8完成日期/時(shí)間10.20任務(wù)名稱(chēng)茶花隨手杯的網(wǎng)店首頁(yè)海報(bào)制作任務(wù)要求有明確細(xì)文檔（見(jiàn)表3-1下方）列明要求其他：任務(wù)用途首頁(yè)

主題獨(dú)立頁(yè)

官方承接頁(yè)

主圖

直通車(chē)圖

鉆展圖

詳情基礎(chǔ)優(yōu)化

詳情深度優(yōu)化

官方引流圖

主題廣告圖

新品上新

常規(guī)活動(dòng)營(yíng)銷(xiāo)策劃主題活動(dòng)策劃

大型活動(dòng)策劃

商品運(yùn)營(yíng)策劃

其他：自我檢查

確認(rèn)簽名

組長(zhǎng)檢查

確認(rèn)簽名

驗(yàn)收人按要求完成是

否確認(rèn)簽名

1、知識(shí)目標(biāo)2、技能目標(biāo)掌握網(wǎng)店海報(bào)的設(shè)計(jì)流程能夠獨(dú)立完成網(wǎng)店海報(bào)設(shè)計(jì)了解網(wǎng)店海報(bào)的基礎(chǔ)理論知識(shí)掌握海報(bào)的設(shè)計(jì)流程掌握店鋪海報(bào)的上傳方法

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

海報(bào)的常見(jiàn)尺寸

引入海報(bào)文案任務(wù)一這兩張海報(bào)圖，哪張海報(bào)文字內(nèi)容會(huì)吸引你？為什么？

海報(bào)的常見(jiàn)尺寸海報(bào)文案任務(wù)一1）首頁(yè)全屏海報(bào)（如圖2-2）寬：1440px/1680px/1920px(越大越兼容）高：300px～700px（僅建議）

海報(bào)文案任務(wù)一2）自定義頁(yè)面普通海報(bào)（如圖2-3）寬：C店950px（B店990px）高：400px～600px（僅建議）

海報(bào)文案任務(wù)一3）寶貝詳情頁(yè)中的海報(bào)（如圖2-4）寬：C店750px(B店790px）高：200px～400px（僅建議）

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

海報(bào)的主題

海報(bào)的主題海報(bào)文案任務(wù)一1）店鋪宣傳

店鋪宣傳海報(bào)是以宣傳店鋪品牌為主的海報(bào)設(shè)計(jì)，旨在提升店鋪形象、優(yōu)化店鋪結(jié)構(gòu)等。

海報(bào)文案任務(wù)一2）商品宣傳

商品宣傳海報(bào)指的是以某件或多件商品為主的海報(bào)設(shè)計(jì)，又可分為新品型海報(bào)、熱賣(mài)型海報(bào)、促銷(xiāo)型海報(bào)。

海報(bào)文案任務(wù)一3）品牌宣傳

品牌宣傳海報(bào)旨在宣傳品牌，提升品牌形象。

海報(bào)文案任務(wù)一4）會(huì)員宣傳

會(huì)員宣傳主要有會(huì)員換購(gòu)、會(huì)員日等。

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

海報(bào)的文案

海報(bào)的文案海報(bào)文案任務(wù)一文案的設(shè)計(jì)過(guò)程一般要經(jīng)過(guò)4個(gè)層級(jí)：1、戰(zhàn)略層：2、感受層：3、內(nèi)容層：4、表達(dá)層：

海報(bào)文案任務(wù)一海報(bào)中的文案可分1、主標(biāo)題：2、副標(biāo)題：3、正文：確定海報(bào)主題撰寫(xiě)海報(bào)主標(biāo)題撰寫(xiě)海報(bào)副標(biāo)題撰寫(xiě)海報(bào)正文通過(guò)對(duì)任務(wù)的分析及海報(bào)設(shè)計(jì)的學(xué)習(xí)，制定海報(bào)文案撰寫(xiě)計(jì)劃如下：海報(bào)文案任務(wù)一一、確定海報(bào)主題此次海報(bào)的任務(wù)是為新店鋪開(kāi)張的茶花隨手杯設(shè)計(jì)一幅海報(bào)，根據(jù)海報(bào)主題的分類(lèi)，我們可以選擇新品上市主題。二、撰寫(xiě)海報(bào)文案根據(jù)文案設(shè)計(jì)過(guò)程的4個(gè)層級(jí)分析得出：1、戰(zhàn)略層：新店開(kāi)張，推出新品，讓消費(fèi)者記住我們這一店鋪2、感受層：針對(duì)這款水杯，挖掘消費(fèi)者的痛點(diǎn)：外出水杯放旅游包中有漏水，塑料材質(zhì)的食品安全衛(wèi)生問(wèn)題3、內(nèi)容層：隨手杯的密封圈設(shè)計(jì)，安全無(wú)側(cè)漏，玻璃材質(zhì)安全無(wú)毒4、表達(dá)層：倒立不漏從而確定了海報(bào)文案的主標(biāo)題：倒立不漏副標(biāo)題：無(wú)鉛玻璃，硅膠防燙海報(bào)文案任務(wù)一1、新建圖像海報(bào)文案任務(wù)一海報(bào)文案任務(wù)一2、輸入海報(bào)文案3、保存圖像記錄學(xué)習(xí)過(guò)程和任務(wù)實(shí)施中的重要知識(shí)點(diǎn)及所需要用到的應(yīng)用資源、以及那些老師指導(dǎo)任務(wù)時(shí)提出的要點(diǎn)知識(shí)要點(diǎn)/學(xué)習(xí)問(wèn)題知識(shí)點(diǎn)的具體解釋/學(xué)習(xí)應(yīng)用資源/老師指導(dǎo)任務(wù)要點(diǎn)1、

2、

3、

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

素材選擇

海報(bào)設(shè)計(jì)任務(wù)二素材選擇1、需求溝通。2、確定產(chǎn)品特點(diǎn)。

例如海報(bào)中的護(hù)膚乳，主要的特點(diǎn)就是有一定花香的元素，還有就是一個(gè)清新淡雅的元素，如圖2-12所示。

3、確定風(fēng)格。（1）簡(jiǎn)約風(fēng)格。

就是簡(jiǎn)單而有品位，以簡(jiǎn)潔的表現(xiàn)形式滿(mǎn)足人們對(duì)畫(huà)面感性的、本能的需求。主要以白、黑的純色為主，一般用到生活用品類(lèi)和高端品牌。海報(bào)設(shè)計(jì)任務(wù)二

（2）可愛(ài)風(fēng)格。

是以卡通、可愛(ài)的元素構(gòu)建的風(fēng)格。會(huì)用到鮮艷的顏色，主要用在母嬰或者是食品類(lèi)。海報(bào)設(shè)計(jì)任務(wù)二

（3）清新風(fēng)格。

是一種以清新唯美、隨意創(chuàng)作風(fēng)格見(jiàn)長(zhǎng)，深受女孩喜愛(ài)，是秉承淡雅、自然、樸實(shí)、超脫、靜謐的特點(diǎn)而存在著的。主要以淺色系為主。海報(bào)設(shè)計(jì)任務(wù)二

（4）科技風(fēng)格。

是具有科幻效果的風(fēng)格體現(xiàn)。這種風(fēng)格偏多男性喜歡。科技風(fēng)格主要是以藍(lán)色、黑色為主色調(diào)的居多。而元素的使用更是多樣，會(huì)利用比較尖銳的幾何圖形、線(xiàn)條和光線(xiàn)的應(yīng)用。主要應(yīng)用在運(yùn)動(dòng)類(lèi)或者是電器類(lèi)。海報(bào)設(shè)計(jì)任務(wù)二

4、主體圖的選擇。（1）清晰。

更高清的主體圖更加精致，有品質(zhì)感，會(huì)讓用戶(hù)感受到更多的細(xì)節(jié)，也能激發(fā)用戶(hù)的購(gòu)買(mǎi)沖動(dòng)。海報(bào)設(shè)計(jì)任務(wù)二

（2）飽滿(mǎn)。

飽滿(mǎn)是指在有限的版面空間中，主體一定要占據(jù)最大的視覺(jué)比例，讓用戶(hù)感受到主體的重要性。可以采取放大主體，或者多角度展示的方式，來(lái)看主體圖顯得更飽滿(mǎn)。

海報(bào)設(shè)計(jì)任務(wù)二

（3）立體感、重量感。具有立體感、重量感的東西比較具有品質(zhì)感。如果畫(huà)面上的商品圖只能有一個(gè)角度展示，那就盡量選擇30-45度左右的側(cè)面海報(bào)設(shè)計(jì)任務(wù)二

5、背景的選擇。

（1）拍攝圖。商品與場(chǎng)景搭配拍攝，直接用作背景使用。免去了不知用哪個(gè)背景挑選的困擾。海報(bào)設(shè)計(jì)任務(wù)二

（2）自制背景。將商品/模特?fù)溉〕鰜?lái)，根據(jù)商品/模特的顏色和需求中要求的風(fēng)格來(lái)選擇背景。海報(bào)設(shè)計(jì)任務(wù)二

海報(bào)設(shè)計(jì)任務(wù)二舉例說(shuō)明，中秋主題的海報(bào)

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

海報(bào)的構(gòu)圖

海報(bào)設(shè)計(jì)任務(wù)二海報(bào)的構(gòu)圖（一）左右構(gòu)圖。

左右構(gòu)圖是指把產(chǎn)品和主題文案左右擺放。整張海報(bào)第一眼看到的是產(chǎn)品，第二眼看到的是主文案，其次才是渲染環(huán)境的元素。

（二）上下構(gòu)圖。上下構(gòu)圖是指把產(chǎn)品和主題文案上下擺放。

海報(bào)設(shè)計(jì)任務(wù)二

（三）居中構(gòu)圖。居中構(gòu)圖是指把主題文案放在中間位置，產(chǎn)品放在兩邊。海報(bào)設(shè)計(jì)任務(wù)二

（四）幾何形構(gòu)圖。

（1）圓形構(gòu)圖法

圓形構(gòu)圖法是商品、模特、文案構(gòu)成相對(duì)完整的橢圓形，文字及圖形更加內(nèi)向集中，這種構(gòu)圖畫(huà)面更加完整，有一種自然、放松、熱鬧、趣味、韻律感的效果。海報(bào)設(shè)計(jì)任務(wù)二

（四）幾何形構(gòu)圖。

（2）三角形構(gòu)圖法三角形構(gòu)圖是指商品、模特、文案構(gòu)成相對(duì)完整的三角形的外向?qū)R的構(gòu)圖，具有平穩(wěn)、莊重、力量感，傾斜的三角圖視覺(jué)上更活潑、動(dòng)感。

海報(bào)設(shè)計(jì)任務(wù)二

（四）幾何形構(gòu)圖。

（3）菱形構(gòu)圖法菱形構(gòu)圖法是以指商品、模特、文案構(gòu)成相對(duì)完整的平行四邊形的構(gòu)圖方式，更具有運(yùn)動(dòng)感，有強(qiáng)烈的視覺(jué)張力。

海報(bào)設(shè)計(jì)任務(wù)二

（四）幾何形構(gòu)圖。

（4）矩形構(gòu)圖法矩形構(gòu)圖法是商品、模特、文案構(gòu)成相對(duì)完整的長(zhǎng)方形，文字及圖形更加內(nèi)向集中，這種構(gòu)圖畫(huà)面完整利落。

海報(bào)設(shè)計(jì)任務(wù)二

（四）幾何形構(gòu)圖。

（5）梯形構(gòu)圖法梯形構(gòu)圖法和三角構(gòu)圖類(lèi)似，比三角形更平穩(wěn)。

海報(bào)設(shè)計(jì)任務(wù)二

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

文案的排版

海報(bào)設(shè)計(jì)任務(wù)二文案的排版1．親密

親密原則就是將相關(guān)的信息分在一組，物理位置的接近意味著它們存在關(guān)聯(lián)。雜亂無(wú)章的排版親密組合排版

2.對(duì)齊

任何元素都不能在頁(yè)面上隨意安放，每一項(xiàng)都應(yīng)當(dāng)與頁(yè)面上的某個(gè)內(nèi)容存在某種視覺(jué)聯(lián)系。對(duì)齊原則就是要找一條明確的對(duì)齊線(xiàn)，并堅(jiān)持以它為基準(zhǔn)，使依附于它的元素建立起除親密以外的秩序。對(duì)齊主要有左對(duì)齊、居中對(duì)齊、右對(duì)齊。但是要避免在同一畫(huà)面上混合使用多種文本對(duì)齊方式，也要盡量避免居中對(duì)齊，那樣雖然會(huì)使畫(huà)面顯得正式，但也更乏味。海報(bào)設(shè)計(jì)任務(wù)二

3．重復(fù)

設(shè)計(jì)中的某些方面需要在整個(gè)作品中重復(fù)。重復(fù)不僅對(duì)單頁(yè)的作品很有用，對(duì)于多頁(yè)文檔或一套設(shè)計(jì)作品更是重要，通常稱(chēng)之為“一致性”。但要避免過(guò)多地重復(fù)一個(gè)元素，重復(fù)太多會(huì)讓人生厭。重復(fù)有顏色重復(fù)出現(xiàn)、高度／寬度重復(fù)出現(xiàn)、元素間距重復(fù)出現(xiàn)等表現(xiàn)形式。海報(bào)設(shè)計(jì)任務(wù)二

4.對(duì)比

對(duì)比要強(qiáng)烈才有效。如果兩個(gè)元素不完全相同，就應(yīng)當(dāng)使它們不同，而且應(yīng)當(dāng)是截然不同。對(duì)比原則包含的內(nèi)容很多，比如大字體與小字體、粗線(xiàn)條與細(xì)線(xiàn)條、冷色與暖色、平滑與粗糙、長(zhǎng)寬與高窄、虛與實(shí)等。海報(bào)設(shè)計(jì)任務(wù)二

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

色彩搭配

海報(bào)設(shè)計(jì)任務(wù)二色彩搭配

海報(bào)顏色占據(jù)畫(huà)面的主要有三大元素：主體物、文案、背景。所以這三者的顏色決定了整個(gè)畫(huà)面的色彩。

1、提取主體物的色彩，根據(jù)產(chǎn)品找到本身的顏色，首先分析主體物都包含哪些顏色。2、接著進(jìn)行應(yīng)用?？匆豢茨姆N顏色占據(jù)最多，那就設(shè)定為主色，應(yīng)用在背景中，其次就應(yīng)用于文案和點(diǎn)綴色中。從案例中分析得到淺藍(lán)色占據(jù)最多，其次是深藍(lán)色和白色。3、而對(duì)于點(diǎn)綴色的使用，如果畫(huà)面的色彩有點(diǎn)花，那么輔助元素就弱一點(diǎn)，采用和主色相同的色相，把畫(huà)面稍微的壓一壓。4、反之，如果畫(huà)面太平靜，需要加強(qiáng)一下氣氛，那么輔助元素就可以采用強(qiáng)對(duì)比色，或者反相色，來(lái)提升畫(huà)面的對(duì)比度。海報(bào)設(shè)計(jì)任務(wù)二

圖1-1某化妝品店鋪首頁(yè)1圖1-2某化妝品店鋪首頁(yè)21、某化妝品店鋪首頁(yè)1，第一感覺(jué)是數(shù)碼電器類(lèi)店鋪的裝修風(fēng)格，而對(duì)于化妝品店，就應(yīng)選干凈、清爽的配色，這樣的黑色顯不出高端反而有點(diǎn)壓抑。2、某化妝品店鋪首頁(yè)2，裝修以淺色系為主，配色清新、自然，對(duì)化妝品類(lèi)目來(lái)說(shuō)，這種清爽、干凈的裝修風(fēng)格更能凸顯化妝品的商品定位。所以說(shuō)一個(gè)好的店鋪裝修，是一種營(yíng)銷(xiāo)，一種推廣。差的店鋪裝修效果，無(wú)論多么名貴的商品都體現(xiàn)不出商品的價(jià)值。

細(xì)節(jié)點(diǎn)綴

海報(bào)設(shè)計(jì)任務(wù)二細(xì)節(jié)點(diǎn)綴

1、紋理背景

相對(duì)于純色背景，紋理在質(zhì)感上更豐富細(xì)膩。

由相同元素重復(fù)平鋪構(gòu)成的紋理背景，背景上的元素可以與主題呼應(yīng)起來(lái)。

變化的色塊也具有紋理的作用.

2、幾何圖形

幾何圖形幾乎就是萬(wàn)金油，在任何主題的設(shè)計(jì)上都可以使用。點(diǎn)線(xiàn)元素是最常用作裝飾作用的，任何幾何元素都適合用來(lái)點(diǎn)綴畫(huà)面，如小圓圈、三角形、小段曲線(xiàn)等。海報(bào)設(shè)計(jì)任務(wù)二

3、主題相關(guān)的元素

如果畫(huà)面的主題跟季節(jié)相關(guān)，那就可以點(diǎn)綴一些相應(yīng)的元素來(lái)強(qiáng)化主題。海報(bào)設(shè)計(jì)任務(wù)二

4、搭建小場(chǎng)景

把商品圖摳出來(lái)之后，光影、色彩跟背景都會(huì)有點(diǎn)脫離，看著不太自然?？梢钥紤]給商品搭建一個(gè)小場(chǎng)景，讓它看起來(lái)像是在現(xiàn)實(shí)生活中看到的樣子，不過(guò)要讓場(chǎng)景盡量簡(jiǎn)單，復(fù)雜的場(chǎng)景一方面會(huì)讓光影難以處理真實(shí)自然，另外一方面也會(huì)干擾到商品。海報(bào)設(shè)計(jì)任務(wù)二確定好海報(bào)文案后，根據(jù)海報(bào)的制作順序制訂以下計(jì)劃：海報(bào)文案任務(wù)一色彩搭配素材選擇海報(bào)的構(gòu)圖文案的排版細(xì)節(jié)點(diǎn)綴制作海報(bào)一、海報(bào)素材1、產(chǎn)品特點(diǎn)：水杯的特點(diǎn)是便攜拎手，容量大，可存放熱水或冰水。樹(shù)葉、花瓣、棕櫚葉的素材可以表現(xiàn)清新淡雅。2、確定風(fēng)格：因水杯的簡(jiǎn)約風(fēng)格，海報(bào)風(fēng)格定義為簡(jiǎn)約風(fēng)格。3、主體物選擇：選取倒扣水杯的圖片，表現(xiàn)倒立不漏，體現(xiàn)立體、重量感。4、背景選擇：因?yàn)榕臄z時(shí)沒(méi)有場(chǎng)景圖，所以將商品摳取出來(lái)，設(shè)計(jì)制作純色背景。詳情頁(yè)設(shè)計(jì)任務(wù)二二、海報(bào)的構(gòu)圖技巧版面設(shè)計(jì)：左右構(gòu)圖海報(bào)構(gòu)圖元素：矩形構(gòu)圖法，版面設(shè)計(jì)圖見(jiàn)圖2-48所示。字體選擇金橋繁綜藝和黑體海報(bào)文案的排版四個(gè)原則：親密、對(duì)齊、重復(fù)、對(duì)比詳情頁(yè)設(shè)計(jì)任務(wù)二文案商品素材背景素材背景三、色彩搭配根據(jù)產(chǎn)品自身顏色，配色定為深綠色和白色。細(xì)節(jié)點(diǎn)綴：紋理背景詳情頁(yè)設(shè)計(jì)任務(wù)二1、素材收集根據(jù)設(shè)計(jì)決策，選擇商品拍攝圖；上網(wǎng)收集素材圖片。詳情頁(yè)設(shè)計(jì)任務(wù)二2、打開(kāi)文檔調(diào)出之前完成的海報(bào)文案詳情頁(yè)設(shè)計(jì)任務(wù)二3、背景添加

隱藏文案圖層，將素材摳好圖放在海報(bào)內(nèi)，背景調(diào)整為隨手杯相近的顏色，并給隨手杯添加底紋。詳情頁(yè)設(shè)計(jì)任務(wù)二4、文字排版配色

把文案層顯示出來(lái)，調(diào)整位置，居中對(duì)齊，調(diào)整行間距；顏色為深綠色，突出“倒立不漏”，添加深綠色底色，正文部分使用白色。詳情頁(yè)設(shè)計(jì)任務(wù)二5、細(xì)節(jié)點(diǎn)綴

將素材拖動(dòng)到圖像上，調(diào)整到適合的位置，適當(dāng)變形調(diào)整大小。6、保存文檔把文件保存到海報(bào)文件夾中。詳情頁(yè)設(shè)計(jì)任務(wù)二記錄學(xué)習(xí)過(guò)程和任務(wù)實(shí)施中的重要知識(shí)點(diǎn)及所需要用到的應(yīng)用資源、以及那些老師指導(dǎo)任務(wù)時(shí)提出的要點(diǎn)知識(shí)要點(diǎn)/學(xué)習(xí)問(wèn)題知識(shí)點(diǎn)的具體解釋/學(xué)習(xí)應(yīng)用資源/老師指導(dǎo)任務(wù)要點(diǎn)1、

2、

3、

常見(jiàn)首頁(yè)海報(bào)的上傳方式詳情頁(yè)上傳任務(wù)三1.單張首焦海報(bào)上傳

淘寶網(wǎng)提供的自定義區(qū)默認(rèn)的寬度為950像素，最大容納950像素寬的圖片，一般店鋪會(huì)在首頁(yè)焦點(diǎn)位置放置一張950像素寬的單張海報(bào)。

常見(jiàn)首頁(yè)海報(bào)的上傳方式

2.輪播首焦海報(bào)上傳

除了自定義區(qū)可以放置海報(bào)外，淘寶網(wǎng)還提供了圖片輪播的功能，可同時(shí)放置多張950像素寬的海報(bào)，以輪播的形式展示，在下方會(huì)有圖片的序號(hào)顯示，點(diǎn)擊序號(hào)即顯示對(duì)應(yīng)的海報(bào)圖片。詳情頁(yè)上傳任務(wù)三

3.首頁(yè)全屏海報(bào)上傳

為了使呈現(xiàn)效果更佳、用戶(hù)體驗(yàn)更好，可將海報(bào)寬度設(shè)為1920像素，這樣基本上所有的顯示器都可以完全鋪滿(mǎn)。但是，主要產(chǎn)品信息應(yīng)在1280像素之內(nèi)或950像素，這樣就可以保證設(shè)計(jì)的主要內(nèi)容，小屏幕顯示器也能完全顯示。詳情頁(yè)上傳任務(wù)三

輪播首焦海報(bào)的應(yīng)用詳情頁(yè)上傳任務(wù)三（1）登錄淘寶網(wǎng)，打開(kāi)“賣(mài)家中心”，點(diǎn)擊進(jìn)入“店鋪管理”中的“店鋪裝修”頁(yè)面。（2）用鼠標(biāo)拖動(dòng)基礎(chǔ)模塊中的“圖片輪播”模塊；將其拖動(dòng)至店招與第一個(gè)模塊之間，松開(kāi)鼠標(biāo)，“圖片輪播”模塊會(huì)被添加至首頁(yè)。

輪播首焦海報(bào)的應(yīng)用

（3）圖片輪播模塊添加成功后，點(diǎn)擊“編輯”，進(jìn)入圖片輪播編輯窗口，分別添加三張已經(jīng)上傳至圖片空間的海報(bào)圖（三張海報(bào)的寬和高必須一致），并設(shè)置各自對(duì)應(yīng)的商品鏈接。詳情頁(yè)上傳任務(wù)三

（4）添加完鏈接之后，修改“顯示設(shè)置”?！帮@示標(biāo)題”選項(xiàng)控制是否顯示本自定義區(qū)的標(biāo)題，如果顯示的話(huà)，海報(bào)上方會(huì)有一個(gè)白條，影響整體美觀，所以一般選擇不顯示；模塊高度設(shè)置為三個(gè)圖片的共同高度（我們的圖片高450像素）；切換效果按店鋪需要設(shè)置，一般情況下是左右滾動(dòng)。完成后進(jìn)行保存。（5）發(fā)布后，可以在店鋪首頁(yè)看到三幅輪播焦點(diǎn)海報(bào)。詳情頁(yè)上傳任務(wù)三

首頁(yè)全屏海報(bào)的應(yīng)用詳情頁(yè)上傳任務(wù)三（1）上傳已經(jīng)設(shè)計(jì)完成的全屏海報(bào)圖片到店鋪的圖片空間里。（2）登錄淘寶網(wǎng)，打開(kāi)“賣(mài)家中心”，點(diǎn)擊進(jìn)入“店鋪管理”中的“店鋪裝修”頁(yè)面。（3）用鼠標(biāo)拖動(dòng)基礎(chǔ)模塊中的“自定義區(qū)”模塊，將其拖動(dòng)至店招與第一個(gè)模塊之間，松開(kāi)鼠標(biāo)，自定義區(qū)模塊會(huì)被添加至首頁(yè)。

首頁(yè)全屏海報(bào)的應(yīng)用

（4）自定義區(qū)模塊添加成功后，點(diǎn)擊“編輯”，進(jìn)入自定義內(nèi)容區(qū)。詳情頁(yè)上傳任務(wù)三

（5）獲取全屏海報(bào)代碼。全屏海報(bào)代碼獲取方法：1）進(jìn)入稿定設(shè)計(jì)在線(xiàn)電商裝修網(wǎng)站（/dianshang/zhuangxiu）。2）點(diǎn)擊進(jìn)入“代碼生成”類(lèi)目下的“專(zhuān)業(yè)版”分類(lèi)。詳情頁(yè)上傳任務(wù)三

3）打開(kāi)“淘寶-全屏海報(bào)/視屏”頁(yè)面，將店鋪的素材中心里的海報(bào)進(jìn)行復(fù)制，粘貼到生成器里的海報(bào)地址內(nèi)，并將所鏈接的內(nèi)容進(jìn)行粘貼。詳情頁(yè)上傳任務(wù)三

4）點(diǎn)擊生成全屏海報(bào)的代碼，產(chǎn)生成全屏海報(bào)代碼。詳情頁(yè)上傳任務(wù)三

（6）點(diǎn)擊“自定義內(nèi)容區(qū)”窗口的“編輯源代碼”，進(jìn)入代碼編輯狀態(tài)，粘貼全屏海報(bào)代碼中修改完成的代碼至“自定義內(nèi)容區(qū)”窗口中，并設(shè)置不顯示標(biāo)題，按“確定”保存。（7）發(fā)布后，可以在店鋪首頁(yè)看到全屏海報(bào)。詳情頁(yè)上傳任務(wù)三通過(guò)對(duì)任務(wù)的分析及首頁(yè)焦點(diǎn)海報(bào)應(yīng)用的學(xué)習(xí)，制訂首頁(yè)焦點(diǎn)海報(bào)應(yīng)用計(jì)劃如下：海報(bào)文案任務(wù)一選擇海報(bào)應(yīng)用方法海報(bào)應(yīng)用我們學(xué)習(xí)了海報(bào)應(yīng)用的方法，應(yīng)根據(jù)具體的店鋪裝修效果，有針對(duì)性地選擇。一、單張首焦海報(bào)的應(yīng)用將已經(jīng)完成的950像素寬海報(bào)，應(yīng)用至淘寶網(wǎng)店鋪首頁(yè)第一屏的自定義區(qū)中，并設(shè)置好產(chǎn)品鏈接。二、輪播首焦海報(bào)的應(yīng)用將已經(jīng)完成的三幅950像素寬海報(bào)，應(yīng)用至淘寶網(wǎng)店鋪首頁(yè)第一屏的圖片輪播里，并設(shè)置好產(chǎn)品鏈接。三、首頁(yè)全屏海報(bào)的應(yīng)用將已經(jīng)完成的1920像素寬的全屏海報(bào)，應(yīng)用至淘寶網(wǎng)店鋪首頁(yè)第一屏的自定義區(qū)中，實(shí)現(xiàn)全屏海報(bào)的效果，并設(shè)置好產(chǎn)品鏈接。YIMI伊米生活用品店需要在首頁(yè)進(jìn)行一張焦點(diǎn)海報(bào)展示，并且寬度設(shè)計(jì)為950像素，所以計(jì)劃使用單張首焦海報(bào)來(lái)完成。（1）登錄淘寶網(wǎng)，打開(kāi)“賣(mài)家中心”，點(diǎn)擊進(jìn)入“店鋪管理”中的“店鋪裝修”頁(yè)面。（2）用鼠標(biāo)拖動(dòng)基礎(chǔ)模塊中的“自定義區(qū)”模塊，將其拖動(dòng)至店招與第一個(gè)模塊之間，松開(kāi)鼠標(biāo)，自定義區(qū)模塊會(huì)被添加至首頁(yè)。（3）自定義區(qū)模塊添加成功后，點(diǎn)擊“編輯”，進(jìn)入自定義內(nèi)容區(qū)。（4）將“顯示標(biāo)題”選項(xiàng)，設(shè)置為不顯示；點(diǎn)擊“插入圖片空間圖片”按鈕，將已經(jīng)上傳到圖片空間里的海報(bào)圖片添加到“自定義區(qū)”中。詳情頁(yè)上傳任務(wù)三（5）添加海報(bào)圖片之后，選中圖片，點(diǎn)擊“編輯”按鈕，在彈出的對(duì)話(huà)框中設(shè)置好需要鏈接的商品地址，點(diǎn)擊“確定”保存。詳情頁(yè)上傳任務(wù)三（6）發(fā)布后，就可以看到單張首焦海報(bào)已經(jīng)應(yīng)用完成，并能夠鏈接到對(duì)應(yīng)的商品。詳情頁(yè)上傳任務(wù)三記錄學(xué)習(xí)過(guò)程和任務(wù)實(shí)施中的重要知識(shí)點(diǎn)及所需要用到的應(yīng)用資源、以及那些老師指導(dǎo)任務(wù)時(shí)提出的要點(diǎn)知識(shí)要點(diǎn)/學(xué)習(xí)問(wèn)題知識(shí)點(diǎn)的具體解釋/學(xué)習(xí)應(yīng)用資源/老師指導(dǎo)任務(wù)要點(diǎn)1、

2、

3、一、海報(bào)文案1、海報(bào)的常見(jiàn)尺寸。1）首頁(yè)全屏海報(bào)寬：1440px/1680px/1920px(越大越兼容）高：300px～700px（僅建議）2）自定義頁(yè)面普通海報(bào)寬：C店950px（B店990px）高：400px～600px（僅建議）3）寶貝詳情頁(yè)中的海報(bào)寬：C店750px(B店790px）高：200px～400px（僅建議）2、海報(bào)的主題：1）店鋪宣傳、2）商品宣傳、3）品牌宣傳、4）會(huì)員宣傳3、海報(bào)的文案：主標(biāo)題：副標(biāo)題：正文：二、海報(bào)設(shè)計(jì)1、素材選擇（1）需求溝通。（2）確定產(chǎn)品特點(diǎn)。（3）確定風(fēng)格。1）簡(jiǎn)約風(fēng)格。2）可愛(ài)風(fēng)格。3）清新風(fēng)格。4）科技風(fēng)格。（4）主體圖的選擇1）清晰。2）飽滿(mǎn)。3）立體感、重量感。（5）背景的選擇。1）拍攝圖。2）自制背景。2、海報(bào)的構(gòu)圖（1）左右構(gòu)圖。（2）上下構(gòu)圖。（3）居中構(gòu)圖（4）幾何形構(gòu)圖1）圓形構(gòu)圖法。2）三角形構(gòu)圖法。3）菱形構(gòu)圖法。4）矩形構(gòu)圖法。5）梯形構(gòu)圖法。3、文案的排版

海報(bào)的文案排版有四個(gè)原則：親密、對(duì)齊、重復(fù)、對(duì)比。4、色彩搭配5、細(xì)節(jié)點(diǎn)綴（1）紋理背景（2）幾何圖形（3）主題相關(guān)的元素（4）搭建小場(chǎng)景三、海報(bào)上傳1、常見(jiàn)首頁(yè)海報(bào)的上傳方式（1）單張首焦海報(bào)上傳。（2）輪播首焦海報(bào)上傳。（3）首頁(yè)全屏海報(bào)上傳。2、輪播首焦海報(bào)的應(yīng)用（1）登錄淘寶網(wǎng)，“賣(mài)家中心”—“店鋪管理”—“店鋪裝修”。（2）拖動(dòng)“圖片輪播”，添加至首頁(yè)。（3）“編輯”窗口，分別添加三張上傳至圖片空間，并設(shè)置商品鏈接。（4）修改“顯示設(shè)置”。選項(xiàng)控制“顯示標(biāo)題”，切換效果按店鋪需要設(shè)置，完成后進(jìn)行保存。（5）發(fā)布輪播焦點(diǎn)海報(bào)。3、首頁(yè)全屏海報(bào)的應(yīng)用（1）上傳全屏海報(bào)到圖片空間。（2）“賣(mài)家中心”—“店鋪管理”—“店鋪裝修”。（3）基礎(chǔ)模塊“自定義區(qū)”，添加至首頁(yè)。（4）點(diǎn)擊“編輯”，進(jìn)入自定義內(nèi)容區(qū)。（5）獲取全屏海報(bào)代碼。全屏海報(bào)代碼獲取方法：1）進(jìn)入稿定設(shè)計(jì)在線(xiàn)電商裝修網(wǎng)站（/dianshang/zhuangxiu）。2）點(diǎn)擊進(jìn)入“代碼生成”類(lèi)目下的“專(zhuān)業(yè)版”分類(lèi)。

3）打開(kāi)“淘寶-全屏海報(bào)/視屏”頁(yè)面，將店鋪的素材中心里的海報(bào)進(jìn)行復(fù)制，粘貼到生成器里的海報(bào)地址內(nèi)，并將所鏈接的內(nèi)容進(jìn)行粘貼。4）點(diǎn)擊生成全屏海報(bào)的代碼，產(chǎn)生成全屏海報(bào)代碼。（6）點(diǎn)擊“自定義內(nèi)容區(qū)”窗口的“編輯源代碼”，進(jìn)入代碼編輯狀態(tài)，粘貼全屏海報(bào)代碼中修改完成的代碼至“自定義內(nèi)容區(qū)”窗口中，并設(shè)置不顯示標(biāo)題，按“確定”保存。（7）發(fā)布后，可以在店鋪首頁(yè)看到全屏海報(bào)?？己巳蝿?wù)海報(bào)設(shè)計(jì)一、考核目的了解海報(bào)制作的設(shè)計(jì)方法及步驟，掌握如何為“三年二班”文體店設(shè)計(jì)一張店鋪宣傳海報(bào)。二、考核準(zhǔn)備1.組隊(duì)：以小組為單位，4-6人一組，并選出一名組長(zhǎng)，分配好組員的工作。2.素材：商品圖片若干，見(jiàn)綜合考核素材三、考核任務(wù)請(qǐng)從海報(bào)主題、背景、配色、字體、版面布局等方面入手為“三年二班”文體店設(shè)計(jì)一張店鋪宣傳海報(bào)，主題自擬，設(shè)計(jì)規(guī)格均為950×450PX。四、任務(wù)步驟1．確定海報(bào)主題。2．撰寫(xiě)海報(bào)主標(biāo)題。3．撰寫(xiě)海報(bào)副標(biāo)題。4．撰寫(xiě)海報(bào)正文。5．海報(bào)素材。6．海報(bào)的構(gòu)圖。7．文案的排版。8．色彩搭配。9．細(xì)節(jié)點(diǎn)綴。10．用ps制作海報(bào)。11．用自定義模塊把海報(bào)添加到店鋪任務(wù)實(shí)施1）海報(bào)主題：2）海報(bào)文案：3）海報(bào)關(guān)鍵詞：4）搜索海報(bào)素材：5）確定字體：6）文案的排版：主標(biāo)題副標(biāo)題正文7）色彩搭配：8）版面設(shè)計(jì)：9）細(xì)節(jié)點(diǎn)綴：10）ps制作11）添加海報(bào)到店鋪主色輔色六、考核評(píng)價(jià)1、作品評(píng)價(jià)（50分）評(píng)價(jià)指標(biāo)分?jǐn)?shù)評(píng)價(jià)說(shuō)明自我評(píng)價(jià)小組評(píng)分教師評(píng)分海報(bào)文案10分簡(jiǎn)明扼要說(shuō)明最重點(diǎn)要素，吸引買(mǎi)家眼球，令人產(chǎn)生購(gòu)買(mǎi)欲望

版面設(shè)計(jì)10分主題突出醒目，有突出重點(diǎn)的主題位置和空間，空間布局新穎，能夠吸引受眾的注意力

色彩應(yīng)用10分色彩應(yīng)用符合主題的視覺(jué)識(shí)別要求

制作技術(shù)10分文件尺寸符合店鋪需要，圖像制作精美，在制作過(guò)程中對(duì)軟件善于加以利用

海報(bào)創(chuàng)意10分構(gòu)思巧妙，能激發(fā)想象力

2、完成態(tài)度（20分）職業(yè)技能10分符合工作需求,能夠拓展相關(guān)知識(shí)，并通過(guò)新穎獨(dú)特的形式加以展示

工作心態(tài)10分抱有信心,并始終積極努力的做好工作

完成效率10分在規(guī)定時(shí)間內(nèi)按質(zhì)按量地完成分配的工作任務(wù)

3、團(tuán)隊(duì)合作（20分）溝通分析10分思路較清晰，主動(dòng)提出問(wèn)題，快捷有效的明確設(shè)計(jì)意圖和需求

團(tuán)隊(duì)配合10分不抱怨，快速有效的協(xié)助相關(guān)同學(xué)進(jìn)行工作

計(jì)分

總分（按自我評(píng)價(jià)20%，小組評(píng)價(jià)30%，教師評(píng)價(jià)50%計(jì)算）

通過(guò)對(duì)本情境的學(xué)習(xí)，請(qǐng)你為自己的店鋪設(shè)計(jì)三張首頁(yè)海報(bào)，主題、尺寸根據(jù)自己店鋪需要自擬。主圖是買(mǎi)家進(jìn)入商品頁(yè)面的必經(jīng)之路，無(wú)論買(mǎi)家是通過(guò)自然搜索還是類(lèi)目搜索，展現(xiàn)在眼前的第一張圖片就是商品主圖。商品主圖僅僅是為了展現(xiàn)嗎？如何以最佳的方式將商品的價(jià)值傳遞給客戶(hù)？如何在第一時(shí)間吸引買(mǎi)家的注意，并讓買(mǎi)家產(chǎn)生興趣和好感，以獲取點(diǎn)擊，從而有效的提高點(diǎn)擊率，增加流量。主圖的好壞決定著買(mǎi)家在看到這張圖片后能否點(diǎn)擊進(jìn)入詳情頁(yè)，從而促成交易。

一張吸引點(diǎn)擊的主圖可以節(jié)省一大筆推廣費(fèi)用，吸引更多流量，設(shè)計(jì)部主管陳明針對(duì)新品上新的需要，發(fā)出一任務(wù)單（見(jiàn)表3-1），要求設(shè)計(jì)制作茶花隨手杯的有吸引力的主圖五張。

表3-1任務(wù)單任務(wù)指派人陳明發(fā)出日期

完成日期/時(shí)間

任務(wù)名稱(chēng)茶花隨手杯的主圖制作任務(wù)用途首頁(yè)

0主題獨(dú)立頁(yè)

0官方承接頁(yè)

0主圖

R直通車(chē)圖

0鉆展圖

0詳情基礎(chǔ)優(yōu)化

0詳情深度優(yōu)化

0

官方引流圖

0主題廣告圖

0新品上新

R

常規(guī)活動(dòng)營(yíng)銷(xiāo)策劃0主題活動(dòng)策劃

0大型活動(dòng)策劃

0商品運(yùn)營(yíng)策劃

0

其他：任務(wù)要求1、要求要有好的構(gòu)圖、清晰、能進(jìn)行品牌宣傳，可以有一定的場(chǎng)景表現(xiàn)。2、從產(chǎn)品的角度和消費(fèi)者的角度提取產(chǎn)品賣(mài)點(diǎn)來(lái)設(shè)計(jì)圖片，勾起點(diǎn)擊欲。3、從賣(mài)點(diǎn)、排版、文案、色彩等結(jié)合設(shè)計(jì)以提高點(diǎn)擊率，而不要簡(jiǎn)單粗暴地：“順豐包郵”“四折秒殺”“直降10元”等。風(fēng)格偏好□普通簡(jiǎn)潔，中規(guī)中矩R大氣簡(jiǎn)約，商業(yè)氣息濃□古典文化，懷舊經(jīng)典□年輕時(shí)尚，青春活力，另類(lèi)□熱烈奔放，情趣□其他:__________________制作規(guī)范800×800像素，jpg格式自我檢查

確認(rèn)簽名

組長(zhǎng)檢查

確認(rèn)簽名

驗(yàn)收人按要求完成

是

否確認(rèn)簽名1、知識(shí)目標(biāo)2、技能目標(biāo)了解認(rèn)識(shí)商品主圖掌握商品主圖設(shè)計(jì)的方法掌握商品主圖設(shè)計(jì)的設(shè)計(jì)流程能夠獨(dú)立完成商品主圖的設(shè)計(jì)能夠獨(dú)立設(shè)計(jì)商品主圖能夠完成商品主圖的上傳

商品主圖認(rèn)識(shí)

引入商品主圖認(rèn)識(shí)任務(wù)一舉個(gè)例子，兩張相同商品的主圖，作為買(mǎi)家，你會(huì)更喜歡哪一張？

一、主圖的定義和作用商品主圖認(rèn)識(shí)任務(wù)一定義：主圖主要出現(xiàn)在淘寶搜索頁(yè)、店鋪首頁(yè)、商品詳情頁(yè)、寶貝分類(lèi)頁(yè)。好的主圖能在第一時(shí)間吸引買(mǎi)家的注意，并讓買(mǎi)家產(chǎn)生興趣和好感，以獲取點(diǎn)擊，從而有效的提高點(diǎn)擊率，增加流量。

一、主圖的定義和作用商品主圖認(rèn)識(shí)任務(wù)一主圖的作用：第一、提高點(diǎn)擊率。

一、主圖的定義和作用商品主圖認(rèn)識(shí)任務(wù)一主圖的作用：第一、提高點(diǎn)擊率。第二、提高自己店鋪的辨識(shí)度，提高客戶(hù)認(rèn)知度。風(fēng)格不統(tǒng)一的主圖風(fēng)格統(tǒng)一的主圖

一、主圖的定義和作用商品主圖認(rèn)識(shí)任務(wù)一主圖的作用：第一、提高點(diǎn)擊率。第二、提高自己店鋪的辨識(shí)度，提高客戶(hù)認(rèn)知度。第三、全面完整地展示產(chǎn)品，便于客戶(hù)了解詳情，提升轉(zhuǎn)化率。

二、主圖的要求及規(guī)格尺寸商品主圖認(rèn)識(shí)任務(wù)一1、主圖的要求第一張主圖：在商品的五張主圖中，第一張主圖也被稱(chēng)為首圖。首圖是買(mǎi)家

在平臺(tái)搜索商品的時(shí)候出現(xiàn)在搜索頁(yè)中的圖片。

二、主圖的要求及規(guī)格尺寸商品主圖認(rèn)識(shí)任務(wù)一1、主圖的要求第二張主圖：負(fù)責(zé)解決買(mǎi)家的需求。如果是功能型產(chǎn)品就介紹商品核心的功能，

如果是外觀型的產(chǎn)品就多角度的展示外觀。

二、主圖的要求及規(guī)格尺寸商品主圖認(rèn)識(shí)任務(wù)一第三張主圖：負(fù)責(zé)獲取買(mǎi)家的信任。解決家購(gòu)物風(fēng)險(xiǎn)問(wèn)題，功能型的可以是多

角度展示商品細(xì)節(jié)、保修售后等信息。

二、主圖的要求及規(guī)格尺寸商品主圖認(rèn)識(shí)任務(wù)一1、主圖的要求第四張主圖：負(fù)責(zé)給予買(mǎi)家優(yōu)惠。展示商品促銷(xiāo)信息，促使買(mǎi)家決定購(gòu)買(mǎi)。

二、主圖的要求及規(guī)格尺寸商品主圖認(rèn)識(shí)任務(wù)一1、主圖的要求第五張主圖：建議根據(jù)官方要求放置白底商品圖，且不加任何文字，上手淘

首頁(yè)使用。

二、主圖的要求及規(guī)格尺寸商品主圖認(rèn)識(shí)任務(wù)一2、主圖的規(guī)格尺寸

淘寶可上傳的主圖規(guī)范尺寸最小為310×310像素，不能放大；但700×700像素以上尺寸通常會(huì)附帶放大鏡功能，因此一般行業(yè)主圖的尺寸基本是800×800像素，具體主圖的類(lèi)型、大小要求參看書(shū)本中表3-2所示。

三、主圖素材的選擇商品主圖認(rèn)識(shí)任務(wù)一

主圖對(duì)素材要求是很?chē)?yán)格的，有高品質(zhì)的素材圖片，才能更好地展示產(chǎn)品的優(yōu)點(diǎn)和賣(mài)點(diǎn)，才能勾起買(mǎi)家的點(diǎn)擊欲望。1、主圖清晰度2、主圖的曝光度3、主圖的像素大小通過(guò)對(duì)任務(wù)的分析及商品主圖知識(shí)的學(xué)習(xí)，制定主圖素材選擇和美化計(jì)劃如下：商品主圖認(rèn)識(shí)任務(wù)一選擇五張商品圖片確定一張首圖圖片美化五張主圖圖片一、選擇五張商品圖片在圖3-1的9張茶花隨手杯圖片中，根據(jù)主圖素材選擇的要求，選出五張作為商品發(fā)布的主圖。二、確定一張首圖圖片在上面選出的五張茶花隨手杯主圖中再選出一張作為首圖，另4張就自動(dòng)成為輔助主圖。三、美化五張商品圖片1、裁剪主圖大小為：800×800像素，再調(diào)整圖片的亮度和曝光度，使其明亮清晰。2、其他四張輔助的主圖符合要求，不需要美化。商品主圖認(rèn)識(shí)任務(wù)一

寶貝主圖有五張，為了減少客戶(hù)的瀏覽成本和思量時(shí)間，在第一屏搞定部分客戶(hù)直接購(gòu)買(mǎi)，所以在主圖的展現(xiàn)上需要下點(diǎn)功夫。根據(jù)茶花隨手杯的特點(diǎn)，五張主圖的是這樣安排的：第一張主圖：一定要干凈，不留牛皮癬，有品牌LOGO，產(chǎn)品清晰完整，吸引買(mǎi)家點(diǎn)擊。第二張主圖：功能圖，展示產(chǎn)品功能，解決買(mǎi)家需求。第三張主圖：細(xì)節(jié)圖，展示產(chǎn)品細(xì)節(jié)，獲得買(mǎi)家信任。第四張主圖：優(yōu)惠圖，展示折扣優(yōu)惠，促使買(mǎi)家購(gòu)買(mǎi)。第五張主圖：白底圖，完整展示產(chǎn)品本身，不添加任何元素。根據(jù)上面的知識(shí)點(diǎn)，五張茶花隨手杯的主圖順序如下：商品主圖認(rèn)識(shí)任務(wù)一1、選擇五張茶花隨手杯的主圖如下：2、確立一張為首圖，如下：商品主圖認(rèn)識(shí)任務(wù)一3、美化首圖圖片商品主圖認(rèn)識(shí)任務(wù)一任務(wù)名稱(chēng)選擇5張主圖素材并調(diào)整好順序任務(wù)要求根據(jù)主圖的要求，從下面的小家電商品圖中選出5張作為商品主圖素材，裁剪好大小，調(diào)整好亮度及色調(diào)，并調(diào)整好順序。制作規(guī)范800×800像素，JPG格式商品圖片

操作要求1、從上面商品圖片中選出五張主圖并確定好順序2、確定一個(gè)為首圖3、對(duì)五張主圖進(jìn)行基礎(chǔ)美化記錄學(xué)習(xí)過(guò)程和任務(wù)實(shí)施中的重要知識(shí)點(diǎn)及所需要用到的應(yīng)用資源、以及那些老師指導(dǎo)任務(wù)時(shí)提出的要點(diǎn)知識(shí)要點(diǎn)/學(xué)習(xí)問(wèn)題知識(shí)點(diǎn)的具體解釋/學(xué)習(xí)應(yīng)用資源/老師指導(dǎo)任務(wù)要點(diǎn)1、

2、

3、商品主圖認(rèn)識(shí)任務(wù)一

商品主圖設(shè)計(jì)

引入商品主圖設(shè)計(jì)任務(wù)二好的主圖能有效的提高點(diǎn)擊率，增加流量。那么好的主圖應(yīng)該怎么來(lái)設(shè)計(jì)和制作呢？有什么注意的事項(xiàng)和設(shè)計(jì)的方法呢？

一、主圖設(shè)計(jì)注意事項(xiàng)商品主圖設(shè)計(jì)任務(wù)二1、主圖中的商品要突出

主圖中商品主體一定要清晰，占比一定要高，要讓消費(fèi)者一眼就能看清楚店鋪賣(mài)的是什么。

一、主圖設(shè)計(jì)注意事項(xiàng)商品主圖設(shè)計(jì)任務(wù)二2、主圖與商品的主關(guān)鍵詞、大流量詞要保持一致。

每個(gè)買(mǎi)家搜索關(guān)鍵詞都是帶著目的，比如買(mǎi)家搜索碎花裙子，那么就是要碎花的；搜索長(zhǎng)筒襪，短襪就是不需要的。因此要讓主圖與寶貝的主關(guān)鍵詞、大流量詞、特別是成交詞保持一致。3、主圖上展現(xiàn)商品的核心屬性詞。

主圖不是越美觀越大氣就越好，而是要把寶貝的核心屬性詞展示出來(lái)。比如商品的關(guān)鍵詞是“嬰兒可用消毒水”，那就可以在主圖上直接標(biāo)明此消毒水可用于有嬰兒的家庭，寫(xiě)明醫(yī)用級(jí)別，讓家長(zhǎng)更加放心購(gòu)買(mǎi)使用。

一、主圖設(shè)計(jì)注意事項(xiàng)商品主圖設(shè)計(jì)任務(wù)二4、主圖賣(mài)點(diǎn)文案要直擊買(mǎi)家需求。商品的賣(mài)點(diǎn)不需要很多，太多會(huì)讓消費(fèi)者記不住，只要展現(xiàn)核心的賣(mài)點(diǎn)就可以了。

一、主圖設(shè)計(jì)注意事項(xiàng)商品主圖設(shè)計(jì)任務(wù)二5、主圖上避免出現(xiàn)無(wú)價(jià)值的文案。

營(yíng)銷(xiāo)學(xué)上有個(gè)三秒法則，就是消費(fèi)者看到商品寶貝最多給三秒做決定，是忽視還是停留，三秒鐘根本看不了太多的文案，所以不要在首圖上同時(shí)突出太多的賣(mài)點(diǎn)，不得不加的賣(mài)點(diǎn)可以縮小，合理地進(jìn)行排版。6、主圖要迎合目標(biāo)消費(fèi)者。

首圖其實(shí)是為了迎合一部分的人，而不是迎合所有的人，也沒(méi)有任何的首圖能夠迎合所有的人。

二、主圖設(shè)計(jì)的思路商品主圖設(shè)計(jì)任務(wù)二1、確定精準(zhǔn)消費(fèi)人群

開(kāi)始制作主圖之前，要考慮產(chǎn)品的對(duì)應(yīng)人群，要了解對(duì)應(yīng)人群的偏好、興趣愛(ài)好、消費(fèi)能力及消費(fèi)水平等等。因此，要做針對(duì)對(duì)應(yīng)人群的風(fēng)格圖片，一張圖片不可能把所有的人群都覆蓋了，假如把所有人群都覆蓋到，那很容易變成四不像，最后誰(shuí)都看不上。

二、主圖設(shè)計(jì)的思路商品主圖設(shè)計(jì)任務(wù)二2、了解消費(fèi)人群的真實(shí)需求挑選商品圖

消費(fèi)人群確定好之后，接下來(lái)要了解消費(fèi)人群的真實(shí)需求。消費(fèi)者的需求往往隱藏在關(guān)鍵詞中，但是在做主圖的時(shí)候，無(wú)意間忽略消費(fèi)者的需求，忽略消費(fèi)者在搜索關(guān)鍵詞時(shí)真正想要看到的東西，導(dǎo)致最終主圖的點(diǎn)擊率不高。

二、主圖設(shè)計(jì)的思路商品主圖設(shè)計(jì)任務(wù)二3、添加賣(mài)點(diǎn)文案

文案是直接表達(dá)賣(mài)點(diǎn)的方式，賣(mài)點(diǎn)要簡(jiǎn)單明了，用最少的字表達(dá)出商品最重要的信息。一針見(jiàn)血，找到消費(fèi)者最關(guān)心地方，是打折優(yōu)惠、產(chǎn)品功能、或者是快遞優(yōu)勢(shì)等等，找到這些賣(mài)點(diǎn)之后挑選最重要的放到主圖上，吸引消費(fèi)者目光，促成點(diǎn)擊。（1）價(jià)格優(yōu)惠賣(mài)點(diǎn)（2）贈(zèng)品賣(mài)點(diǎn)（3）功能賣(mài)點(diǎn)

二、主圖設(shè)計(jì)的思路商品主圖設(shè)計(jì)任務(wù)二4、根據(jù)差異化選擇主圖背景或細(xì)節(jié)點(diǎn)

根據(jù)關(guān)鍵詞抓住消費(fèi)者需求然后展示產(chǎn)品，是做主圖的第一步，在搜索頁(yè)面非常多的主圖中，同款、甚至同圖片的都非常多，如果沒(méi)有差異化，很難讓消費(fèi)者最先看到你的商品。那么如何才能做到差異化呢？（1）背景顏色差異化（2）角度視覺(jué)差異化（3）細(xì)節(jié)差異化（4）場(chǎng)景差異化

二、主圖設(shè)計(jì)的思路商品主圖設(shè)計(jì)任務(wù)二5、主圖排版

在主圖畫(huà)面中，起最主導(dǎo)地位的是什么？沒(méi)錯(cuò)，就是構(gòu)圖！構(gòu)圖是商品效果直接呈現(xiàn)的主要因素。主圖的構(gòu)圖方式可以參考學(xué)習(xí)情境二海報(bào)的構(gòu)圖，根據(jù)各種不同的商品，主圖構(gòu)圖有所不同。6、主圖的信息分層

信息分層就是將主圖中的信息按照一定的計(jì)劃進(jìn)行一層由一層地優(yōu)先展示，比如主圖中包括3層信息，那么先將什么信息進(jìn)行重點(diǎn)展示，其次展示什么，最后展示什么。

二、主圖設(shè)計(jì)的思路商品主圖設(shè)計(jì)任務(wù)二7、主圖的品牌宣傳

在品牌商標(biāo)方面所有人都可以將品牌Logo放置于主圖的左上角，這樣做的目的是為了品牌的宣傳。特別是對(duì)線(xiàn)下有一定基礎(chǔ)的品牌，轉(zhuǎn)到線(xiàn)上后，完全可以將品牌Logo統(tǒng)一放置在主圖的左上角，使了解此品牌的老顧客能快速識(shí)別，喚醒老顧客的記憶，并通過(guò)主圖中的Logo的展示，認(rèn)定這就是顧客要的正品。也讓新顧客能快速認(rèn)識(shí)此品牌，吸引新顧客的關(guān)注和消費(fèi)，這對(duì)品牌的塑造和宣傳起到很大的作用。

三、主圖打標(biāo)商品主圖設(shè)計(jì)任務(wù)二

在經(jīng)營(yíng)淘寶店鋪的過(guò)程中，新品主圖最好進(jìn)行打標(biāo)處理。它可以獲得較高的權(quán)重，如果到了下架日，新品打標(biāo)權(quán)重加淘寶上下架權(quán)重以及標(biāo)題權(quán)重等等疊加起來(lái)，那時(shí)候?qū)氊愐欢〞?huì)排到前4頁(yè)，甚至首頁(yè)，從而給店鋪帶來(lái)很多的流量以及銷(xiāo)量，提升店鋪權(quán)重。主圖打標(biāo)要注意以下事項(xiàng)：（1）活動(dòng)圖標(biāo)內(nèi)容要與店鋪內(nèi)活動(dòng)及商品信息一致，避免引起不必要糾紛。（2）設(shè)置時(shí)一定要注意圖標(biāo)的形式以及自主打標(biāo)后是否違規(guī)。1、主圖打標(biāo)要注意事項(xiàng)

三、主圖打標(biāo)商品主圖設(shè)計(jì)任務(wù)二2、主圖打標(biāo)的步驟：第一步：進(jìn)入鹿班打標(biāo)工具第二步：選擇模版第三步：創(chuàng)建投放任務(wù)第四步：編輯模板第五步：導(dǎo)入商品第六步：確認(rèn)商品、修改商品價(jià)格第七步：合圖第八步：投放根據(jù)主圖制作的要點(diǎn)和方法，制定以下計(jì)劃：商品主圖設(shè)計(jì)任務(wù)二確定精準(zhǔn)消費(fèi)人群挑選商品圖

添加賣(mài)點(diǎn)文案

差異化處理主圖排版信息分層商品主圖設(shè)計(jì)任務(wù)二一、

制作主圖1、確定精準(zhǔn)消費(fèi)人群：青年2、挑選商品圖：防漏水商品圖3、添加賣(mài)點(diǎn)文案：玻璃運(yùn)動(dòng)防漏耐熱