《跨境電子商務(wù)視覺(jué)設(shè)計(jì)》高職全套教學(xué)課件

跨境電子商務(wù)視覺(jué)設(shè)計(jì)跨境電商視覺(jué)設(shè)計(jì)概述跨境電商店鋪色彩搭配店招、店標(biāo)與店鋪首頁(yè)視覺(jué)設(shè)計(jì)跨境電商商品圖片視覺(jué)設(shè)計(jì)跨境電商店鋪詳情頁(yè)視覺(jué)設(shè)計(jì)跨境電商文案視覺(jué)設(shè)計(jì)全套可編輯PPT課件跨境電商視覺(jué)設(shè)計(jì)概述項(xiàng)目一YCF1.1視覺(jué)設(shè)計(jì)概述1.3跨境電商視覺(jué)設(shè)計(jì)的工作內(nèi)容1.2跨境電商視覺(jué)設(shè)計(jì)的主要因素目錄CATALOG01了解視覺(jué)設(shè)計(jì)的概念。02掌握視覺(jué)設(shè)計(jì)的分類。知識(shí)目標(biāo)03知曉跨境電商視覺(jué)設(shè)計(jì)的主要因素。04掌握跨境電商視覺(jué)設(shè)計(jì)的工作內(nèi)容。本課件是可編輯的正常PPT課件01能夠分清視覺(jué)設(shè)計(jì)的類型。02能夠厘清跨境電商視覺(jué)設(shè)計(jì)的工作內(nèi)容。技能目標(biāo)本課件是可編輯的正常PPT課件重點(diǎn)與難點(diǎn)重點(diǎn):（1）視覺(jué)設(shè)計(jì)的概念。（2）視覺(jué)設(shè)計(jì)的分類。難點(diǎn)：（1）跨境電商視覺(jué)設(shè)計(jì)的主要因素。（2）跨境電商視覺(jué)設(shè)計(jì)的工作內(nèi)容。本課件是可編輯的正常PPT課件案例導(dǎo)入—用視覺(jué)打開(kāi)市場(chǎng)，電商平臺(tái)的Logo這樣做在電商競(jìng)爭(zhēng)加劇、人們更加注重品質(zhì)的今天，品牌設(shè)計(jì)對(duì)企業(yè)來(lái)說(shuō)變得愈加重要。優(yōu)秀的Logo（商標(biāo)/徽標(biāo)）可以強(qiáng)化品牌特性，增強(qiáng)記憶點(diǎn)。1.波妞吃貨波妞吃貨的視覺(jué)設(shè)計(jì)依據(jù)品牌的文化與理念，明確傳達(dá)平臺(tái)業(yè)務(wù)屬性，精準(zhǔn)鎖定受眾群體，在廣闊的市場(chǎng)空間搶占了自己的視覺(jué)市場(chǎng)。波妞吃貨視覺(jué)設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件案例導(dǎo)入—用視覺(jué)打開(kāi)市場(chǎng)，電商平臺(tái)的Logo這樣做2.萬(wàn)米電商云萬(wàn)米電商云是一家致力于為公司提供電商產(chǎn)品及互聯(lián)網(wǎng)服務(wù)的企業(yè)，其標(biāo)志造型元素靈感來(lái)自互聯(lián)網(wǎng)典型的“點(diǎn)擊手”符號(hào)，整體又如同階梯形，以圖形的速度感象征網(wǎng)絡(luò)電商的快捷和助力。萬(wàn)米電商云視覺(jué)設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件案例導(dǎo)入—用視覺(jué)打開(kāi)市場(chǎng)，電商平臺(tái)的Logo這樣做3.范兒范兒為潮流服裝電商平臺(tái)，其標(biāo)志以字體設(shè)計(jì)為主，重點(diǎn)突出年輕、時(shí)尚、潮流的元素。范兒視覺(jué)設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件案例導(dǎo)入—用視覺(jué)打開(kāi)市場(chǎng)，電商平臺(tái)的Logo這樣做4.華貓商城華貓商城為中證華太網(wǎng)絡(luò)科技發(fā)展股份有限公司旗下的綜合類網(wǎng)上商城，以貓咪作為標(biāo)志來(lái)設(shè)計(jì)Logo，寓意吉祥、招財(cái)。華貓商城視覺(jué)設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件1.1視覺(jué)設(shè)計(jì)概述1.1.1視覺(jué)設(shè)計(jì)的概念1.1.2視覺(jué)設(shè)計(jì)的分類1.1.1視覺(jué)設(shè)計(jì)的概念視覺(jué)設(shè)計(jì)是針對(duì)眼睛功能的主觀形式的表現(xiàn)手段和結(jié)果，又稱視覺(jué)傳達(dá)設(shè)計(jì)，既傳達(dá)給視覺(jué)觀眾，又傳達(dá)給設(shè)計(jì)者本人。深入的視覺(jué)傳達(dá)研究已經(jīng)關(guān)注到視覺(jué)方方面面的感受，因此稱其為視覺(jué)設(shè)計(jì)更加貼切。就目前的設(shè)計(jì)狀況分析，視覺(jué)傳達(dá)設(shè)計(jì)的主要內(nèi)容依然是平面設(shè)計(jì)?！耙曈X(jué)傳達(dá)設(shè)計(jì)”“平面設(shè)計(jì)”兩者所包含的設(shè)計(jì)范疇在現(xiàn)階段并無(wú)大的差異，“視覺(jué)傳達(dá)設(shè)計(jì)”“平面設(shè)計(jì)”在概念范疇上的區(qū)分與統(tǒng)一并不存在矛盾與對(duì)立。本課件是可編輯的正常PPT課件1.1.2視覺(jué)設(shè)計(jì)的分類標(biāo)志設(shè)計(jì)分為政治性、公益性、文化性、商業(yè)性設(shè)計(jì)。標(biāo)志設(shè)計(jì)如圖所示。1.標(biāo)志設(shè)計(jì)本課件是可編輯的正常PPT課件1.1.2視覺(jué)設(shè)計(jì)的分類包裝設(shè)計(jì)是指選用合適的包裝材料，運(yùn)用巧妙的工藝手段，為包裝商品進(jìn)行的容器結(jié)構(gòu)造型和包裝的美化裝飾設(shè)計(jì)，如圖所示。2.包裝設(shè)計(jì)本課件是可編輯的正常PPT課件1.1.2視覺(jué)設(shè)計(jì)的分類字體設(shè)計(jì)就是針對(duì)不同的字體來(lái)進(jìn)行設(shè)計(jì)，字體設(shè)計(jì)具有簡(jiǎn)明、直觀、易識(shí)別的特點(diǎn)，如圖所示。3.字體設(shè)計(jì)本課件是可編輯的正常PPT課件1.1.2視覺(jué)設(shè)計(jì)的分類圖像設(shè)計(jì)是指運(yùn)用視覺(jué)設(shè)計(jì)手段，通過(guò)標(biāo)志的造型和特定的色彩等表現(xiàn)手法，使企業(yè)的經(jīng)營(yíng)理念、行為觀念、管理特色、產(chǎn)品包裝風(fēng)格、營(yíng)銷準(zhǔn)則與策略等形成一種整體形象。圖像設(shè)計(jì)如圖所示。4.圖像設(shè)計(jì)本課件是可編輯的正常PPT課件1.1.2視覺(jué)設(shè)計(jì)的分類書(shū)籍設(shè)計(jì)是指為達(dá)到有效傳達(dá)企業(yè)特定信息和提高讀者閱讀興趣的目的，對(duì)文字的筆畫、結(jié)構(gòu)、造型、色彩以及封面和編排等方面進(jìn)行一定的藝術(shù)處理，使其具有鮮明的個(gè)性，使人易認(rèn)易記。書(shū)籍設(shè)計(jì)如圖所示。5.書(shū)籍設(shè)計(jì)本課件是可編輯的正常PPT課件1.1.2視覺(jué)設(shè)計(jì)的分類廣告設(shè)計(jì)是指利用各種手工或計(jì)算機(jī)的繪畫手段或影像技術(shù)以及復(fù)合方式進(jìn)行創(chuàng)造性的圖像設(shè)計(jì)，達(dá)到構(gòu)思巧妙、表現(xiàn)獨(dú)特的效果。廣告設(shè)計(jì)如圖所示。6.廣告設(shè)計(jì)本課件是可編輯的正常PPT課件1.1.2視覺(jué)設(shè)計(jì)的分類裝潢設(shè)計(jì)是商品與消費(fèi)者的媒介，它起著保護(hù)商品、介紹商品、美化商品、指導(dǎo)消費(fèi)，以及便于儲(chǔ)運(yùn)、銷售、計(jì)量等方面的作用。裝潢設(shè)計(jì)如圖所示。7.裝潢設(shè)計(jì)本課件是可編輯的正常PPT課件1.1.2視覺(jué)設(shè)計(jì)的分類界面設(shè)計(jì)又稱GUI設(shè)計(jì)，包括網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)和各類手執(zhí)設(shè)備（手機(jī)、iPad等）系統(tǒng)的界面視覺(jué)設(shè)計(jì)（不含交互體驗(yàn)），是近些年興起的新興設(shè)計(jì)學(xué)科。界面設(shè)計(jì)如圖所示。8.界面設(shè)計(jì)本課件是可編輯的正常PPT課件知識(shí)鏈接—視覺(jué)設(shè)計(jì)案例欣賞1.易車之家易車之家是集汽車銷售和汽車金融服務(wù)為一體的綜合性汽車銷售服務(wù)品牌，其標(biāo)志以徽章形式進(jìn)行表現(xiàn)，流線形的汽車輪廓和隱現(xiàn)的輪胎構(gòu)成汽車主體，體現(xiàn)行業(yè)屬性。易車之家標(biāo)志設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件知識(shí)鏈接—視覺(jué)設(shè)計(jì)案例欣賞2.百瑞悅享百瑞悅享是一家主要經(jīng)營(yíng)瑞士商品的跨境電商平臺(tái)，其標(biāo)志以具有代表性的瑞士吉祥物奶牛作為基本造型進(jìn)行演變?cè)O(shè)計(jì)。百瑞悅享標(biāo)志設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件知識(shí)鏈接—視覺(jué)設(shè)計(jì)案例欣賞3.澳團(tuán)媽咪澳團(tuán)媽咪是一家跨境電商平臺(tái)，主要經(jīng)營(yíng)來(lái)自澳大利亞、新西蘭的母嬰類產(chǎn)品。其標(biāo)志以澳大利亞代表性動(dòng)物袋鼠為基礎(chǔ)進(jìn)行設(shè)計(jì)，采用黃色象征著健康與溫暖，如圖所示。本課件是可編輯的正常PPT課件知識(shí)鏈接—視覺(jué)設(shè)計(jì)案例欣賞4.你也來(lái)你也來(lái)是一家新興的互聯(lián)網(wǎng)電商平臺(tái)，其標(biāo)志圖形緊扣品牌名稱，手部造型靈感來(lái)自迪士尼卡通造型，避免了寫實(shí)帶來(lái)的呆板與煩瑣，整體豐滿有趣。你也來(lái)標(biāo)志設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件1.2跨境電商視覺(jué)設(shè)計(jì)的主要因素1.2.1文案內(nèi)容1.2.2圖片內(nèi)容1.2.3注意事項(xiàng)1.2.1文案內(nèi)容030201品牌的有效性。有知名度的品牌有效性明顯，但是如果商品Logo已經(jīng)夠清楚了，就沒(méi)有必要在內(nèi)容里反復(fù)強(qiáng)調(diào)了。情感性文案。當(dāng)活動(dòng)沒(méi)有明確的賣點(diǎn)，如折扣或者全球首發(fā)之類的賣點(diǎn)時(shí)，可以使用一些情感性文案、能夠互動(dòng)的文案來(lái)打動(dòng)客戶。互動(dòng)性文案。文案的互動(dòng)性越強(qiáng)，就越能引起客戶的關(guān)注。04易讀性文案。描述簡(jiǎn)潔、字號(hào)較大、寬度適宜、閱讀區(qū)域集中的文案更容易閱讀。對(duì)于知名度低的商品，強(qiáng)調(diào)品牌不如強(qiáng)調(diào)其他參數(shù)和利益點(diǎn)有效果。提示本課件是可編輯的正常PPT課件1.2.2圖片內(nèi)容即使文案相同，圖片不同也會(huì)造成轉(zhuǎn)化率不同。1.場(chǎng)景與純色本課件是可編輯的正常PPT課件1.2.2圖片內(nèi)容對(duì)于客戶熟悉的產(chǎn)品，大圖效果更好；而對(duì)于客戶不熟悉的產(chǎn)品，若能適當(dāng)使用模特圖，則能更好地讓客戶了解產(chǎn)品。2.模特與產(chǎn)品本課件是可編輯的正常PPT課件1.2.2圖片內(nèi)容單品類的圖片，圖片本身的吸引力更強(qiáng)，數(shù)量的影響并不那么重要。多品類的圖片，圖片本身的吸引力不如單品類，圖片的數(shù)量至關(guān)重要。3.單品類與多品類本課件是可編輯的正常PPT課件1.2.3注意事項(xiàng)圖文不符。圖文關(guān)系不明。圖文的節(jié)奏感和空間感不強(qiáng)。折扣與價(jià)格不明確。01020304本課件是可編輯的正常PPT課件1.3跨境電商視覺(jué)設(shè)計(jì)的工作內(nèi)容1.3.1網(wǎng)店設(shè)計(jì)策劃1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)1.3.3版面布局設(shè)計(jì)1.3.4商品基本構(gòu)圖設(shè)計(jì)1.3.1網(wǎng)店設(shè)計(jì)策劃為什么要進(jìn)行網(wǎng)店設(shè)計(jì)策劃網(wǎng)店的設(shè)計(jì)是為了提升銷量而不是為了滿足店主的審美要求，不是店主想怎樣設(shè)計(jì)就怎樣設(shè)計(jì)的。一個(gè)網(wǎng)店設(shè)計(jì)得再漂亮、功能再全，如果不能滿足客戶的需求，那么這個(gè)網(wǎng)店的設(shè)計(jì)就是失敗的。店鋪裝修首先要滿足客戶也就是買家的需求，讓買家以自己習(xí)慣的方式在店鋪中暢快地選購(gòu)，只有這樣，才會(huì)促成最后的購(gòu)買，并將買家變?yōu)樽约旱赇伒某？?，買家可能還會(huì)成為店鋪的一個(gè)忠實(shí)的宣傳者。提示本課件是可編輯的正常PPT課件1.3.1網(wǎng)店設(shè)計(jì)策劃（1）提高運(yùn)營(yíng)效率。很多網(wǎng)店店主并非網(wǎng)頁(yè)制作方面的專業(yè)人士，他們總是在不斷地修改網(wǎng)店頁(yè)面。因此，為了避免以后不停地返工修改網(wǎng)店頁(yè)面，事先對(duì)本店的各個(gè)環(huán)節(jié)的設(shè)計(jì)進(jìn)行細(xì)致的策劃是非常有必要的。（2）節(jié)約運(yùn)營(yíng)成本。網(wǎng)店整體設(shè)計(jì)完成，上線運(yùn)營(yíng)一段時(shí)間后為何沒(méi)有很多買家？有時(shí)進(jìn)行了大范圍推廣，收效仍然甚微，這時(shí)就應(yīng)該反思店鋪各個(gè)環(huán)節(jié)設(shè)計(jì)的問(wèn)題，尤其是用戶習(xí)慣環(huán)節(jié)的問(wèn)題。反思網(wǎng)店自身的定位，做好網(wǎng)店設(shè)計(jì)的策劃，能節(jié)省運(yùn)營(yíng)成本。（3）提高成功率。在開(kāi)店之前應(yīng)該做好關(guān)于本店的詳細(xì)策劃，如市場(chǎng)考察、買家群體的定位、贏利模式的研究，只有這樣，才可以使自己的投資有所回報(bào)。1.網(wǎng)店視覺(jué)設(shè)計(jì)策劃的作用本課件是可編輯的正常PPT課件1.3.1網(wǎng)店設(shè)計(jì)策劃相對(duì)于網(wǎng)店頁(yè)面及功能規(guī)劃，網(wǎng)店欄目規(guī)劃的重要性更易被忽略。網(wǎng)店欄目規(guī)劃與網(wǎng)店的成敗有著非常直接的關(guān)系，網(wǎng)店欄目具有提綱挈領(lǐng)，點(diǎn)題明義和指引迷途，清晰導(dǎo)航兩個(gè)功能，二者缺一不可。2.網(wǎng)店欄目設(shè)計(jì)策劃本課件是可編輯的正常PPT課件1.3.1網(wǎng)店設(shè)計(jì)策劃2.網(wǎng)店欄目設(shè)計(jì)策劃（1）提綱挈領(lǐng)，點(diǎn)題明義。網(wǎng)店欄目的規(guī)劃其實(shí)也是對(duì)網(wǎng)店內(nèi)容的高度提煉。文字再優(yōu)美的圖書(shū)，如果缺乏清晰的綱要和結(jié)構(gòu)，恐怕也會(huì)被淹沒(méi)在書(shū)籍的海洋中。網(wǎng)店也是如此，不管網(wǎng)店的內(nèi)容有多精彩，如果缺乏準(zhǔn)確的欄目提煉，也難以引起瀏覽者的關(guān)注。因此，網(wǎng)店的欄目規(guī)劃首先要做到提綱挈領(lǐng)，點(diǎn)題明義，用最簡(jiǎn)練的語(yǔ)言提煉出網(wǎng)店中每一個(gè)欄目的內(nèi)容，清晰地告訴買家網(wǎng)店在賣什么，有哪些信息和功能。本課件是可編輯的正常PPT課件1.3.1網(wǎng)店設(shè)計(jì)策劃2.網(wǎng)店欄目設(shè)計(jì)策劃（2）指引迷途，清晰導(dǎo)航。網(wǎng)店的商品越多，買家就越容易迷失。除了“提綱”的作用之外，網(wǎng)店欄目還應(yīng)該為買家提供清晰直觀的導(dǎo)航指引，幫助買家方便地找到網(wǎng)店所有商品的頁(yè)面。網(wǎng)店欄目的導(dǎo)航作用通常包括以下幾種情況。①店招上的固定分類導(dǎo)航。②商品欄目導(dǎo)航。③搜索類導(dǎo)航。本課件是可編輯的正常PPT課件1.3.1網(wǎng)店設(shè)計(jì)策劃①店招上的固定分類導(dǎo)航。店招上的固定分類導(dǎo)航可以幫助買家快速找到所需的欄目。通常此類導(dǎo)航都是與店招捆綁在一起的，位置也會(huì)固定在網(wǎng)店的頂部，目的是讓買家以最快的方式找到自己想要的商品。店招上的固定分類導(dǎo)航如圖所示。本課件是可編輯的正常PPT課件1.3.1網(wǎng)店設(shè)計(jì)策劃②商品欄目導(dǎo)航。商品欄目導(dǎo)航也就是所謂的寶貝分類，分類越詳細(xì)，越能讓買家快速找到想要的商品。商品欄目導(dǎo)航如圖所示。本課件是可編輯的正常PPT課件1.3.1網(wǎng)店設(shè)計(jì)策劃③搜索類導(dǎo)航。對(duì)于店鋪的老顧客而言，店招上的固定分類導(dǎo)航與商品欄目導(dǎo)航已經(jīng)沒(méi)有太大意義，老顧客進(jìn)入店鋪的目的就是以最直接的方式快速找到他們想要的商品，此時(shí)就可以通過(guò)店鋪中“搜索店內(nèi)寶貝”進(jìn)行快速搜索，目的是節(jié)省時(shí)間，提升瀏覽效率。搜索類導(dǎo)航如圖所示。本課件是可編輯的正常PPT課件1.3.1網(wǎng)店設(shè)計(jì)策劃網(wǎng)店頁(yè)面是網(wǎng)店銷售商品的最終表現(xiàn)層，也是買家訪問(wèn)網(wǎng)店的直接接觸層。對(duì)網(wǎng)店頁(yè)面設(shè)計(jì)的評(píng)估，最有發(fā)言權(quán)的當(dāng)然是網(wǎng)店的買家，然而買家卻無(wú)法明確地告訴店主他們想要的是什么樣的網(wǎng)店頁(yè)面，繼續(xù)瀏覽或者馬上離開(kāi)網(wǎng)店是他們表達(dá)意見(jiàn)的最直接方法。3.網(wǎng)店頁(yè)面設(shè)計(jì)策劃優(yōu)秀的網(wǎng)店策劃者除了要聽(tīng)取團(tuán)隊(duì)中各個(gè)角色的意見(jiàn)之外，還要善于從買家的購(gòu)買行為中捕捉買家的意見(jiàn)。提示本課件是可編輯的正常PPT課件網(wǎng)頁(yè)設(shè)計(jì)需遵循的原則符合買家的心理特點(diǎn)。符合買家的瀏覽習(xí)慣。符合買家的使用習(xí)慣。圖文搭配、重點(diǎn)突出。01020304利于搜索引擎優(yōu)化。05本課件是可編輯的正常PPT課件網(wǎng)頁(yè)設(shè)計(jì)需遵循的原則（1）符合買家的心理特點(diǎn)。讓買家在打開(kāi)網(wǎng)店的一瞬間能直觀地感受到網(wǎng)店所要傳遞的理念及特征，可以通過(guò)頁(yè)面色彩、圖片、布局等來(lái)表現(xiàn)。例如，與生日有關(guān)的網(wǎng)店的頁(yè)面設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件網(wǎng)頁(yè)設(shè)計(jì)需遵循的原則（2）符合買家的瀏覽習(xí)慣。根據(jù)重要性對(duì)網(wǎng)店內(nèi)容進(jìn)行排序，讓買家用最少的視線移動(dòng)和鼠標(biāo)移動(dòng)找到所需信息，如圖所示。本課件是可編輯的正常PPT課件網(wǎng)頁(yè)設(shè)計(jì)需遵循的原則（3）符合買家的使用習(xí)慣。根據(jù)網(wǎng)店買家的使用習(xí)慣，將買家最常使用的功能放在醒目的位置，以便于買家查找及使用，如圖所示。本課件是可編輯的正常PPT課件網(wǎng)頁(yè)設(shè)計(jì)需遵循的原則（4）圖文搭配、重點(diǎn)突出。買家對(duì)圖片的認(rèn)知程度往往高于對(duì)文字的認(rèn)知程度，適當(dāng)?shù)厥褂脠D片可以提高買家的關(guān)注度。此外，確定頁(yè)面的視覺(jué)焦點(diǎn)也很重要，過(guò)多的干擾元素會(huì)讓買家不知所措。圖文搭配、重點(diǎn)突出的網(wǎng)頁(yè)設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件網(wǎng)頁(yè)設(shè)計(jì)需遵循的原則（5）利于搜索引擎優(yōu)化。多用文字及描述，以便于搜索引擎收錄網(wǎng)店，讓買家更容易找到自己所需內(nèi)容。利于搜索引擎優(yōu)化的網(wǎng)頁(yè)設(shè)計(jì)如圖所示。本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)一個(gè)完整的網(wǎng)店頁(yè)面是由各個(gè)功能元素組成的，每個(gè)元素都具有獨(dú)特的功能。網(wǎng)店頁(yè)面的主要功能元素有店招、促銷廣告、寶貝分類、聯(lián)系方式、店鋪收藏、店鋪公告、寶貝展示、寶貝排行和寶貝描述等。本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)店招是網(wǎng)店的靈魂，必須放在網(wǎng)店頁(yè)面的頂部，用來(lái)說(shuō)明經(jīng)營(yíng)項(xiàng)目，招攬買家，如圖所示。1.店招本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)在網(wǎng)店頁(yè)面上把商品直觀地展現(xiàn)給瀏覽者，并留出展示相應(yīng)廣告的區(qū)域，應(yīng)該是最受買家關(guān)注的區(qū)域之一。促銷廣告如圖所示。2.促銷廣告本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)如果網(wǎng)店中上傳的商品過(guò)多，查看起來(lái)就會(huì)非常麻煩，此時(shí)如果將相同類型的商品進(jìn)行歸類，再進(jìn)行查找就會(huì)變得十分輕松。網(wǎng)店中的寶貝分類就是為了讓買家以最便捷的方式找到自己想買的寶貝，如圖所示。3.寶貝分類本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)在店鋪中添加聯(lián)系方式可以讓買家對(duì)瀏覽的店鋪更加信任。聯(lián)系方式可以按照店鋪的設(shè)計(jì)類型放在合適的位置，可以是單獨(dú)的標(biāo)準(zhǔn)通欄，也可以隨左側(cè)或右側(cè)促銷廣告一同出現(xiàn)。聯(lián)系方式如圖所示。4.聯(lián)系方式本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)在店鋪中設(shè)置收藏按鈕的意義在于引起買家的注意，吸引更多的人自愿收藏店鋪。5.店鋪收藏在設(shè)計(jì)與制作網(wǎng)店頁(yè)面時(shí)要求收藏店鋪的按鈕醒目。提示本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)宣傳的方式主要有三種：一是直接在頁(yè)面右側(cè)自定義區(qū)域鍵入文字，優(yōu)點(diǎn)是內(nèi)容醒目、直接，缺點(diǎn)是會(huì)影響整個(gè)店鋪的裝修設(shè)計(jì)；二是將促銷文字與圖片相結(jié)合，以圖片的方式出現(xiàn)在自定義區(qū)域，優(yōu)點(diǎn)是可以兼顧店鋪的裝修設(shè)計(jì)，缺點(diǎn)是更換圖片不是很便利；三是以公告文字的形式動(dòng)態(tài)地展示在自定義區(qū)域，優(yōu)點(diǎn)是直觀、醒目、內(nèi)容替換方便，缺點(diǎn)是不夠美觀。最直觀的宣傳方式莫過(guò)于店鋪公告了。6.店鋪公告本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)網(wǎng)店中出售的商品都會(huì)出現(xiàn)在寶貝展示區(qū)域。7.寶貝展示本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)在網(wǎng)店中添加計(jì)數(shù)功能，可以讓店主十分輕松地了解買家的購(gòu)買心理，或查看爆款商品的銷售行情，以此來(lái)管理網(wǎng)店，做到心中有數(shù)。8.寶貝排行本課件是可編輯的正常PPT課件1.3.2網(wǎng)店頁(yè)面功能元素布局設(shè)計(jì)寶貝描述模板通常是指包含商品描述在內(nèi)的商品介紹頁(yè)面?？梢詫⑵湓O(shè)計(jì)成一個(gè)模板，其他商品都可以使用這個(gè)模板展示。在網(wǎng)店中如果每種商品都有自己的一個(gè)描述樣式，那么整個(gè)店鋪看起來(lái)會(huì)非常不統(tǒng)一。9.寶貝描述為不同的商品制作一個(gè)通用的描述模板，就能使整個(gè)店鋪看起來(lái)非常協(xié)調(diào)，讓買家看起來(lái)比較舒服。提示本課件是可編輯的正常PPT課件1.3.3版面布局設(shè)計(jì)版面布局就是以最適合買家瀏覽的方式將圖片和文字?jǐn)[放在頁(yè)面的不同位置。網(wǎng)店頁(yè)面排版布局在設(shè)計(jì)時(shí)可以按照以下幾個(gè)原則進(jìn)行。（1）主次分明，中心突出。（2）圖文搭配，相互照應(yīng)。（3）控制好背景色彩。（4）保持簡(jiǎn)潔性、一致性。1.版面布局原則本課件是可編輯的正常PPT課件1.3.3版面布局設(shè)計(jì)網(wǎng)店頁(yè)面內(nèi)容的排版除了使用跨境電商平臺(tái)本身提供的布局格式以外，更加細(xì)致的內(nèi)容排版要依靠文字和圖片。頁(yè)面內(nèi)容的排版如圖所示。2.頁(yè)面內(nèi)容的排版本課件是可編輯的正常PPT課件不同類型排版的作用（1）文字排版的作用。相對(duì)于圖片，文字同樣具有吸引力，在瀏覽一個(gè)網(wǎng)店的時(shí)候，能夠直接吸引用戶目光的有時(shí)并不是圖片，而是文字。大多數(shù)通過(guò)偶然點(diǎn)擊進(jìn)入網(wǎng)店的用戶是來(lái)尋覓相關(guān)信息的，因此，保證網(wǎng)店頁(yè)面設(shè)計(jì)凸顯出最重要的信息版塊，是設(shè)計(jì)的首要原則。（2）圖片排版的作用。買家通過(guò)圖片可以直接看到商品的效果，因此在排版時(shí)應(yīng)該對(duì)圖片進(jìn)行詳細(xì)的設(shè)置，如為縮短瀏覽者在本網(wǎng)店瀏覽時(shí)的等待時(shí)間，一定要對(duì)圖片的大小進(jìn)行相應(yīng)的控制，這樣才能讓瀏覽者以最快的速度瀏覽商品圖片。本課件是可編輯的正常PPT課件1.3.3版面布局設(shè)計(jì)（1）從上向下，從左向右，按照內(nèi)容的重要性優(yōu)先有序地展開(kāi)。（2）買家的目光第一時(shí)間聚焦于頁(yè)面的左上角，因此重要的內(nèi)容放在左上角。（3）花哨的文字字體和顏色常常會(huì)被忽視。（4）避免呈現(xiàn)大塊的文本，簡(jiǎn)短的段落相對(duì)于長(zhǎng)段落有更好的表現(xiàn)力。（5）根據(jù)視覺(jué)鎖定原理，一欄格式比多欄格式擁有更好的表現(xiàn)力。（6）越大的圖片越能吸引更多的注意力。（7）干凈、清晰的特寫圖片能吸引更多的注意力。3.設(shè)計(jì)網(wǎng)店頁(yè)面布局的注意事項(xiàng)本課件是可編輯的正常PPT課件1.3.4商品基本構(gòu)圖設(shè)計(jì)1.橫式構(gòu)圖3.斜式構(gòu)圖5.對(duì)稱式構(gòu)圖2.豎式構(gòu)圖4.黃金分割法構(gòu)圖6.其他形式的構(gòu)圖本課件是可編輯的正常PPT課件1.3.4商品基本構(gòu)圖設(shè)計(jì)1.橫式構(gòu)圖橫式構(gòu)圖是商品呈橫向放置或橫向排列的構(gòu)圖方式。這種構(gòu)圖方式給人的感覺(jué)是穩(wěn)定和可靠，是一種常用的構(gòu)圖方式。2.豎式構(gòu)圖豎式構(gòu)圖是商品呈豎向放置或豎向排列的構(gòu)圖方式。這種構(gòu)圖方式給人的感覺(jué)是高挑和秀朗，常用來(lái)展示長(zhǎng)的或者豎立的商品，也是一種經(jīng)常使用的構(gòu)圖方式。3.斜式構(gòu)圖斜式構(gòu)圖是商品呈斜向擺放的構(gòu)圖方式。這種構(gòu)圖方式的特點(diǎn)是富有動(dòng)感、個(gè)性突出，對(duì)于造型、色彩或者理念等較為突出的商品，斜式構(gòu)圖方式較為常用，使用得當(dāng)可以得到不錯(cuò)的畫面效果。本課件是可編輯的正常PPT課件1.3.4商品基本構(gòu)圖設(shè)計(jì)4.黃金分割法構(gòu)圖在攝影構(gòu)圖中一般比較忌諱將拍攝的主體置于畫面正中間位置。在黃金分割法構(gòu)圖方式中，畫面的長(zhǎng)寬比例通常為1∶0.7，由于按此比例設(shè)計(jì)的造型十分優(yōu)美，因此該比例被稱為“黃金分割”，在黃金分割的九宮格內(nèi)相交的四個(gè)點(diǎn)處是放置主體的位置，這樣可以使畫面更加完美，如圖所示。本課件是可編輯的正常PPT課件1.3.4商品基本構(gòu)圖設(shè)計(jì)5.對(duì)稱式構(gòu)圖對(duì)稱式構(gòu)圖具有平衡、穩(wěn)定和相呼應(yīng)的特點(diǎn)，缺點(diǎn)是表現(xiàn)呆板、缺少變化。為了防止這種呆板的表現(xiàn)形式，常常在對(duì)稱中構(gòu)建一些不對(duì)稱。6.其他形式的構(gòu)圖商品的擺放其實(shí)也是一種陳列藝術(shù)，同一種商品按照不同風(fēng)格擺放會(huì)得到意想不到的視覺(jué)效果。本課件是可編輯的正常PPT課件項(xiàng)目實(shí)訓(xùn)——跨境電商店鋪?lái)?yè)面設(shè)計(jì)策劃【實(shí)訓(xùn)目的】（1）能夠掌握跨境電商店鋪?lái)?yè)面設(shè)計(jì)策劃的內(nèi)容。（2）能夠獨(dú)立完成跨境電商店鋪的頁(yè)面設(shè)計(jì)策劃。（3）掌握獨(dú)立思考和分析問(wèn)題的方法。本課件是可編輯的正常PPT課件項(xiàng)目實(shí)訓(xùn)——跨境電商店鋪?lái)?yè)面設(shè)計(jì)策劃【實(shí)訓(xùn)內(nèi)容】（1）按每組3～5人進(jìn)行分組，每個(gè)小組設(shè)組長(zhǎng)一名，負(fù)責(zé)統(tǒng)籌工作。每個(gè)小組在組長(zhǎng)的帶領(lǐng)下完成對(duì)跨境電商店鋪?lái)?yè)面設(shè)計(jì)策劃相關(guān)知識(shí)點(diǎn)的學(xué)習(xí)。（2）以小組為單位，組長(zhǎng)分配任務(wù)，小組人員通力合作完成網(wǎng)店頁(yè)面設(shè)計(jì)。本課件是可編輯的正常PPT課件項(xiàng)目實(shí)訓(xùn)——跨境電商店鋪?lái)?yè)面設(shè)計(jì)策劃【實(shí)訓(xùn)步驟】（1）以小組為單位學(xué)習(xí)網(wǎng)店頁(yè)面設(shè)計(jì)策劃相關(guān)的知識(shí)點(diǎn)。（2）以小組為單位，任務(wù)分配到個(gè)人，每個(gè)人都要完成網(wǎng)店功能元素與版面布局設(shè)計(jì)的一個(gè)環(huán)節(jié)。（3）小組內(nèi)每個(gè)成員都要形成書(shū)面文件，寫出自己所完成環(huán)節(jié)的難點(diǎn)與心得，以小組為單位進(jìn)行交換、點(diǎn)評(píng)。本課件是可編輯的正常PPT課件課后練習(xí)題（1）視覺(jué)設(shè)計(jì)。（2）裝潢設(shè)計(jì)。（3）跨境電商視覺(jué)設(shè)計(jì)。（4）界面設(shè)計(jì)。1.名詞解釋本課件是可編輯的正常PPT課件課后練習(xí)題（1）簡(jiǎn)述視覺(jué)設(shè)計(jì)理念。（2）簡(jiǎn)述如何做好跨境電商視覺(jué)設(shè)計(jì)。（3）簡(jiǎn)述字體設(shè)計(jì)。（4）簡(jiǎn)述跨境電商視覺(jué)設(shè)計(jì)的主要因素。2.簡(jiǎn)答題本課件是可編輯的正常PPT課件謝謝觀賞敬請(qǐng)指正！跨境電商店鋪色彩搭配項(xiàng)目二YCF2.1色彩的基礎(chǔ)知識(shí)2.2跨境電商店鋪色彩搭配技巧目錄CATALOG01了解色彩的基礎(chǔ)知識(shí)。02掌握跨境電商店鋪色彩搭配技巧。知識(shí)目標(biāo)本課件是可編輯的正常PPT課件01能夠?qū)Σ煌纳蔬M(jìn)行對(duì)比、搭配。02能夠進(jìn)行有效的網(wǎng)店配色。技能目標(biāo)本課件是可編輯的正常PPT課件重點(diǎn)與難點(diǎn)重點(diǎn):（1）色彩的基本特性。（2）網(wǎng)店配色。難點(diǎn)：（1）色相對(duì)比與色彩視覺(jué)。（2）網(wǎng)店頁(yè)面與色彩。本課件是可編輯的正常PPT課件案例導(dǎo)入—跨境電商店鋪配色技巧1.色彩風(fēng)格定位色彩風(fēng)格定位也就是確定主色調(diào)。什么是色彩風(fēng)格？什么是主色調(diào)？先來(lái)看兩幅圖，試著分別用這幾個(gè)關(guān)鍵詞去對(duì)應(yīng)這幾張海報(bào)：高檔、促銷、喜慶、科技。能對(duì)應(yīng)得上嗎？相信絕大多數(shù)人都能對(duì)應(yīng)上，因?yàn)閺男〉酱笫艿街車h(huán)境的影響，在人們的潛意識(shí)里已經(jīng)形成了這樣一種色彩印象，也就是所謂的色彩風(fēng)格：紅色象征喜慶，藍(lán)色象征科技，暗黑象征高檔，橙黃象征促銷。本課件是可編輯的正常PPT課件案例導(dǎo)入—跨境電商店鋪配色技巧所以不管是做詳情頁(yè)還是做海報(bào)，首先要根據(jù)產(chǎn)品的風(fēng)格來(lái)確定主色調(diào)。比如現(xiàn)在要做一款女裝的海報(bào)，如圖左所示。圖左中的服裝是不是很粉嫩，很可愛(ài)？再比如下面這款服裝，如圖右所示。暗黑的花紋、蝙蝠的翅膀，給人的感覺(jué)就是陰森、黑暗。如果做詳情頁(yè)時(shí)首先考慮用粉色來(lái)跟這款衣服搭配，畫面會(huì)讓人感覺(jué)“太詭異”。所以做任何圖片之前都要根據(jù)產(chǎn)品的風(fēng)格來(lái)確定主色調(diào)，主色調(diào)不同于主體。產(chǎn)品是海報(bào)的主體，是圖片中最重要的部分；但主色調(diào)的作用也不可忽視，用好了可以很好地烘托出主體的風(fēng)格。本課件是可編輯的正常PPT課件案例導(dǎo)入—跨境電商店鋪配色技巧2.色彩的風(fēng)格主色調(diào)定好了，接下來(lái)就要確定搭配色了。那么如何才能搭配出合適的配色呢？圖示的海報(bào)，主色調(diào)是黑色，文字部分選的是比較透亮的黃色與白色，與背景形成鮮明的反差，自然就脫穎而出了。這是對(duì)比色的應(yīng)用，黑色與白色搭配是明度對(duì)比，黑白與黃色搭配是無(wú)彩色與有彩色的對(duì)比，等等。簡(jiǎn)單來(lái)說(shuō)，案例海報(bào)的配色就是選擇與主色調(diào)差別較大的顏色（對(duì)比色），這個(gè)差別可以是明度上、色相上的差別，也可以是純度上的差別。一般來(lái)說(shuō)，色彩基礎(chǔ)比較扎實(shí)的人是可以隨機(jī)應(yīng)變的，根據(jù)色彩要素可以隨意組合出自己想要的任何風(fēng)格的配色。新手怎么辦？對(duì)色彩沒(méi)有那么敏感，總不能盲目地配色。經(jīng)驗(yàn)告訴我們，最好的辦法就是臨摹。3.色相的種類色相的種類不超過(guò)3種，是最不容易出錯(cuò)的搭配法則（對(duì)色彩的把控能力特別強(qiáng)的話可以例外）。一般來(lái)說(shuō)，不是追求特別夸張、特別刺激的畫面，色相的種類不超過(guò)3種是最為適宜的做法。本課件是可編輯的正常PPT課件案例導(dǎo)入—跨境電商店鋪配色技巧4.色彩的面積主色和對(duì)比色的比例要協(xié)調(diào)，一般來(lái)說(shuō),主色的面積占比是最大的，對(duì)比色（想要突出的重點(diǎn)）的面積占比小，如圖所示。圖片一眼看過(guò)去全是黃色（主色）——最能烘托海報(bào)想要表達(dá)的促銷主題，烘托活動(dòng)低價(jià)的氛圍。再看主題部分“搶足紅包”，用了明度最高的白色（對(duì)比色），面積很小，次主題“最高1111元”用的是一個(gè)紅色的色塊，面積占比也很小——但這兩個(gè)面積很小的地方卻很搶眼。通過(guò)這個(gè)案例想傳遞給大家的信息如下。主色：通常面積占比最大，一眼看過(guò)去全是它，最能體現(xiàn)產(chǎn)品的風(fēng)格，烘托整張海報(bào)的氛圍。對(duì)比色：通常面積占比很小，但顏色要最搶眼，能突出重點(diǎn)。本課件是可編輯的正常PPT課件案例導(dǎo)入—跨境電商店鋪配色技巧5.最不容易出錯(cuò)的配色方法——吸物法如果拿到一款產(chǎn)品，做詳情時(shí)不知道它是什么風(fēng)格的，對(duì)配色完全沒(méi)有思路，那么最保險(xiǎn)的方法就是取物體本身的顏色來(lái)搭配。例如，一件紅色衣服，如果看不出來(lái)它是什么風(fēng)格的，那么主色就選和衣服一樣的紅色或者粉色，而且整個(gè)詳情的底色都用該顏色。搭配色的話首先選黃色，而且面積要很小，可能會(huì)用在詳情標(biāo)題欄的位置。同理，如果一件衣服除了黑白和紅色，還有面積很小的黃色，那么黃色部分一般是服裝設(shè)計(jì)師設(shè)計(jì)這款衣服時(shí)想要表達(dá)的亮點(diǎn)，使衣服整體看起來(lái)多了一份活力，如果去掉這一抹面積很小的黃色，整個(gè)服裝的色彩設(shè)計(jì)給人的感覺(jué)可能就有點(diǎn)乏味了。本課件是可編輯的正常PPT課件案例導(dǎo)入—跨境電商店鋪配色技巧6.色彩臨摹法色彩臨摹法的前提是要找準(zhǔn)產(chǎn)品的風(fēng)格、定位，再相應(yīng)地去找合適的臨摹對(duì)象。例如，要做一張復(fù)古優(yōu)雅的女裝海報(bào)，那么就可以從復(fù)古優(yōu)雅的花瓣海報(bào)中選一張最合適的，直接模仿它的色彩就好。模仿優(yōu)秀配色的原則是除了色相、明度、飽和度要抄對(duì)之外，最重要的是各個(gè)顏色之間的面積比例要抄對(duì)。最后給大家留一個(gè)問(wèn)題：看到圖示這張海報(bào)配色（主色調(diào)為紫色，字體為白色），你能聯(lián)想到的詞匯有哪些？本課件是可編輯的正常PPT課件2.1色彩的基礎(chǔ)知識(shí)2.1.1色彩的種類2.1.2色彩的基本特性2.1.3國(guó)際標(biāo)準(zhǔn)色彩體系2.1.4色相對(duì)比與色彩視覺(jué)2.1.5色彩的表現(xiàn)特征2.1.1色彩的種類色彩可分為兩大類：無(wú)彩色系和有彩色系。有彩色系的顏色具有三個(gè)基本特性：色相、純度（也稱彩度、飽和度）、明度。飽和度為零的顏色則為無(wú)彩色系。提示本課件是可編輯的正常PPT課件2.1.1色彩的種類無(wú)彩色系是指白色、黑色，以及由白色、黑色調(diào)和形成的各種深淺不同的灰色。無(wú)彩色按照一定的變化規(guī)律可以排成一個(gè)系列，由白色漸變到淺灰、中灰、深灰，一直到黑色，色度學(xué)上稱此為黑白系列。無(wú)彩色系如圖所示。1.無(wú)彩色系本課件是可編輯的正常PPT課件2.1.1色彩的種類彩色是指紅、橙、黃、綠、青、藍(lán)、紫等顏色。不同明度和純度的紅、橙、黃、綠、青、藍(lán)、紫色都屬于有彩色系。有彩色系如圖所示。2.有彩色系有彩色是由光的波長(zhǎng)和振幅決定的，波長(zhǎng)決定色相，振幅決定色調(diào)。提示本課件是可編輯的正常PPT課件2.1.2色彩的基本特性色相是有彩色系的最大特征。所謂色相，是指能夠比較確切地表示某種顏色色別的名稱，如玫瑰紅、橙黃、檸檬黃、鈷藍(lán)、群青、翠綠……從光學(xué)物理上講，各種色相是由射入人眼的光線的光譜成分決定的。色相環(huán)如圖所示。1.色相本課件是可編輯的正常PPT課件2.1.2色彩的基本特性色彩的純度是指色彩的純凈程度，它表示顏色中所含有色成分的比例，如圖所示。含有色成分的比例越大，則色彩的純度越高；含有色成分的比例越小，則色彩的純度越低?？梢?jiàn)光譜的各種單色光是最純的顏色，為極限純度。2.純度本課件是可編輯的正常PPT課件2.1.2色彩的基本特性明度是指色彩的明亮程度，如圖所示。各種有色物體由于其反射光量的區(qū)別而產(chǎn)生顏色的明暗強(qiáng)弱。色彩的明度有以下兩種情況。（1）同一色相不同明度。（2）各種顏色的不同明度。3.明度本課件是可編輯的正常PPT課件2.1.3國(guó)際標(biāo)準(zhǔn)色彩體系PCCS色彩體系（如圖）是日本色彩研究所研制的，其最大的特點(diǎn)是將色彩的三屬性關(guān)系綜合成色相與色調(diào)兩種觀念來(lái)構(gòu)成色調(diào)系列。從色調(diào)的觀念出發(fā)，展示了每一個(gè)色相的明度關(guān)系和純度關(guān)系，從每一個(gè)色相在色調(diào)系列中的位置明確地分析出色相的明度、純度的成分含量。1.日本的PCCS色彩體系本課件是可編輯的正常PPT課件2.1.3國(guó)際標(biāo)準(zhǔn)色彩體系Munsell（蒙塞爾）色彩體系于1898年由美國(guó)藝術(shù)家蒙塞爾發(fā)明，是另一種常用的顏色測(cè)量系統(tǒng)，如圖所示。Munsell色彩體系模型為一球體，在“赤道”上是一條色帶，球體軸的明度為中性灰，“北極”為白色，“南極”為黑色。從球體軸向水平方向延伸出來(lái)的是不同級(jí)別明度的變化，從中性灰到完全飽和2.美國(guó)的Munsell色彩體系本課件是可編輯的正常PPT課件2.1.3國(guó)際標(biāo)準(zhǔn)色彩體系

