《網(wǎng)店店鋪裝修視覺(jué)設(shè)計(jì)》PPT課件

1、foundation design目錄三、產(chǎn)品詳情頁(yè)視覺(jué)設(shè)計(jì)四、店鋪廣告圖設(shè)計(jì)分析五、手淘首頁(yè)視覺(jué)設(shè)計(jì) 一、店鋪店招設(shè)計(jì)分析二、PC端首頁(yè)視覺(jué)設(shè)計(jì)六、店鋪視覺(jué)優(yōu)化與維護(hù)知識(shí)目標(biāo)技能目標(biāo)美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)五、手淘首頁(yè)視覺(jué)設(shè)計(jì)01、認(rèn)識(shí)手淘手淘即淘寶客戶端（手機(jī)淘寶），淘寶客戶端是淘寶網(wǎng)官方出品的手機(jī)應(yīng)用軟件，是現(xiàn)在淘寶比較大流量的平臺(tái)。美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn) 現(xiàn)在大多數(shù)消費(fèi)者都開(kāi)始使用手機(jī)端，手機(jī)端已經(jīng)是很穩(wěn)固的瀏覽渠道，手機(jī)端的購(gòu)買(mǎi)率已經(jīng)遠(yuǎn)超過(guò)了電腦端。在2016年“雙十一”活動(dòng)的交易中，85%的成交來(lái)自手機(jī)端，所有的電商幾乎都由手機(jī)端展開(kāi)，因而淘寶詳情頁(yè)排版技巧也要從橫屏思維轉(zhuǎn)

2、化為豎屏思維。02、手淘店鋪裝修要點(diǎn)美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)0102030405內(nèi)容精簡(jiǎn)明了主色不超過(guò)三種簡(jiǎn)單裝修內(nèi)外統(tǒng)一細(xì)節(jié)展示與內(nèi)容長(zhǎng)短美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)裝修要點(diǎn)03、輕視覺(jué)方法論無(wú)線時(shí)代全面來(lái)襲，幾乎大部分人都是通過(guò)手機(jī)網(wǎng)購(gòu)，而手機(jī)端購(gòu)物基本是在30秒內(nèi)完成的。那么如何在30秒內(nèi)讓消費(fèi)者產(chǎn)品產(chǎn)生購(gòu)買(mǎi)欲呢？這就需要靠視覺(jué)效果了，達(dá)到這種視覺(jué)效果的頁(yè)面必須是：一秒就能看懂、一秒就能看見(jiàn)有吸引力的地方，追求輕視覺(jué)。美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)1、一屏論，即一屏一個(gè)賣(mài)點(diǎn)。因?yàn)槭謾C(jī)屏幕比較小，所以一屏只能有一個(gè)主題，一個(gè)賣(mài)點(diǎn)，才能讓消費(fèi)者清晰地看見(jiàn)。2、分離論，指的是圖片和文字一定要分離，不能圖文混排，這樣才能確

3、保頁(yè)面的干凈、純粹。另外記得，不管文字和圖片是上下左右對(duì)稱，都必須留白，文字多需分離，賣(mài)點(diǎn)多需分離。留白是設(shè)計(jì)中常用的技巧，有留白，才能凸顯賣(mài)點(diǎn)。美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)3、釘子論，一張白紙若是有一個(gè)黑點(diǎn)，不管這點(diǎn)多小，都是能夠輕而易舉地發(fā)現(xiàn)。釘子論就猶如白紙上的黑點(diǎn)，要求每張圖只能突出一個(gè)賣(mài)點(diǎn)，這樣就能讓客戶一眼就能看見(jiàn)圖片上的焦點(diǎn)是什么，也即集中空白突出焦點(diǎn)，留白越多，則說(shuō)明這個(gè)美工越懂得構(gòu)圖。微觀論要求產(chǎn)品賣(mài)點(diǎn)要特寫(xiě)，特寫(xiě)到一定大，細(xì)節(jié)寫(xiě)實(shí)時(shí)，要足夠細(xì)，要敢于暴露細(xì)節(jié)，目的為了消除消費(fèi)者的戒備心，讓消費(fèi)者有安全感。突出細(xì)節(jié)不是像平常那樣把某一部分摳出來(lái)放大，而是要突出有震撼力的細(xì)節(jié)。美工-項(xiàng)目

