電商視覺營銷美化 課件 項(xiàng)目六 移動(dòng)電商平臺(tái)設(shè)計(jì)需求

電商視覺營銷與圖像設(shè)計(jì)

移動(dòng)電商平臺(tái)設(shè)計(jì)需求移動(dòng)端店鋪設(shè)計(jì)的必要性

移動(dòng)端的變化O移動(dòng)技術(shù)發(fā)展消費(fèi)方式改變從實(shí)體店轉(zhuǎn)向互聯(lián)網(wǎng)從互聯(lián)網(wǎng)轉(zhuǎn)向移動(dòng)互聯(lián)網(wǎng)移動(dòng)電商平臺(tái)設(shè)計(jì)的重要性95%“第25小時(shí)”移動(dòng)電商平臺(tái)設(shè)計(jì)的要求01移動(dòng)端界面要盡量簡(jiǎn)潔02滿足移動(dòng)設(shè)備的特點(diǎn)及屏幕需求03滿足消費(fèi)者的使用習(xí)慣和消費(fèi)習(xí)慣移動(dòng)電商平臺(tái)設(shè)計(jì)的要求簡(jiǎn)潔流暢舒適簡(jiǎn)潔設(shè)計(jì)電商視覺營銷與圖像設(shè)計(jì)

移動(dòng)電商平臺(tái)設(shè)計(jì)需求移動(dòng)端屏幕特點(diǎn)

移動(dòng)端屏幕的特點(diǎn)01屏幕小分辨率高02屏幕比人類雙目距離小03一屏就是最小信息單元04手機(jī)屏是豎屏屏幕小分辨率高01

分辨率（ppi）指的是1英寸屏幕中含有的像素點(diǎn)021英寸≈2.54厘米03

像素點(diǎn)越多，像素密度越大，圖像清晰度越高PC和智能手機(jī)的像素密度差別產(chǎn)品屏幕尺寸（英寸）分辨率（ppi）21.51036.1326iMac一體計(jì)算機(jī)iPhone11手機(jī)PC和智能手機(jī)屏幕的分辨率差別108010.5英寸2.7英寸PC和智能手機(jī)屏幕的分辨率差別40×40像素10×103.2屏寬比人類雙目距離小01

看手機(jī)屏幕時(shí)人的雙目視線是內(nèi)收的02

在手機(jī)屏幕上追隨主體（某圖像或文字），必須保持精準(zhǔn)聚焦03

精準(zhǔn)聚焦的弊端，是視線在屏幕上的移動(dòng)幅度較小，且容易疲勞在手機(jī)屏面前，人眼視線有3個(gè)特點(diǎn)一屏就是最小信息單元手機(jī)屏上信息的基本單元是“屏”，一屏就是最小的信息單元。所以，手機(jī)上的一屏，最好只有一個(gè)焦點(diǎn)、一個(gè)主題、一個(gè)要理解的內(nèi)容點(diǎn)。此時(shí)，這個(gè)主題的內(nèi)容最能全面、具體地被用戶接收。而一屏中如果有多個(gè)焦點(diǎn)、多個(gè)主題、多個(gè)要理解的內(nèi)容點(diǎn)，大腦也會(huì)把所有信息簡(jiǎn)單合并為一個(gè)整體信息來處理。除非遇到極其感興趣的，或不得不處理的內(nèi)容，否則絕大多數(shù)人不會(huì)對(duì)其中的某已區(qū)域再做深入閱讀。一屏就是最小信息單元除了要留意屏幕大小的簡(jiǎn)單變化，在進(jìn)行移動(dòng)端設(shè)計(jì)時(shí)，還必須要注意橫方形PC屏與豎方形手機(jī)屏顯示的區(qū)別。手機(jī)屏幕電商視覺營銷與圖像設(shè)計(jì)

移動(dòng)電商平臺(tái)設(shè)計(jì)需求移動(dòng)端用戶分析

移動(dòng)端用戶的特點(diǎn)01

時(shí)間碎片化，辦公移動(dòng)化02缺乏耐心，習(xí)慣跳讀03