奧斯特瓦德色彩體系是以赫林的生理四原色黃、紅、藍(lán)、綠）為基礎(chǔ)，將四色分別放在圓周的四個(gè)等分點(diǎn)上，成為兩組補(bǔ)色對(duì)，然后在兩色中間依次增加橙、紫、藍(lán)綠、黃綠四色相，總共8色相，每一色相再分為3色相，成為24色相的色相環(huán)。色相順序順時(shí)針為黃、橙、紅、紫、藍(lán)、藍(lán)綠、綠、黃綠。奧斯特瓦德色彩體系如圖所示。3.德國(guó)的奧斯特瓦德色彩體系本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)兩種以上色彩組合后，由于色相差別而形成的色彩對(duì)比效果稱為色相對(duì)比。它是色彩對(duì)比的一個(gè)根本方面，其對(duì)比強(qiáng)弱程度取決于色相在色相環(huán)上的距離（角度），距離（角度）越小，對(duì)比越弱，反之則對(duì)比越強(qiáng)。色相對(duì)比如圖所示。1.色相對(duì)比本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)（1）零度對(duì)比。①無(wú)彩色對(duì)比。②無(wú)彩色與有彩色對(duì)比。③同類色相對(duì)比。④無(wú)彩色與同類色相對(duì)比。（2）調(diào)和對(duì)比。①鄰近色相對(duì)比。②類似色相對(duì)比。③中度色相對(duì)比。（3）強(qiáng)烈對(duì)比。①對(duì)比色相對(duì)比。②補(bǔ)色對(duì)比。色相對(duì)比的類型本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)（1）色彩的冷、暖感。色彩本身并無(wú)冷暖的溫度差別，是視覺(jué)色彩引起人們對(duì)冷暖感覺(jué)的心理聯(lián)想。色彩的冷、暖感如圖所示。2.色彩視覺(jué)本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)2.色彩視覺(jué)（2）色彩的輕、重感。色彩的輕、重感主要與色彩的明度有關(guān)。明度高的色彩使人聯(lián)想到藍(lán)天、白云、彩霞、花卉，以及棉花、羊毛等，產(chǎn)生輕柔、飄浮、上升、敏捷、靈活等感覺(jué)。明度低的色彩易使人聯(lián)想到鋼鐵、大理石等物品，產(chǎn)生沉重、穩(wěn)定、降落等感覺(jué)。色彩的輕、重感如圖所示。本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)2.色彩視覺(jué)（3）色彩的軟、硬感。色彩的軟、硬感也主要取決于色彩的明度，但與純度也有一定的關(guān)系。色彩的明度越高，感覺(jué)越軟，明度越低則感覺(jué)越硬，但白色反而軟感略強(qiáng)。明度高、純度低的色彩有軟感，中純度的色彩也呈柔感。高純度和低純度的色彩都呈硬感，如果它們明度又低，則硬感更明顯。色彩的軟、硬感與色相幾乎無(wú)關(guān)。色彩的軟、硬感如圖所示。本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)2.色彩視覺(jué)（4）色彩的前、后感。各種不同波長(zhǎng)的色彩在人眼視網(wǎng)膜上的成像有前后之分，一般暖色、純色、高明度色、強(qiáng)烈對(duì)比色、大面積色、集中色等有前進(jìn)感，相反，冷色、濁色、低明度色、弱對(duì)比色、小面積色、分散色等有后退感。色彩的前、后感如圖所示。本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)2.色彩視覺(jué)（5）色彩的大、小感。由于色彩有前后的感覺(jué)，因此暖色、高明度色等有擴(kuò)大、膨脹感，冷色、低明度色等有顯小、收縮感。色彩的大、小感如圖所示。本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)2.色彩視覺(jué)（6）色彩的華麗、質(zhì)樸感。色彩的三要素對(duì)華麗及質(zhì)樸感都有影響，其中純度與之關(guān)系最大。明度高、純度高的色彩，豐富、強(qiáng)對(duì)比的色彩讓人感覺(jué)華麗、輝煌；明度和純度低及單純、弱對(duì)比的色彩讓人感覺(jué)質(zhì)樸、古雅。但無(wú)論何種色彩，如果具有光澤，都能達(dá)到華麗的效果。色彩的華麗、質(zhì)樸感如圖所示。本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)2.色彩視覺(jué)（7）色彩的活潑、莊重感。暖色、高純度色、豐富多彩色、強(qiáng)對(duì)比色讓人感覺(jué)跳躍、活潑、有朝氣，冷色、低純度色、低明度色讓人感覺(jué)莊重、嚴(yán)肅。色彩的活潑、莊重感如圖所示。本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)2.色彩視覺(jué)（8）色彩的興奮、沉靜感。影響色彩的興奮、沉靜感最明顯的要素是色相，紅、橙、黃等鮮艷而明亮的色彩給人以興奮感，藍(lán)、藍(lán)綠、藍(lán)紫等色彩使人感到沉著、平靜。純度對(duì)色彩的興奮與沉靜感的影響也很大，高純度色彩給人興奮感，低純度色彩給人沉靜感。色彩的興奮、沉靜感如圖所示。本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)（1）冷色＋冷色，暖色＋暖色，冷色＋中間色。（2）暖色＋中間色，中間色＋中間色，純色＋純色。（3）凈色（純色）＋雜色，純色＋圖案。3.顏色搭配原則本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)紅色的波長(zhǎng)最長(zhǎng)，穿透力強(qiáng)，感知度高。它易使人感覺(jué)溫暖，具有興奮、活潑、熱情、積極、希望、忠誠(chéng)健康、充實(shí)、飽滿、幸福等積極的傾向；但有時(shí)也被認(rèn)為是幼稚、原始、暴力、危險(xiǎn)、卑俗的象征。紅色如圖所示。1.紅色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)橙色具有紅與黃之間的色性，它使人聯(lián)想到火焰、燈光、霞光、水果等物象，是最溫暖、明亮的色彩，使人感覺(jué)活潑、華麗、輝煌、躍動(dòng)、熾熱、溫情、甜蜜、愉快、幸福，但也有疑惑、嫉妒、偽詐等消極傾向。橙色如圖所示。2.橙色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)黃色是所有色相中明度最高的色彩，給人輕快、光輝、透明、活潑、光明、輝煌、希望、功名、健康等感覺(jué)。但黃色過(guò)于明亮而顯得刺眼，并且與其他色彩相混易失去其原貌，故也有輕薄、不穩(wěn)定、變化無(wú)常、冷淡等不良含義。黃色如圖所示。3.黃色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)綠色是自然之色，代表了生命與希望，也充滿了青春活力。綠色象征著和平與安全、發(fā)展與生機(jī)、舒適與安寧、松弛與休息。綠色最適宜人眼注視，有消除疲勞等功能。綠色如圖所示。4.綠色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)藍(lán)色是典型的冷色，有沉靜、冷淡、理智、高深、透明等含義，隨著人類對(duì)太空的不斷探索，它又有了象征高科技的強(qiáng)烈現(xiàn)代感。當(dāng)然，藍(lán)色也有其另一面性格，如刻板、冷漠、悲哀、恐懼等。藍(lán)色如圖所示。5.藍(lán)色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)紫色給人神秘、高貴、優(yōu)美、莊重、奢華等感覺(jué)，有時(shí)也給人孤寂、消極的感覺(jué)。尤其是較暗或含深灰的紫，易給人以不祥、腐朽、死亡的印象。但含淺灰的紅紫色或藍(lán)紫色有著類似太空、宇宙色彩的幽雅、神秘之時(shí)代感，在現(xiàn)代生活中被廣泛采用。紫色如圖所示。6.紫色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)黑色為無(wú)色相、無(wú)純度之色，往往給人沉靜、神秘、嚴(yán)肅、莊重、含蓄的感覺(jué)，也易讓人產(chǎn)生悲哀、恐怖、不祥、沉默、消亡、罪惡等消極印象。黑色的組合適應(yīng)性卻極廣，無(wú)論什么色彩，特別是鮮艷的純色與其相配，都能取得賞心悅目的良好效果。但是不能大面積使用，否則不但其魅力大大減弱，而且會(huì)產(chǎn)生壓抑、陰沉的恐怖感。黑色如圖所示。7.黑色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)白色給人的印象是潔凈、光明、純真、清白、樸素、衛(wèi)生、恬靜等。在它的襯托下，其他色彩會(huì)顯得更鮮麗、更明朗。多用白色可能會(huì)產(chǎn)生平淡無(wú)味的單調(diào)、空虛之感。白色如圖所示。8.白色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)灰色是中性色，其突出的性格為柔和、細(xì)致、平穩(wěn)、樸素、大方，它不像黑色與白色那樣會(huì)明顯影響其他的色彩，因此，作為背景色彩非常理想。任何色彩都可以和灰色相混合，略有色相感的灰色能給人以高雅、細(xì)膩、含蓄、穩(wěn)重、精致、文明而有素養(yǎng)的高檔感覺(jué)，如圖左所示。當(dāng)然，濫用灰色易暴露其乏味、寂寞、憂郁、無(wú)激情、無(wú)興趣的一面，如圖右所示。9.灰色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)含有一定灰色的中、低明度的各種色彩，如土紅色、土綠色、熟褐色、生褐色、土黃色、咖啡色、古銅色、駝絨色、茶褐色等，具有親和性，易與其他色彩搭配，特別是和明亮色搭配，效果更佳。土褐色也會(huì)使人聯(lián)想到金秋的收獲季節(jié)，故有成熟、謙讓、豐富、隨和之感。土褐色如圖所示。10.土褐色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.1.4色相對(duì)比與色彩視覺(jué)除了金、銀等貴金屬色以外，所有色彩帶上光澤后，都有華美的特色。小面積點(diǎn)綴光澤色，具有醒目、提神等作用，大面積使用則會(huì)產(chǎn)生過(guò)于炫目的負(fù)面影響，顯得浮華而失去穩(wěn)重感。