4、應(yīng)用實(shí)戰(zhàn)1）A+B=5：5圖文切割模式 2）7：3或3：7，大A+小B圖文切割模式5、切割論，就是給頁(yè)面的每一屏做布局，即構(gòu)圖邏輯。輕視覺(jué)一般有以下幾種構(gòu)圖邏輯： 美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)3）2：6：2，小A+大B+小C圖文切割模式 4)6:（2+2），A+（B+C）圖文切割模式5、切割論，就是給頁(yè)面的每一屏做布局，即構(gòu)圖邏輯。輕視覺(jué)一般有以下幾種構(gòu)圖邏輯： 美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)04、手淘首頁(yè)設(shè)計(jì)范例分析美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)歡迎模塊在歡迎模塊中使用卡通城堡形象及可愛(ài)的小物件，可以吸引消費(fèi)者的注意力，搭配上主推產(chǎn)品圖片和文字，表現(xiàn)出一種活潑、別致的頁(yè)面效果。不同于PC端，將橫圖調(diào)整成豎圖，在素材擺放、結(jié)構(gòu)

5、方面進(jìn)行了調(diào)整。優(yōu)惠專區(qū)使用不規(guī)則形狀的底板，分割出不同的小區(qū)域，不同的小區(qū)域?qū)Ξa(chǎn)品展示的方式不同，使得重點(diǎn)推廣的產(chǎn)品更引人注目，提高消費(fèi)者的購(gòu)買(mǎi)欲望。熱賣(mài)推薦在末尾特別展示本店的熱賣(mài)推薦，板式統(tǒng)一，有秩序感。美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)溜溜毛絨玩具店歡迎模塊歡迎模塊使用黃色作為底色，添加放射狀線條，使消費(fèi)者的視覺(jué)焦點(diǎn)集中；畫(huà)面整體為暖色調(diào)，營(yíng)造出溫暖的氣氛，與店鋪的產(chǎn)品毛絨玩具相契合，第一時(shí)間吸引到消費(fèi)者?；顒?dòng)促銷(xiāo)活動(dòng)促銷(xiāo)版塊放置的是店鋪的優(yōu)惠卷以及店鋪的優(yōu)惠產(chǎn)品；優(yōu)惠卷是一個(gè)對(duì)吸引消費(fèi)者十分有力的部分，所以這個(gè)部分的打造十分關(guān)鍵。熱賣(mài)推薦用波浪形將上一個(gè)版塊與這個(gè)版塊分隔開(kāi)來(lái)，在“熱賣(mài)推薦”四個(gè)字周

6、圍加上閃電素材，突出這個(gè)版塊。再將熱賣(mài)產(chǎn)品放上去，整齊排放，形式統(tǒng)一，增添秩序感。美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)歡迎模塊在歡迎模塊中使用色塊將畫(huà)面分割成幾個(gè)部分，營(yíng)造出立體空間效果，在畫(huà)面焦點(diǎn)位置放上店鋪主推包款，再添加兩片花瓣點(diǎn)出店鋪售賣(mài)的是女士包。將橫圖改為豎圖，大體上不變的情況下改變文字的排版。主題專場(chǎng)劃分出不同的主題專場(chǎng)，并使用規(guī)則的形狀進(jìn)行排版，底板使用白色，給人一種簡(jiǎn)單整潔的感覺(jué)，體現(xiàn)店鋪的高端感。熱賣(mài)爆款將主推產(chǎn)品的版面放大，凸顯出店鋪主推產(chǎn)品，使用規(guī)則、有棱角的形狀來(lái)展示產(chǎn)品，增強(qiáng)秩序感。美工-項(xiàng)目應(yīng)用實(shí)戰(zhàn)包羅萬(wàn)象皮具店歡迎模塊歡迎模塊使用色塊進(jìn)行畫(huà)面分割，通過(guò)為色塊添加陰影，在平面內(nèi)制造出空間感與距離感，擺放產(chǎn)品時(shí)根據(jù)空間進(jìn)行大小變化，再次加強(qiáng)空間感，使畫(huà)面帶有高級(jí)感?；顒?dòng)促銷(xiāo)主題專場(chǎng)優(yōu)惠卷設(shè)計(jì)得簡(jiǎn)潔明了，且添加了手指的圖標(biāo)，方便消費(fèi)者領(lǐng)取。主題專場(chǎng)版塊放置的是店鋪的幾個(gè)主題專場(chǎng)，方便消費(fèi)者根據(jù)主題進(jìn)行產(chǎn)品的挑選，相當(dāng)于一個(gè)更人性化的產(chǎn)品分類。熱賣(mài)爆款熱賣(mài)爆款版塊放置的是