只有下意識(shí)，害怕深度思考時(shí)間碎片化，辦公移動(dòng)化臺(tái)式電腦筆記本電腦平板電腦智能手機(jī)：拓寬了使用自由度，隨時(shí)隨地利用碎片化時(shí)間，碎片化閱讀缺乏耐心，習(xí)慣跳讀手機(jī)互聯(lián)網(wǎng)時(shí)代，幾乎每個(gè)人都處在被海量信息轟炸的狀態(tài)中。信息過剩、內(nèi)容泛濫，導(dǎo)致了手機(jī)用戶好奇心和耐心銳減。信息太多時(shí)，用戶會(huì)選擇跳讀。相比于“閱讀信息”，手機(jī)用戶花了更多時(shí)間在“發(fā)現(xiàn)信息”“尋找信息”“過濾信息”上。只有極少數(shù)內(nèi)容需要進(jìn)入深閱讀解讀。跳讀、挑讀、瞄讀、瞟讀，是我們每天閱讀手機(jī)狀態(tài)的真實(shí)寫照。只有下意識(shí)，害怕深度思考從行為學(xué)上看，移動(dòng)端用戶的閱讀行為，只不過是眼睛和手指在不斷追隨下意識(shí)的聲色感官刺激。當(dāng)需要深入思考時(shí)，移動(dòng)端用戶就會(huì)下意識(shí)不想看。為什么會(huì)這樣呢？大多數(shù)時(shí)間花在了“發(fā)現(xiàn)信息”“尋找信息”“過濾信息”中，以至于留給“理解信息”的運(yùn)算能力嚴(yán)重不足。所以說，如果你的移動(dòng)端詳情頁是需要用戶深入思考才能理解的話，就會(huì)很難推動(dòng)他做出購買的決定。電商視覺營銷與圖像設(shè)計(jì)

移動(dòng)電商平臺(tái)設(shè)計(jì)需求移動(dòng)端設(shè)計(jì)原則與要求

移動(dòng)端設(shè)計(jì)的原則01

豎屏構(gòu)圖02

大圖大字03

少放內(nèi)容04

淺顯易懂豎屏構(gòu)圖大圖大字手機(jī)屏是一塊小屏幕。任何需要用戶做二次操作放大之后才能看得見的內(nèi)容，都等同于無效內(nèi)容。所以，首先要保證手機(jī)屏上的主體要足夠大，大到手機(jī)用戶完全不費(fèi)勁。當(dāng)然，主體比例需要與屏幕比例相協(xié)調(diào)。少放內(nèi)容要牢記，對(duì)手機(jī)用戶來說要少表達(dá)一點(diǎn)內(nèi)容。你可以把手機(jī)用戶想象成是單任務(wù)的CPU，同一時(shí)間只能處理一件事情，能記住的信息少，且留存時(shí)間短；但同時(shí)可以進(jìn)行快速篩選、忽略、遺忘。所以，結(jié)合手機(jī)用戶的特點(diǎn)，只有少講，才能讓他脊柱更多；多講的，都是干擾。少才是多，這才符合手機(jī)用戶的閱讀習(xí)慣。淺顯易懂01

淺顯易懂，好理解02

優(yōu)先閱讀移動(dòng)端平臺(tái)的設(shè)計(jì)要求01

一屏一內(nèi)容02

版式清晰，賣點(diǎn)明確03

字體合適，圖片清晰一屏一內(nèi)容秒一屏一內(nèi)容：將每一屏內(nèi)容區(qū)分為簡(jiǎn)單清晰的賣點(diǎn)、產(chǎn)品信息、模特展示及細(xì)節(jié)展示等等，突出店鋪主題和寶貝賣點(diǎn)，盡量在10屏以內(nèi)展示完。要注意的是，每一屏之間一定要有明顯的分割形式進(jìn)行區(qū)分。版式清晰，賣點(diǎn)明確上下分割:適合豎屏展示，圖片和文字應(yīng)按照合適的間距，按順序排布，保證整體效果的突出。左右分割:將文字信息編排在版面的左側(cè)或右側(cè)，營造出舒適自然的視覺空間，在第二屏起即可排布，常在設(shè)計(jì)理念、潮流趨勢(shì)等賣點(diǎn)模塊中使用，方便賣點(diǎn)清晰展示。字體合適，圖片清晰字體大?。?0-36號(hào)要注意字體版權(quán)，做設(shè)計(jì)時(shí)要盡可能使用免費(fèi)無版權(quán)糾紛的字體。視頻也需要擁有或得到相關(guān)素材的授權(quán)，比如節(jié)目欄目版權(quán)、明星肖像權(quán)、背景音樂版權(quán)等等。電商視覺營銷與圖像設(shè)計(jì)

移動(dòng)電商平臺(tái)設(shè)計(jì)需求電商平臺(tái)的設(shè)計(jì)要求（一）

手機(jī)淘寶的設(shè)計(jì)要求

店標(biāo)、店招的設(shè)計(jì)要求店標(biāo)尺寸為80像素×80像素，文件大小為80KB以內(nèi)店標(biāo)位置示例店招規(guī)格尺寸為642像素×200像素店招位置示例圖片尺寸標(biāo)準(zhǔn)750px*200-950px圖片類型支持JPG、PNG鹿班系統(tǒng)界面主圖視頻標(biāo)準(zhǔn)主圖視頻有兩套標(biāo)準(zhǔn)，分別是1:1或16:9和3:4視頻制作的要求：1、尺寸比例為3:4，推薦1080像素以上的高清視頻，保證清晰度。2、時(shí)長不宜過長，30秒以內(nèi)會(huì)被優(yōu)先推薦給更多用戶。3、視頻必須要做結(jié)構(gòu)化分段4、視頻上下左右不可留黑邊5、不接受PPT形式的電子相冊(cè)視頻京東移動(dòng)端的設(shè)計(jì)要求