如若巧妙使用、裝飾得當(dāng)，不但能起到畫龍點(diǎn)睛的作用，還可產(chǎn)生強(qiáng)烈的高科技現(xiàn)代美感。高明度、高純度的色彩呈興奮感，低明度、低純度的色彩呈沉靜感。光澤色如圖所示。11.光澤色的表現(xiàn)特征本課件是可編輯的正常PPT課件2.2跨境電商店鋪色彩搭配技巧2.2.1網(wǎng)店頁(yè)面配色2.2.2網(wǎng)店頁(yè)面與色彩2.2.3網(wǎng)店頁(yè)面色彩的分類2.2.1網(wǎng)店頁(yè)面配色跨境電商的店鋪裝修是一種特殊的視覺(jué)設(shè)計(jì)，它對(duì)色彩的依賴性很高。一個(gè)店鋪如果想吸引買家，好的色彩搭配是必不可少的，如果缺少了色彩，整個(gè)店鋪就會(huì)變得死氣沉沉，沒(méi)有生機(jī)。網(wǎng)店配色示例如圖所示。本課件是可編輯的正常PPT課件2.2.1網(wǎng)店頁(yè)面配色自定義頁(yè)面的主色與輔助色是傳達(dá)給消費(fèi)者的第一視覺(jué)，所以一定要與商品相呼應(yīng)。在店鋪?lái)?yè)面中能夠定義為主色的是整體的色調(diào)，也就是面積最大的色系，其次是輔助色和點(diǎn)綴色，在頁(yè)面中起陪襯、點(diǎn)綴的作用。自定義頁(yè)面的主色與輔助色搭配示例如圖所示。1.自定義頁(yè)面的主色與輔助色本課件是可編輯的正常PPT課件2.2.1網(wǎng)店頁(yè)面配色色彩與人的心理感覺(jué)和情緒有一定的關(guān)系，利用這一點(diǎn)，可以在設(shè)計(jì)網(wǎng)店頁(yè)面配色時(shí)形成自己獨(dú)特的色彩效果，從而給瀏覽的消費(fèi)者留下深刻印象，增加商品的售出概率。不同的色系在網(wǎng)店頁(yè)面中也會(huì)有自己的獨(dú)特之處，網(wǎng)店頁(yè)面色調(diào)分類主要有按照色相分類和按照印象分類兩種。2.網(wǎng)店色調(diào)與配色本課件是可編輯的正常PPT課件2.2.1網(wǎng)店頁(yè)面配色2.網(wǎng)店色調(diào)與配色（1）按照色相分類。常見(jiàn)的色彩搭配可按照色相歸類。每類都以該色相為主，配以其他色相或者同色相的其他顏色，應(yīng)用對(duì)比和調(diào)和的方法，并按照從輕快到濃烈的順序排序。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照色相分類①紅色。應(yīng)用紅色的網(wǎng)店多數(shù)以婚慶商品店鋪為主，紅色還會(huì)出現(xiàn)在女裝、化妝品及店慶頁(yè)面中，主要目的是醒目，吸引買家的目光，以促使達(dá)成交易，而通過(guò)配色產(chǎn)生的粉色頁(yè)面會(huì)給人一種溫馨的感覺(jué)。紅色的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照色相分類②橙色。橙色的對(duì)比色是藍(lán)色，這兩種顏色色彩傾向越明確，對(duì)比強(qiáng)度就越大。除了藍(lán)色外，橙色和綠色隨著純度的升高，對(duì)比效果也越來(lái)越強(qiáng)烈。橙色的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照色相分類③黃色。黃色與某些食品的色彩相似，可以應(yīng)用于食品類的店鋪。另外，黃色是前進(jìn)色，有擴(kuò)張的感覺(jué)，又代表權(quán)力和財(cái)富，是一種驕傲的色彩，因此很多店鋪都會(huì)使用黃色來(lái)體現(xiàn)自己商品的高檔與華貴。黃色的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照色相分類④綠色。綠色通常與環(huán)境意識(shí)有關(guān)，也經(jīng)常讓人聯(lián)想到與健康有關(guān)的事物，所以綠色系經(jīng)常會(huì)用在與自然、健康有關(guān)的網(wǎng)店，還經(jīng)常用于生態(tài)特產(chǎn)、護(hù)膚品、兒童商品及保健食品網(wǎng)店。綠色的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照色相分類⑤藍(lán)色。藍(lán)色樸實(shí)、穩(wěn)重、內(nèi)向，搭配那些性格活躍、具有較強(qiáng)擴(kuò)張力的色彩，可以使頁(yè)面顯得活躍。藍(lán)色與紅、黃等色搭配得當(dāng)，能取得和諧的對(duì)比調(diào)和關(guān)系。藍(lán)色多用于科技商品、家電商品、化妝品及旅游類物品網(wǎng)店。藍(lán)色的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照色相分類⑥紫色。紫色通常用于以女性為對(duì)象和以藝術(shù)品為主的網(wǎng)店。另外，紫色是高貴華麗的色彩，很適合表現(xiàn)珍貴、奢華的商品。紫色的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件2.2.1網(wǎng)店頁(yè)面配色2.網(wǎng)店色調(diào)與配色（2）按照印象分類。色彩搭配看似復(fù)雜，但并不神秘。既然每種色彩在印象空間都有自己的位置，那么色彩搭配得到的印象可以用加減法來(lái)估算。在實(shí)際設(shè)計(jì)過(guò)程中，設(shè)計(jì)師還要考慮到乘除法，比如同樣亮度和對(duì)比度的色彩，在色環(huán)上的角度不同，搭配起來(lái)就會(huì)得到千變?nèi)f化的色彩。提示本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類①柔和、明亮、溫柔的印象。亮度高的色彩搭配在一起會(huì)有柔和、明亮、溫柔的感覺(jué)。為了防止刺眼，設(shè)計(jì)師一般會(huì)用低亮度的前景色調(diào)和。同時(shí)，色彩在色環(huán)之間的距離也有助于避免沉悶。此類色彩常用于與女性有關(guān)的網(wǎng)店。柔和、明亮、溫柔的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類②柔和、潔凈、爽朗的印象。對(duì)于表現(xiàn)柔和、潔凈、爽朗的效果，色環(huán)上藍(lán)到綠之間的顏色應(yīng)該是最適合的，并且亮度偏高，幾乎每個(gè)組合都有白色參與。在實(shí)際設(shè)計(jì)時(shí)，可以用與藍(lán)綠色相相反的高亮度有彩色系代替白色。此類色彩常用于與廚衛(wèi)有關(guān)的網(wǎng)店。柔和、潔凈、爽朗的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類③可愛(ài)、快樂(lè)、有趣的印象?？蓯?ài)、快樂(lè)、有趣的色彩搭配特點(diǎn)是色相分布均勻，冷暖搭配，飽和度高，色彩分辨率高。此類色彩搭配常用于與兒童有關(guān)的網(wǎng)店。可愛(ài)、快樂(lè)、有趣的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類④活潑、快樂(lè)、有趣的印象?；顫?、快樂(lè)、有趣相對(duì)可愛(ài)、快樂(lè)、有趣，色彩選擇更加廣泛，最重要的變化是用低飽和度有彩色或者灰色取代純白色。此類色彩搭配常用于與兒童有關(guān)的網(wǎng)店?；顫?、快樂(lè)、有趣的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類⑤運(yùn)動(dòng)、輕快的印象。運(yùn)動(dòng)的色彩要強(qiáng)化激烈、刺激的感受，同時(shí)還要體現(xiàn)出健康、快樂(lè)、陽(yáng)光，因此飽和度較高、亮度偏低的色彩在這類場(chǎng)景中經(jīng)常出現(xiàn)。此類色彩搭配常用于與運(yùn)動(dòng)有關(guān)的網(wǎng)店。運(yùn)動(dòng)、輕快的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類⑥輕快、華麗、動(dòng)感的印象。華麗的印象要求頁(yè)面充斥有彩色，并且飽和度偏高，而亮度適當(dāng)減弱則能強(qiáng)化這種印象，此類色彩搭配常用于與戶外運(yùn)動(dòng)有關(guān)的網(wǎng)店。輕快、華麗、動(dòng)感的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類⑦狂野、充沛、動(dòng)感的印象?？褚暗挠∠罂臻g中少不了低亮度的色彩，甚至可以用適當(dāng)?shù)暮谏钆?。其他有彩色的飽和度高，?duì)比強(qiáng)烈。此類色彩搭配常用于與戶外運(yùn)動(dòng)有關(guān)的網(wǎng)店?？褚?、充沛、動(dòng)感的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類⑧華麗、花哨、女性化的印象。女性化的頁(yè)面中紫色和品紅是主角，粉紅、綠色也是常用色彩。一般它們之間要進(jìn)行高飽和度的搭配。此類色彩搭配常用于與女性有關(guān)的網(wǎng)店。華麗、花哨、女性化的網(wǎng)店頁(yè)面如圖示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類⑨回味、女性化、優(yōu)雅的印象。要營(yíng)造優(yōu)雅的感覺(jué)，色彩的飽和度一般要降下來(lái)，一般以藍(lán)、紅兩色為主，調(diào)節(jié)亮度和飽和度進(jìn)行搭配。此類色彩搭配常用于與女性有關(guān)的網(wǎng)店。回味、女性化、優(yōu)雅的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件網(wǎng)店色調(diào)與配色按照印象分類⑩高尚、自然、安穩(wěn)的印象。這類印象一般要用低亮度的黃綠色營(yíng)造，色彩亮度要降下去，注意色彩的平衡，頁(yè)面就會(huì)顯得安穩(wěn)。此類色彩搭配常用于與老年人有關(guān)的網(wǎng)店。高尚、自然、安穩(wěn)的網(wǎng)店頁(yè)面如圖所示。本課件是可編輯的正常PPT課件2.2.1網(wǎng)店頁(yè)面配色在網(wǎng)店頁(yè)面中采用色彩推移的方式組合色彩，通常是構(gòu)成頁(yè)面統(tǒng)一色調(diào)的最好方法之一。色彩推移是指將色彩按照一定的規(guī)律有秩序地排列、組合，分為色相推移、明度推移、純度推移、互補(bǔ)推移、綜合推移等。

