移動(dòng)端視覺(jué)設(shè)計(jì)制作課件

跨境電商美工實(shí)務(wù)

移動(dòng)端視覺(jué)設(shè)計(jì)制作項(xiàng)目六中國(guó)人民大學(xué)出版社目錄contents任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作任務(wù)2移動(dòng)端店鋪布局及商品詳情頁(yè)制作（1）手機(jī)端店招手機(jī)端店招的圖片要求為720px×200px，圖片格式為jpg或者jpeg任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作（2）手機(jī)端焦點(diǎn)圖及MiniBanner手機(jī)端焦點(diǎn)圖及MiniBanner的圖片要求為720px×200px或720px×360px。任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作焦點(diǎn)圖及MiniBanner的圖片模板中，單行多點(diǎn)擊的圖片總寬度必須在720px及以上。任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作店招的設(shè)計(jì)理念及制作設(shè)計(jì)理念：店招設(shè)計(jì)以店鋪品牌為主，結(jié)構(gòu)元素要盡量少，色彩、字體、文案、照片、設(shè)計(jì)結(jié)構(gòu)、創(chuàng)意等。另外，也可以通過(guò)店鋪或者平臺(tái)活動(dòng)等氛圍渲染。原則為文字清晰、內(nèi)容簡(jiǎn)潔、盡量闡述單一訴求。任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作v焦點(diǎn)圖的設(shè)計(jì)理念及制作設(shè)計(jì)理念：除了店招，映入眼簾的就應(yīng)該是焦點(diǎn)圖了，焦點(diǎn)圖一可以是店鋪或者平臺(tái)的活動(dòng)信息Banner，也可以是爆品推薦，或者配合活動(dòng)的單品推薦。原則依舊是文字清晰、內(nèi)容簡(jiǎn)潔、盡量闡述單一訴求。手機(jī)屏幕較小，瀏覽信息受限，買家不會(huì)對(duì)一個(gè)頁(yè)面做過(guò)多停留，更不會(huì)細(xì)細(xì)研讀賣家的各種細(xì)節(jié)文案。任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作v

任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作vMiniBanner的設(shè)計(jì)理念及制作MiniBanner可以作為分類入口設(shè)計(jì)，在分類入口的前提下，放爆款商品作為畫(huà)面主題，目的是吸引買家點(diǎn)擊進(jìn)入承接頁(yè)，達(dá)到讓其看到圖片就想點(diǎn)擊進(jìn)入查看該模塊商品的效果。也可以像焦點(diǎn)圖一樣作為獨(dú)立Banner出現(xiàn)。手機(jī)端的分類不一定是單純的文字，可以以主推商品作為分類畫(huà)面主體，這樣可以快速引導(dǎo)買家點(diǎn)擊進(jìn)入商品分類的承接頁(yè)，更多的展現(xiàn)是以圖片為主的，不需要看文字來(lái)區(qū)別商品分類，更何況我們還有多語(yǔ)言的問(wèn)題。任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作v焦點(diǎn)圖的設(shè)計(jì)理念及制作設(shè)計(jì)理念：除了店招，映入眼簾的就應(yīng)該是焦點(diǎn)圖了，焦點(diǎn)圖一可以是店鋪或者平臺(tái)的活動(dòng)信息Banner，也可以是爆品推薦，或者配合活動(dòng)的單品推薦。原則依舊是文字清晰、內(nèi)容簡(jiǎn)潔、盡量闡述單一訴求。手機(jī)屏幕較小，瀏覽信息受限，買家不會(huì)對(duì)一個(gè)頁(yè)面做過(guò)多停留，更不會(huì)細(xì)細(xì)研讀賣家的各種細(xì)節(jié)文案。任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作v任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作v目錄contents任務(wù)1移動(dòng)端店招、焦點(diǎn)圖及MiniBanner的制作任務(wù)2移動(dòng)端店鋪布局及商品詳情頁(yè)制作店鋪的布局原則任務(wù)2移動(dòng)端店鋪布局及商品詳情頁(yè)制作

以速賣通平臺(tái)為例，做手機(jī)店鋪首頁(yè)布局首先要了解手機(jī)店鋪包含的基礎(chǔ)模塊，手機(jī)店鋪包含兩個(gè)頁(yè)面，第一個(gè)是手機(jī)店鋪首頁(yè)裝修，以下功能模塊：店招、6個(gè)商品推薦模塊、3個(gè)系統(tǒng)模塊、6個(gè)圖片模塊、二是無(wú)線活動(dòng)頁(yè)面。一般店鋪模板的順序?yàn)椋?）店招設(shè)計(jì)；2）焦點(diǎn)圖設(shè)計(jì)（圖片模板）；3）MiniBanner設(shè)計(jì)（圖片模板）4）寶貝推薦模塊展示（系統(tǒng)模板+商品推薦模板）寶貝推薦模板的布局任務(wù)2移動(dòng)端店鋪布局及商品詳情頁(yè)制作寶貝主圖的布局前提是寶貝主圖要做到晰干凈，像素要滿足平臺(tái)要求。寶貝設(shè)置標(biāo)題的時(shí)候盡量把主要關(guān)鍵詞放在最前面，其他的放在稍微靠后的位置來(lái)進(jìn)行視覺(jué)營(yíng)銷，同時(shí)也可以根據(jù)自己的需求選擇不同的商品展現(xiàn)樣式：模板擺放原則任務(wù)2移動(dòng)端店鋪布局及商品詳情頁(yè)制作賣家可以根據(jù)自己的要求調(diào)整商品的擺放，但是一定要基于簡(jiǎn)明清晰的擺放原則。這里推薦一種最常見(jiàn)的擺放原則：店招+“焦點(diǎn)圖設(shè)計(jì)模塊+寶貝推薦模塊”+“miniBanner設(shè)計(jì)+寶貝推薦”+系統(tǒng)推薦模塊。版面一：開(kāi)頭的焦點(diǎn)圖突出店鋪爆款信息，以及店鋪的促銷折扣信息。模板擺放原則任務(wù)2移動(dòng)端店鋪布局及商品詳情頁(yè)制作版面二：焦點(diǎn)圖下面對(duì)應(yīng)相對(duì)的商品模板，把相應(yīng)的折扣商品與焦點(diǎn)圖放到一起，突出店鋪活動(dòng)。模板擺放原則任務(wù)2移動(dòng)端店鋪布局及商品詳情頁(yè)制作版面三：突出其他主題風(fēng)格，把對(duì)應(yīng)商品擺放起來(lái)，減少客戶的尋找瀏覽時(shí)間。模板擺放原則任務(wù)2移動(dòng)端店鋪布局及商品詳情頁(yè)制作版面四：根據(jù)系統(tǒng)模板把店鋪TOPSelling等模板放到下面，與上面模板形成對(duì)應(yīng)，增加整個(gè)店鋪的完整性。詳情頁(yè)的布局原則任務(wù)2移動(dòng)端店鋪