圖片尺寸標(biāo)準(zhǔn)01尺寸大小≤400KB02

支持JPG、JPEG、PNG、GIF03

寬度不小于640px，默認(rèn)為750px視頻標(biāo)準(zhǔn)01時(shí)長范圍：90秒以內(nèi)，不少于6秒02

視頻大?。?0MB以內(nèi)03

長寬要求：推薦16:9或1:1，500px≤長邊尺寸≤1920px京東官方對(duì)視頻的要求02

視頻格式：MP4電商視覺營銷與圖像設(shè)計(jì)

移動(dòng)電商平臺(tái)設(shè)計(jì)需求電商平臺(tái)的設(shè)計(jì)要求（二）

拼多多移動(dòng)端的設(shè)計(jì)要求

白底圖白底圖有統(tǒng)一的審核標(biāo)準(zhǔn)：1、圖片尺寸為480像素×480像素，大小應(yīng)小于3兆。2、圖片格式為JPG、JPEG、PNG3、圖片中應(yīng)該無商標(biāo)、無水印、無文字、無拼接、無陰影4、圖片中不可以出現(xiàn)模特和背景5、圖片中的商品應(yīng)該平鋪或掛拍，不可以出現(xiàn)衣架、商品吊牌等6、每張圖片中只能出現(xiàn)一個(gè)主體，不可出現(xiàn)多個(gè)相同的主體7、圖片中商品主體完整，居中放置，撐滿整個(gè)畫面，勿留白邊商品輪播圖輪播圖的標(biāo)準(zhǔn)有這么幾點(diǎn)：1、尺寸寬高需大于480px2、大小在1MB內(nèi)3、數(shù)量限制在10張以內(nèi)4、圖片僅支持JPG、PNG格式5、主輪播圖的背景為純白色（服飾除外），圖片不允許添加任何文字6、批量上傳時(shí)，圖片須等寬高，且大小不小于480px商品詳情圖商品詳情圖有以下幾個(gè)標(biāo)準(zhǔn)：1、尺寸要求寬度大于480px，高度可以隨意控制2、總大小在1MB內(nèi)，單張不超過1MB3、數(shù)量限制在20張之內(nèi)，包括20張。4、圖片僅支持JPG、PNG格式5、批量上傳時(shí)，尺寸要求寬度在480-1200px，高度0-1500px，詳情頁不建議做的太長，把想要說的說清楚就可以6、可以拖動(dòng)圖片改變圖片的順序排列長圖長圖的基本要求：1、圖片尺寸應(yīng)該是400像素乘600像素，大小要小于3MB2、圖片支持JPG、JPEG、PNG格式3、無商標(biāo)、無拼接、無陰影、無牛皮癬、無白邊、無水印、無文字、無暗角4、圖片背景需要實(shí)拍圖、模特圖，或者有場(chǎng)景的圖片，不能白底圖、摳圖、假背景圖，背景顏色不要過多數(shù)量限制在20張之內(nèi)，包括20張。5、圖片中售賣主體必須清晰可識(shí)別，售賣主體必須展示完整6、圖片無拉伸變形，無多余不相關(guān)物體7、圖片禁止涉黃涉暴，禁止出現(xiàn)令人不適場(chǎng)景、違禁商品圖、政治宗教敏感圖、喪葬用品圖商品活動(dòng)主圖商品活動(dòng)主圖的基本要求：1、圖片尺寸750px×352px2、大小在100kb以內(nèi)3、圖片僅支持JPG、PNG格式4、圖片背景應(yīng)以純白為主，商品圖案居中顯示。5、圖片不可以添加任何品牌相關(guān)文字或logo商品視頻視頻的要求：1、大?。骸?00MB2、格式：MP43、尺寸：720P4、建議比例：16:9，豎版5、時(shí)長：10-60秒6、視頻封面默認(rèn)首幀畫面，也可自選7、視頻標(biāo)題非必填，限制在40字符以內(nèi)Wish的設(shè)計(jì)要求

產(chǎn)品主圖規(guī)范產(chǎn)品主圖的規(guī)范要求：1、背景為純白色（Wish搜索和產(chǎn)品詳情頁面也是純白色的，純白的RGB值為255,255,255），且不能是繪圖或者插畫，不能包含實(shí)際不在訂單內(nèi)的配件2、不能帶logo和水印(產(chǎn)品本身的logo是允許的