3.色彩推移設(shè)計(jì)師可以通過(guò)色彩推移的方法使頁(yè)面色彩看起來(lái)更加統(tǒng)一、和諧。色彩推移同樣可以運(yùn)用到圖片的局部。提示本課件是可編輯的正常PPT課件色彩推移的類型（1）色相推移。色相推移是將色彩按色相環(huán)上的順序，由冷到暖或由暖到冷進(jìn)行排列組合的一種漸變形式。（2）明度推移。明度推移是將色彩按明度等差系列的順序，由淺到深或由深到淺進(jìn)行排列組合的一種漸變形式。（3）純度推移。純度推移是將色彩按純度等差系列的順序，由鮮到灰或由灰到鮮進(jìn)行排列組合的一種漸變形式。（4）互補(bǔ)推移?；パa(bǔ)推移是將色相環(huán)上相距180°的一對(duì)色相的純度組合推移的形式。（5）綜合推移。綜合推移是將色彩按色相、明度、純度推移進(jìn)行綜合排列組合的漸變形式。本課件是可編輯的正常PPT課件2.2.2網(wǎng)店頁(yè)面與色彩生活中的色彩往往不是單獨(dú)存在的。人們觀察色彩時(shí)，或是在一定的背景下觀察，或是幾種色彩并列觀察，或是先看某種色彩再看另一種色彩，等等。這樣所看到的色彩就好像發(fā)生了變化，形成色彩對(duì)比現(xiàn)象，影響心理感覺(jué)。色彩對(duì)比主要分為色相對(duì)比、明度對(duì)比、純度對(duì)比、冷暖對(duì)比及色彩的面積對(duì)比。1.色彩對(duì)比本課件是可編輯的正常PPT課件2.2.2網(wǎng)店頁(yè)面與色彩1.色彩對(duì)比（1）色相對(duì)比。①類似色對(duì)比屬于色相的弱對(duì)比，反差小、柔和、舒緩，適合表現(xiàn)柔軟的嬰幼兒用品等。②鄰近色對(duì)比可應(yīng)用于婦嬰用品、日用品、食品等類目網(wǎng)店中，給人典雅、明晰、干凈的感覺(jué)。③對(duì)比色對(duì)比有非常醒目的宣傳效果，可應(yīng)用于運(yùn)動(dòng)商品、科技商品、節(jié)慶用品等類目網(wǎng)店中。④網(wǎng)店頁(yè)面色彩對(duì)比為互補(bǔ)色，可以使廣告更加突出。本課件是可編輯的正常PPT課件2.2.2網(wǎng)店頁(yè)面與色彩1.色彩對(duì)比（2）明度對(duì)比。以明度差別為主而產(chǎn)生的對(duì)比稱為明度對(duì)比。人們通常把無(wú)彩色從黑到白的明度變化分為9個(gè)等級(jí)，稱為明度梯尺（如圖）。在明度梯尺上也可以找到有彩色對(duì)應(yīng)的明度位置。不同明度的同種顏色在同一頁(yè)面中給人的感覺(jué)有很大的不同。提示本課件是可編輯的正常PPT課件2.2.2網(wǎng)店頁(yè)面與色彩1.色彩對(duì)比（3）純度對(duì)比。在某一色相的純色中按比例逐漸加入無(wú)彩色，即可形成由若干個(gè)色階組成的純度系列。純度可分為高純度、中純度和低純度三個(gè)層次，即純色和接近純色的色彩為高純度色階，接近灰色的色彩為低純度色階，兩者之間的為中純度色階。將三個(gè)層次的色階相互組合，可以形成不同的對(duì)比模式。提示本課件是可編輯的正常PPT課件2.2.2網(wǎng)店頁(yè)面與色彩1.色彩對(duì)比（4）冷暖對(duì)比。冷暖對(duì)比是通過(guò)顏色的冷暖差別而形成的對(duì)比。冷暖本身是人皮膚對(duì)外界溫度的感受，色彩的冷暖感主要來(lái)自人的生理與心理感受。在色彩搭配中，冷色比暖色看起來(lái)更舒適，不易造成視覺(jué)疲勞。藍(lán)色、綠色是冷色系中主要的顏色，也是最常用的顏色，使用這類色彩制作的網(wǎng)店頁(yè)面會(huì)給人一種清新、祥和、安寧的感覺(jué)。提示本課件是可編輯的正常PPT課件2.2.2網(wǎng)店頁(yè)面與色彩1.色彩對(duì)比（5）色彩的面積對(duì)比。色彩的面積對(duì)比是指兩種或兩種以上色彩的面積對(duì)比關(guān)系，是一種多與少、大與小的對(duì)比。本課件是可編輯的正常PPT課件2.2.2網(wǎng)店頁(yè)面與色彩兩種或兩種以上的色彩合理搭配，產(chǎn)生統(tǒng)一、和諧的效果，稱為色彩調(diào)和。（1）同種色的調(diào)和。相同色相、不同明度和純度的色彩調(diào)和，稱為同種色的調(diào)和。同種色的調(diào)和要在明度、純度上形成強(qiáng)弱、高低的對(duì)比，以消除單調(diào)感。（2）類似色的調(diào)和。色相接近的某些色彩，如紅與橙、藍(lán)與紫等的調(diào)和，稱為類似色的調(diào)和。類似色的調(diào)和主要靠類似色之間的共同色來(lái)產(chǎn)生作用。（3）對(duì)比色的調(diào)和。色相相對(duì)的某些色彩，如紅與綠、黃與紫、藍(lán)與橙的調(diào)和，稱為對(duì)比色的調(diào)和。2.色彩調(diào)和本課件是可編輯的正常PPT課件2.2.3網(wǎng)店頁(yè)面色彩的分類網(wǎng)店頁(yè)面的色彩根據(jù)其作用的不同可以分為三類：靜態(tài)色彩、動(dòng)態(tài)色彩和強(qiáng)調(diào)色彩。其中，靜態(tài)色彩和動(dòng)態(tài)色彩各有用途，相互影響，相互協(xié)作，只有處理好兩種色彩之間的關(guān)系，才能使網(wǎng)店頁(yè)面色彩達(dá)到統(tǒng)一、和諧的視覺(jué)效果，從而使買家對(duì)網(wǎng)店多一份好感。本課件是可編輯的正常PPT課件2.2.3網(wǎng)店頁(yè)面色彩的分類網(wǎng)店頁(yè)面中的靜態(tài)色彩并不是靜態(tài)的意思，而是指結(jié)構(gòu)色彩、背景色彩和邊框色彩等帶有特殊識(shí)別意義的、決定店面色彩風(fēng)格的色彩。

