《電子商務(wù)》課件-移動(dòng)端網(wǎng)店設(shè)計(jì)

移動(dòng)端網(wǎng)店可以看作PC端的延續(xù)，在設(shè)計(jì)時(shí)更需要把握“用戶體驗(yàn)”這一關(guān)鍵點(diǎn)。手機(jī)移動(dòng)端網(wǎng)店是依附于智能手機(jī)這一平臺的，而智能手機(jī)又讓人與機(jī)器之間有了更加親密的接觸與互動(dòng)，因此與手機(jī)移動(dòng)端中其他應(yīng)用軟件或App一樣，在設(shè)計(jì)手機(jī)移動(dòng)端店鋪頁面時(shí)要結(jié)合智能手機(jī)平臺的特色設(shè)計(jì)出更加注重交互體驗(yàn)與友好度的頁面，只有這樣才能博得消費(fèi)者的歡心。移動(dòng)端網(wǎng)店設(shè)計(jì)移動(dòng)端網(wǎng)店的設(shè)計(jì)標(biāo)準(zhǔn)1目錄CONTENTS移動(dòng)端網(wǎng)店視覺設(shè)計(jì)2移動(dòng)端網(wǎng)店的設(shè)計(jì)標(biāo)準(zhǔn)1現(xiàn)在手機(jī)應(yīng)用的界面設(shè)計(jì)風(fēng)格普遍傾向于簡潔、清爽的扁平化設(shè)計(jì)，這是因?yàn)槿コ哂嗪头彪s的裝飾后，手機(jī)應(yīng)用的界面會(huì)變得更加干凈、整齊，可以更直接地將重要的信息展示出來，在給消費(fèi)者帶來更好的操作體驗(yàn)的同時(shí)有效地減少了認(rèn)知障礙的產(chǎn)生。作為一款手機(jī)應(yīng)用，移動(dòng)端網(wǎng)店的頁面裝修也應(yīng)該遵循這樣的設(shè)計(jì)理念，下面將以手機(jī)淘寶為例進(jìn)行詳細(xì)介紹。1移動(dòng)端網(wǎng)店店標(biāo)設(shè)計(jì)

手機(jī)淘寶的店標(biāo)設(shè)計(jì)思路與PC的網(wǎng)店完全不同，手機(jī)淘寶的店標(biāo)直接出現(xiàn)在店鋪頭上，并在店標(biāo)右側(cè)顯示店鋪名稱。手機(jī)淘寶的店標(biāo)適合采用圖形或字母組合的形式。店標(biāo)圖片1移動(dòng)端網(wǎng)店店標(biāo)設(shè)計(jì)

利用朋友圈進(jìn)行小范圍營銷的店鋪或銷售母嬰用品等特定商品的店鋪，也可以使用頭像作為店標(biāo)，這樣有助于拉近店鋪與特定類型消費(fèi)者的心理距離，但是不要使用公眾人物的頭像。移動(dòng)端網(wǎng)店還可以使用商品的實(shí)物照片作為店標(biāo)，讓人一眼就能明白店鋪銷售的主營商品。頭像店標(biāo)圖片和實(shí)物店標(biāo)圖片2移動(dòng)端網(wǎng)店圖片尺寸標(biāo)準(zhǔn)

每個(gè)詳情頁可以增加一個(gè)音頻，時(shí)長不超過30秒，大小不超過200KB，格式為MP3。每個(gè)圖片、音頻的大小不得超過1.5MB。圖片尺寸標(biāo)準(zhǔn)需在圖片上添加文字時(shí)，中文字號≥30磅，英文和阿拉伯?dāng)?shù)字字號≥20磅高度≤960像素（建議高度不超過600像素），圖片格式支持JPG、GIF、PNG首頁和詳情頁圖片寬度為480像素~620像素（建議不超過608像素）3移動(dòng)端網(wǎng)店框架結(jié)構(gòu)安排需要注意在已有的框架結(jié)構(gòu)中添加能夠促進(jìn)消費(fèi)者購買的內(nèi)容。根據(jù)框架結(jié)構(gòu)層面給所添加的內(nèi)容設(shè)置相應(yīng)的商品或活動(dòng)鏈接也尤為重要。移動(dòng)端網(wǎng)店首頁界面店鋪框架結(jié)構(gòu)紅色框出部分為淘寶平臺自動(dòng)生成的板塊，其中將店鋪首頁劃分成了“店鋪首頁”

“全部商品”“店鋪動(dòng)態(tài)”“寶貝分類”

“店鋪會(huì)員”等固定板塊，賣家只需在不同區(qū)域添加對應(yīng)的店鋪內(nèi)容即可移動(dòng)端商品詳情頁界面圖中出現(xiàn)的“收藏”

“立即購買”等圖標(biāo)是不需要自己設(shè)計(jì)的，并且在詳情頁的第一屏都會(huì)出現(xiàn)商品圖片、價(jià)格、名稱等信息展示，賣家可以不考慮這些框架結(jié)構(gòu)的布置，需要設(shè)計(jì)的是圖片、名稱等信息內(nèi)容3移動(dòng)端網(wǎng)店框架結(jié)構(gòu)安排需要注意在已有的框架結(jié)構(gòu)中添加能夠促進(jìn)消費(fèi)者購買的內(nèi)容。根據(jù)框架結(jié)構(gòu)層面給所添加的內(nèi)容設(shè)置相應(yīng)的商品或活動(dòng)鏈接也尤為重要。圖片對應(yīng)的鏈接移動(dòng)端店鋪首頁中的輪播圖片對應(yīng)移動(dòng)端網(wǎng)店視覺設(shè)計(jì)2手機(jī)移動(dòng)端店鋪視覺設(shè)計(jì)與PC端的設(shè)計(jì)思路基本是一致的，都是為了展示商品，展示店鋪與品牌，促進(jìn)消費(fèi)與店鋪的持續(xù)發(fā)展，然而PC端頁面的全部內(nèi)容卻不能簡單地一鍵導(dǎo)入手機(jī)移動(dòng)端，否則會(huì)出現(xiàn)PC端內(nèi)容無法適應(yīng)手機(jī)端的情況。在進(jìn)行手機(jī)移動(dòng)端店鋪裝修的視覺設(shè)計(jì)時(shí)，要考慮到手機(jī)端的特點(diǎn)與屬性，并進(jìn)行相應(yīng)的變化與調(diào)整。1信息內(nèi)容簡潔，便于快速傳播對信息進(jìn)行必要的精簡化處理是讓消費(fèi)者快速瀏覽與接收信息的關(guān)鍵。移動(dòng)端與PC端對比手機(jī)移動(dòng)端商品詳情界面簡化版PC端圖文詳情1信息內(nèi)容簡潔，便于快速傳播控制文字信息的篇幅及文字尺寸的大小也是讓信息在手機(jī)移動(dòng)端清晰展示的方法之一。PC端與手機(jī)移動(dòng)端展示的文字信息比較手機(jī)移動(dòng)端的展示文字信息較為模糊，雖然界面整體設(shè)計(jì)感較強(qiáng)，顯得較為精致，但是消費(fèi)者