動(dòng)態(tài)色彩也不是指動(dòng)畫中運(yùn)動(dòng)物體攜帶的色彩，而是指插圖、照片和廣告等復(fù)雜圖片中帶有的色彩，靜態(tài)色彩與動(dòng)態(tài)色彩如圖所示。1.靜態(tài)色彩與動(dòng)態(tài)色彩本課件是可編輯的正常PPT課件2.2.3網(wǎng)店頁(yè)面色彩的分類強(qiáng)調(diào)色彩又稱突出色彩，是在網(wǎng)店頁(yè)面設(shè)計(jì)中有特殊作用的色彩，是為了達(dá)到某種視覺(jué)效果而與靜態(tài)色彩對(duì)比反差較大的突出色彩，或者是在店招中帶有廣告意義的特殊色彩，也包括在一段文字中為了突出重點(diǎn)而給文字加的特殊色彩等。強(qiáng)調(diào)色彩如圖所示。2.強(qiáng)調(diào)色彩本課件是可編輯的正常PPT課件項(xiàng)目實(shí)訓(xùn)——跨境原木家具店鋪色彩搭配設(shè)計(jì)【實(shí)訓(xùn)目的】（1）掌握色彩的基礎(chǔ)知識(shí)。（2）根據(jù)原木家具這一類產(chǎn)品的色彩基調(diào)選擇店鋪?lái)?yè)面的搭配色。（3）掌握獨(dú)立思考和分析問(wèn)題的方法。本課件是可編輯的正常PPT課件項(xiàng)目實(shí)訓(xùn)——跨境原木家具店鋪色彩搭配設(shè)計(jì)【實(shí)訓(xùn)內(nèi)容】（1）按每組3～5人進(jìn)行分組，每個(gè)小組設(shè)組長(zhǎng)一名，負(fù)責(zé)統(tǒng)籌工作。每個(gè)小組在組長(zhǎng)的帶領(lǐng)下完成對(duì)色彩基礎(chǔ)知識(shí)的復(fù)習(xí)。（2）小組成員運(yùn)用學(xué)到的色彩知識(shí)來(lái)給跨境原木家具店鋪的首頁(yè)進(jìn)行配色。本課件是可編輯的正常PPT課件項(xiàng)目實(shí)訓(xùn)——跨境原木家具店鋪色彩搭配設(shè)計(jì)【實(shí)訓(xùn)步驟】（1）組長(zhǎng)帶領(lǐng)小組成員復(fù)習(xí)所學(xué)的色彩的基礎(chǔ)知識(shí)。（2）對(duì)原木家具店鋪適合什么樣的配色展開(kāi)談?wù)摬⒂涗?。?）組內(nèi)成員各自完成對(duì)原木家具店鋪首頁(yè)的配色工作。（4）小組內(nèi)就各成員的工作成果進(jìn)行討論并選出最適合原木家具店鋪首頁(yè)的配色方案進(jìn)行學(xué)習(xí)討論，并形成書(shū)面文件。本課件是可編輯的正常PPT課件課后練習(xí)題（1）色彩。（2）色彩對(duì)比。（3）色彩調(diào)和。（4）網(wǎng)店頁(yè)面配色。1.名詞解釋本課件是可編輯的正常PPT課件課后練習(xí)題（1）簡(jiǎn)述色彩的大、小感。（2）簡(jiǎn)述色彩的華麗、質(zhì)樸感。（3）簡(jiǎn)述色彩搭配的原則。（4）簡(jiǎn)述網(wǎng)店頁(yè)面色彩的分類。2.簡(jiǎn)答題本課件是可編輯的正常PPT課件謝謝觀賞敬請(qǐng)指正！店招、店標(biāo)、店鋪首頁(yè)及店鋪海報(bào)視覺(jué)設(shè)計(jì)項(xiàng)目三YCF3.1店招視覺(jué)設(shè)計(jì)3.3店鋪首頁(yè)視覺(jué)設(shè)計(jì)3.2店標(biāo)視覺(jué)設(shè)計(jì)目錄CATALOG3.4店鋪海報(bào)視覺(jué)設(shè)計(jì)01了解店招與店標(biāo)的概念及特點(diǎn)。02掌握店招視覺(jué)設(shè)計(jì)規(guī)范。知識(shí)目標(biāo)03掌握店標(biāo)視覺(jué)設(shè)計(jì)規(guī)范。04掌握店鋪首頁(yè)布局要點(diǎn)。05掌握店鋪海報(bào)視覺(jué)設(shè)計(jì)要點(diǎn)。本課件是可編輯的正常PPT課件01能夠進(jìn)行店招視覺(jué)設(shè)計(jì)。02能夠進(jìn)行店標(biāo)視覺(jué)設(shè)計(jì)。技能目標(biāo)03能夠進(jìn)行店鋪首頁(yè)布局。04能夠進(jìn)行店鋪海報(bào)視覺(jué)設(shè)計(jì)。本課件是可編輯的正常PPT課件重點(diǎn)與難點(diǎn)重點(diǎn):（1）店招視覺(jué)設(shè)計(jì)。（2）店標(biāo)視覺(jué)設(shè)計(jì)。難點(diǎn)：（1）店鋪首頁(yè)布局。（2）店鋪海報(bào)視覺(jué)設(shè)計(jì)。本課件是可編輯的正常PPT課件案例導(dǎo)入—優(yōu)化跨境電商獨(dú)立站產(chǎn)品頁(yè)面的方法有數(shù)據(jù)顯示，到2022年，美國(guó)電商銷售額將達(dá)到6380億美元。這對(duì)在線業(yè)務(wù)而言是個(gè)好消息，但是并非所有的電商業(yè)務(wù)都能獲得增長(zhǎng)。盡管電商行業(yè)蓬勃發(fā)展，但許多賣家仍在為提升轉(zhuǎn)化率而苦苦掙扎。有數(shù)據(jù)表明，網(wǎng)店的平均轉(zhuǎn)化率僅為2.86%，即每34個(gè)訪客中只有1個(gè)能實(shí)現(xiàn)轉(zhuǎn)化。如果網(wǎng)店的訪問(wèn)量很大，但是銷量不多，那么賣家就需要采取一些措施來(lái)提高轉(zhuǎn)化率。賣家一般會(huì)優(yōu)化購(gòu)物車廢棄率來(lái)提升轉(zhuǎn)化率，但他們往往沒(méi)有意識(shí)到大多數(shù)客戶甚至都沒(méi)有到達(dá)加入購(gòu)物車這一購(gòu)物階段。如今的客戶有大量選擇，他們的想法多變，會(huì)根據(jù)在產(chǎn)品頁(yè)面上獲得的體驗(yàn)做出購(gòu)買決定。而大多數(shù)賣家都力求改善購(gòu)買體驗(yàn)，因此改進(jìn)產(chǎn)品頁(yè)面至關(guān)重要。以下是客戶通常對(duì)產(chǎn)品頁(yè)面所抱的期望以及滿足他們期望的方法。1.使用響應(yīng)式設(shè)計(jì)如今，與計(jì)算機(jī)相比，大多數(shù)客戶更喜歡使用智能手機(jī)或平板電腦上網(wǎng)購(gòu)物。無(wú)論使用哪種設(shè)備，他們都希望能在產(chǎn)品頁(yè)面上獲得相同的無(wú)縫體驗(yàn)。通過(guò)使用自適應(yīng)設(shè)計(jì)，可以確保網(wǎng)站自動(dòng)響應(yīng)以適應(yīng)潛在買家所使用的設(shè)備?？缇畴娮由虅?wù)視覺(jué)設(shè)計(jì)項(xiàng)目3店招、店標(biāo)、店鋪首頁(yè)及店鋪海報(bào)視覺(jué)設(shè)計(jì)簡(jiǎn)而言之，移動(dòng)優(yōu)先設(shè)計(jì)能夠讓用戶使用其喜歡的設(shè)備瀏覽網(wǎng)店的產(chǎn)品，而無(wú)須調(diào)整頁(yè)面大小或滾動(dòng)頁(yè)面，從而改善用戶體驗(yàn)。此外，隨著谷歌開(kāi)始使用移動(dòng)優(yōu)先索引技術(shù)，如果賣家希望保證自己的網(wǎng)店受歡迎并獲得銷售收入，則建議采用自適應(yīng)設(shè)計(jì)優(yōu)化產(chǎn)品頁(yè)面。本課件是可編輯的正常PPT課件案例導(dǎo)入—優(yōu)化跨境電商獨(dú)立站產(chǎn)品頁(yè)面的方法2.提升頁(yè)面加載速度人們已經(jīng)習(xí)慣了快節(jié)奏的生活方式，如果網(wǎng)店頁(yè)面加載時(shí)間超過(guò)2秒，就會(huì)有超過(guò)50%的客戶失去購(gòu)買興趣，頁(yè)面加載延遲1秒可能會(huì)導(dǎo)致轉(zhuǎn)化次數(shù)減少7%。提升頁(yè)面加載速度的一種方法是優(yōu)化網(wǎng)絡(luò)和移動(dòng)設(shè)備的圖像。賣家可以使用TinyPNG之類的工具來(lái)壓縮圖像，而不會(huì)影響圖像質(zhì)量，這樣圖像就不會(huì)拖慢頁(yè)面加載速度。3.在產(chǎn)品頁(yè)面上集成實(shí)時(shí)聊天有研究表明，多達(dá)44%的消費(fèi)者喜歡在網(wǎng)上購(gòu)物時(shí)能夠與賣家交談。一種簡(jiǎn)單而便宜的方法是將實(shí)時(shí)聊天工具集成到產(chǎn)品頁(yè)面，以便消費(fèi)者可以直接與賣家聯(lián)系。實(shí)時(shí)聊天工具還可以與其他交互式工具集成在一起，如共同瀏覽、語(yǔ)音或視頻聊天，從而使賣家能夠快速、方便地為消費(fèi)者提供幫助。4.持續(xù)測(cè)試以找出更佳結(jié)果賣家很難搞懂買家的心思，他們今天喜歡一樣?xùn)|西，明天可能就不感興趣了。這就是賣家需要定期進(jìn)行A/B測(cè)試價(jià)格甚至布局A/B測(cè)試的原因，以確保店鋪?lái)?yè)面始終是較優(yōu)的版本。Unbounce是一個(gè)簡(jiǎn)單的工具，可用于A/B測(cè)試產(chǎn)品和著陸頁(yè)上的各種功能。使用此工具可以創(chuàng)建單個(gè)頁(yè)面的多個(gè)版本，以查看用戶點(diǎn)擊的次數(shù)并自動(dòng)提高轉(zhuǎn)化率。本課件是可編輯的正常PPT課件案例導(dǎo)入—優(yōu)化跨境電商獨(dú)立站產(chǎn)品頁(yè)面的方法5.提供簡(jiǎn)單快捷的結(jié)賬流程大多數(shù)在線購(gòu)物者會(huì)對(duì)兩件事感到氣憤，即付款方式有限以及沒(méi)有訪客結(jié)賬功能。不是每個(gè)買家都會(huì)成為回頭客，都有時(shí)間在網(wǎng)站創(chuàng)建賬戶，尤其是他們買的產(chǎn)品價(jià)格較低又急需使用時(shí)。這就是為什么要有訪客結(jié)賬選項(xiàng)，以便著急使用的用戶可以盡快購(gòu)買。有些賣家可能會(huì)認(rèn)為這對(duì)自己來(lái)說(shuō)是一種損失，因?yàn)閷⑹ヅc買家聯(lián)系的機(jī)會(huì)。為避免這種情況的發(fā)生，除了提供訪客結(jié)賬選項(xiàng)外，賣家還可以為注冊(cè)的買家提供折扣，讓買家選擇自己喜歡的選項(xiàng)。同時(shí)，還可建議買家采用多種付款方式，如貨到付款，以方便購(gòu)物者在網(wǎng)站上進(jìn)行購(gòu)物。6.使用專業(yè)的圖片一圖勝千言，尤其是對(duì)于網(wǎng)絡(luò)購(gòu)物而言，因?yàn)橘I家無(wú)法實(shí)際觸摸或感受產(chǎn)品。他們會(huì)通過(guò)圖片做出選擇，這凸顯了清晰、美觀和專業(yè)的圖片的重要性。除了使用相同尺寸和質(zhì)量的圖片外，建議使用多張產(chǎn)品不同角度的照片，讓買家能夠了解產(chǎn)品的每個(gè)方面。統(tǒng)計(jì)數(shù)據(jù)顯示，多達(dá)33.16%的客戶喜歡在購(gòu)買產(chǎn)品之前查看產(chǎn)品的各個(gè)圖像。例如，展示多種顏色的產(chǎn)品的圖片，而不是只使用小標(biāo)簽向客戶展示顏色選項(xiàng)。幫助客戶做出選擇的另一個(gè)方法是使用視頻全面展示產(chǎn)品，以便客戶更好地了解產(chǎn)品。數(shù)據(jù)表明，64%的客戶在觀看視頻后購(gòu)買產(chǎn)品的可能性更高。本課件是可編輯的正常PPT課件案例導(dǎo)入—優(yōu)化跨境電商獨(dú)立站產(chǎn)品頁(yè)面的方法7.改進(jìn)文案如前所述，產(chǎn)品圖片是確定產(chǎn)品頁(yè)面成功與否的關(guān)鍵因素之一，但不是只有這一個(gè)方法。盡管互聯(lián)網(wǎng)用戶更喜歡視覺(jué)效果，但在電子商務(wù)方面，內(nèi)容為王，改進(jìn)文案可以大大提高轉(zhuǎn)化率。客戶在購(gòu)買前一般想了解更多信息，而這可以通過(guò)使用引人入勝且信息豐富的文案來(lái)實(shí)現(xiàn)，這些文案要能解答客戶的疑問(wèn)并幫助他們快速做出購(gòu)買決定。好的文案不僅要有意義，而且要能吸引人，避免使用空洞或復(fù)雜的詞語(yǔ)、俗氣的句子和冗長(zhǎng)的短語(yǔ)。改進(jìn)文案的技巧大致可以歸結(jié)為如下幾點(diǎn)。（1）產(chǎn)品描述清晰、有意義、有新意。（2）標(biāo)題和賣點(diǎn)的結(jié)構(gòu)要清晰，以便于客戶閱讀。（3）文案包含產(chǎn)品的特定詳細(xì)信息。（4）利用適當(dāng)?shù)年P(guān)鍵詞來(lái)優(yōu)化產(chǎn)品頁(yè)面。（5）使用有強(qiáng)烈情感感召力的詞語(yǔ)。除上述內(nèi)容外，還需在文案中列出產(chǎn)品價(jià)格、運(yùn)輸費(fèi)用以及任何其他費(fèi)用。事實(shí)上，很少有電商網(wǎng)站在其產(chǎn)品頁(yè)面上清楚地展示運(yùn)費(fèi)和增值稅/消費(fèi)稅等費(fèi)用。因此，在完成訂單后，客戶常常會(huì)對(duì)價(jià)格上漲感到驚訝，因此放棄購(gòu)買。列出任何其他費(fèi)用可以贏得客戶的信任，并盡量避免產(chǎn)生任何不愉快的經(jīng)歷。當(dāng)然，如果可以提供免費(fèi)送貨服務(wù)，那對(duì)客戶來(lái)說(shuō)將是很好的福利，并且會(huì)對(duì)轉(zhuǎn)化率產(chǎn)生積極的影響。本課件是可編輯的正常PPT課件3.1店招視覺(jué)設(shè)計(jì)3.1.1店招概述3.1.2店招設(shè)計(jì)的要點(diǎn)3.1.3店招視覺(jué)設(shè)計(jì)的規(guī)范3.1.4店招的表現(xiàn)形式3.1.5店招的藝術(shù)化處理3.1.1店招概述店招是店鋪的招牌，是展示店鋪品牌的標(biāo)志。鮮明、有特色的店招對(duì)于店鋪品牌形成和展現(xiàn)商品定位具有不可替代的作用。1.店招的定義本課件是可編輯的正常PPT課件3.1.1店招概述店店招是網(wǎng)店留給消費(fèi)者的第一印象，店鋪定位、是否有優(yōu)惠、是否有核心產(chǎn)品等，都可以從店招中看出來(lái)。店招位于店鋪首頁(yè)的最頂端，用于指示和引導(dǎo)消費(fèi)者，展示店鋪的名稱、最新活動(dòng)與銷售內(nèi)容等一系列信息。2.店招的作用店招是店鋪的靈魂，是消費(fèi)者進(jìn)入店鋪后看到的第一個(gè)模塊，也是打造店鋪品牌，讓消費(fèi)者瞬間記住店鋪的最好“陣地”。提示本課件是可編輯的正常PPT課件3.1.2店招設(shè)計(jì)的要點(diǎn)店招是一個(gè)店鋪的形象，一個(gè)好的店招能起到傳達(dá)店鋪的經(jīng)營(yíng)理念、突出店鋪的經(jīng)營(yíng)風(fēng)格、彰顯店鋪形象的作用，圖示為設(shè)計(jì)出色的ICEbear店鋪店招。本課件是可編輯的正常PPT課件3.1.2店招設(shè)計(jì)的要點(diǎn)店招通常都有規(guī)定的尺寸要求，以速賣通為例，其店招尺寸為950像素×150像素，格式為GIF、JPG和PNG，圖片大小不能超過(guò)100KB。1.規(guī)范尺寸本課件是可編輯的正常PPT課件3.1.2店招設(shè)計(jì)的要點(diǎn)店招要能夠明確地告訴瀏覽者店鋪賣的是什么，可以采用實(shí)物照片的形式直觀形象地表現(xiàn)出店鋪的商品與特色。2.表達(dá)直接本課件是可編輯的正常PPT課件3.1.2店招設(shè)計(jì)的要點(diǎn)店招要能闡述店鋪的商品特點(diǎn)，第一時(shí)間吸引并打動(dòng)瀏覽者，可以體現(xiàn)出店鋪和所經(jīng)營(yíng)商品的優(yōu)勢(shì)以及與其他店鋪的不同之處，突出特點(diǎn)，形成差異。3.突出特點(diǎn)本課件是可編輯的正常PPT課件3.1.3店招視覺(jué)設(shè)計(jì)的規(guī)范店招的首要功能就是要清晰地展示店鋪名稱。在店招上可以添加品牌宣傳語(yǔ)、近期的打折促銷信息、收藏按鈕、移動(dòng)端二維碼等元素，力求利用有限的空間傳遞出更多的信息，以刺激消費(fèi)者的購(gòu)買欲望。但要注意這些元素最好不要超過(guò)3個(gè)，因?yàn)樽銐虻牧舭卓臻g有利于打造視覺(jué)重點(diǎn)，讓設(shè)計(jì)元素發(fā)揮出最大的效能。HUAWEI店鋪店招如圖所示。本課件是可編輯的正常PPT課件3.1.3店招視覺(jué)設(shè)計(jì)的規(guī)范為了樹(shù)立店鋪品牌形象，提升店鋪的檔次，在設(shè)計(jì)店招時(shí)要注意使店招和導(dǎo)航條的風(fēng)格統(tǒng)一，利用色彩、修飾元素與風(fēng)格的相似性來(lái)營(yíng)造視覺(jué)上的統(tǒng)一性，打造獨(dú)特的店鋪裝修風(fēng)格，讓消費(fèi)者在瀏覽店鋪的短暫時(shí)間內(nèi)就能對(duì)店鋪產(chǎn)生預(yù)期的印象。MosirStore店鋪店招如圖所示。本課件是可編輯的正常PPT課件3.1.4店招的表現(xiàn)形式品牌宣傳店招首先需要考慮的是店鋪名稱、店標(biāo)、廣告語(yǔ)，因?yàn)檫@是品牌宣傳最基本的內(nèi)容；其次是關(guān)注按鈕、關(guān)注人數(shù)、收藏按鈕、店鋪資質(zhì)，可以從側(cè)面反映出店鋪的實(shí)力；最后是搜索框、第二導(dǎo)航條等方便用戶體驗(yàn)的內(nèi)容。GMT品牌宣傳店招如圖所示。1.品牌宣傳店招本課件是可編輯的正常PPT課件3.1.4店招的表現(xiàn)形式活動(dòng)促銷時(shí)店鋪的特點(diǎn)是活動(dòng)、流量集中增加，有別于店鋪的正常運(yùn)營(yíng)。所以店招首先要考慮的是活動(dòng)、優(yōu)惠、促銷產(chǎn)品等信息，其次是搜索框、第二導(dǎo)航條等方便用戶體驗(yàn)的內(nèi)容，最后才是店鋪名稱、店標(biāo)、廣告語(yǔ)等以品牌宣傳為主的內(nèi)容。三只松鼠店鋪活動(dòng)促銷店招如圖所示。2.活動(dòng)促銷店招本課件是可編輯的正常PPT課件3.1.4店招的表現(xiàn)形式在產(chǎn)品推廣店招設(shè)計(jì)上，首先要主打推廣產(chǎn)品、推廣信息、優(yōu)惠券、活動(dòng)信息等內(nèi)容；其次是考慮店鋪名稱、店標(biāo)、廣告語(yǔ)等以品牌宣傳為主的內(nèi)容；最后是設(shè)計(jì)搜索框、第二導(dǎo)航條等方便用戶體驗(yàn)的內(nèi)容。東菱店鋪產(chǎn)品推廣店招如圖所示。3.產(chǎn)品推廣店招本課件是可編輯的正常PPT課件3.1.5店招的藝術(shù)化處理為了讓店招中的店鋪名稱給消費(fèi)者留下深刻的印象，要對(duì)店鋪名稱進(jìn)行各種藝術(shù)化處理。下面介紹幾種常用的店鋪店招名稱進(jìn)行藝術(shù)化處理方法。1.店鋪名稱的藝術(shù)化處理本課件是可編輯的正常PPT課件3.1.5店招的藝術(shù)化處理（1）用不同字體和字號(hào)的組合營(yíng)造藝術(shù)感。雖然有的店鋪會(huì)在店招中添加設(shè)計(jì)好的店鋪徽標(biāo)來(lái)代替店鋪名稱，但文字仍是店鋪名稱最主要的表現(xiàn)形式。因此，可以采用一種最簡(jiǎn)單、有效的方式來(lái)美化店鋪名稱，那就是通過(guò)不同字體和字號(hào)的組合使用賦予店鋪名稱一定的藝術(shù)感。美德樂(lè)店鋪店招如圖所示。1.店鋪名稱的藝術(shù)化處理本課件是可編輯的正常PPT課件3.1.5店招的藝術(shù)化處理（2）添加特效突出特殊性和醒目度。為了讓店招更加美觀，設(shè)計(jì)時(shí)可以為店招添加合適的背景，但這樣一來(lái)店招中店鋪名稱的表現(xiàn)力往往就會(huì)被削弱。因此，可以通過(guò)添加特效的方式來(lái)突出店鋪名稱的特殊性和醒目度，這些特效包括漸變色、陰影、浮雕與發(fā)光等。寶島眼鏡店鋪店招如圖所示。1.店鋪名稱的藝術(shù)化處理本課件是可編輯的正常PPT課件3.1.5店招的藝術(shù)化處理（3）使用修飾元素提升觀賞性。單一的文字組合、簡(jiǎn)單的修飾，有時(shí)并不能真正表現(xiàn)出店鋪的風(fēng)格和設(shè)計(jì)的精致感。而將店鋪名稱與合理的修飾元素進(jìn)行融合設(shè)計(jì)，以完善、修飾、隱喻或暗示某種信息，讓店鋪名稱更加個(gè)性化，不失為一種好方法。德芙店鋪店招如圖所示。1.店鋪名稱的藝術(shù)化處理本課件是可編輯的正常PPT課件3.1.5店招的藝術(shù)化處理圖層樣式是圖像處理與網(wǎng)頁(yè)制作中的常用功能之一，在電商視覺(jué)設(shè)計(jì)中它也發(fā)揮著重要的作用。在導(dǎo)航條制作中就需要應(yīng)用圖層樣式，因?yàn)殡娚唐脚_(tái)裝修后臺(tái)默認(rèn)的樣式最多允許用戶更改導(dǎo)航條的背景顏色，這樣的導(dǎo)航條會(huì)給人千篇一律的感覺(jué)。2.圖層樣式的應(yīng)用隨著店鋪裝修的個(gè)性化、精致化成為一種潮流，導(dǎo)航條的設(shè)計(jì)也越來(lái)越受到電商視覺(jué)設(shè)計(jì)者的關(guān)注。提示本課件是可編輯的正常PPT課件3.1.5店招的藝術(shù)化處理一個(gè)質(zhì)感強(qiáng)烈、層次清晰的導(dǎo)航條不僅可以提升整個(gè)店鋪首頁(yè)的檔次，而且更具誘惑力，能讓消費(fèi)者更樂(lè)意去點(diǎn)擊。圖層樣式的作用就是對(duì)設(shè)