本文從概念認識隔盛，設計步驟和作圖規(guī)范三個方面，介紹應用市場圖設計的整個流程拾稳，希望對大家有所幫助吮炕。

概念認識

1.名稱

應用市場圖是指產(chǎn)品在App Store或是安卓市場中的預覽圖。

2.作用

用戶：為用戶提供產(chǎn)品的預覽访得，讓用戶在下載前可以簡單了解產(chǎn)品的界面和功能龙亲。

產(chǎn)品：對產(chǎn)品來說應用截圖可以宣傳產(chǎn)品的買點，展現(xiàn)功能悍抑，加大產(chǎn)品的曝光率鳄炉，幫助用戶更好的了解產(chǎn)品屬性、產(chǎn)品定位和產(chǎn)品的功能搜骡。

3.表現(xiàn)形式

市場圖支持靜態(tài)圖片和視頻兩種形式拂盯。靜態(tài)圖是必須提供的，視頻是可選項记靡，可做可不做谈竿。視頻雖然展示直觀表現(xiàn)力強，但耗時也會多一些摸吠，具體我們需要根據(jù)項目的時間和內(nèi)容來評估空凸。

· 靜態(tài)圖片

必須項；格式：JPG寸痢、PNG呀洲；

數(shù)量：3-5張。

· 視頻

非必須項轿腺；格式：mov两嘴、m4v、mp4族壳；

數(shù)量：1-3個憔辫。

iOS的時長要求是最短15秒最長30秒，在這個區(qū)間取值仿荆，過長的視頻很少有用戶會看完贰您。

內(nèi)容一般以功能操作為主，演示APP的核心功能和特色功能拢操，片頭片尾加入品牌信息如logo锦亦、slogan等，加大產(chǎn)品品牌的曝光度令境。

設計步驟

1.討論表現(xiàn)內(nèi)容杠园，確定表現(xiàn)形式

首先，我們要知道市場圖需要表現(xiàn)什么舔庶，接到的需求里一般是已經(jīng)提供了文案與內(nèi)容抛蚁。如果沒有就需要我們?nèi)ヅc產(chǎn)品陈醒、運營的同事溝通討論已確定內(nèi)容，然后根據(jù)內(nèi)容和項目排期確定表現(xiàn)形式瞧甩，是否需要做視頻钉跷。

· 功能

展現(xiàn)產(chǎn)品的亮點、價值肚逸、核心功能或是本次更新改版的特性等爷辙，主要是讓用戶快速得到有價值的信息，了解產(chǎn)品的功能特性朦促，區(qū)別于競品膝晾。一般工具型產(chǎn)品都傾向于選擇這樣的內(nèi)容。如360相機思灰，5張圖分別展示了產(chǎn)品的5種功能玷犹。

· 內(nèi)容

展示產(chǎn)品的內(nèi)容，一般內(nèi)容平臺型產(chǎn)品如視頻洒疚、書籍歹颓、音頻類用的比較多，產(chǎn)品的內(nèi)容資源豐富油湖，更新較快時效性較強巍扛、經(jīng)常結(jié)合當下的熱點資源，以內(nèi)容吸引用戶乏德。如下圖QQ閱讀的市場圖展示的就是當前熱門書籍撤奸。

· 運營

配合運營需求展示產(chǎn)品內(nèi)的近期的促銷、專題活動喊括、賽事等胧瓜，電商類大型活動前一般會選擇此類內(nèi)容宣傳推廣以加大活動的曝光率，如下圖：

2.選擇設計風格

確定了表現(xiàn)內(nèi)容和形式郑什，選擇了設計樣式接下來就是考慮設計風格了府喳，

· 商務風

這種風格使用率比較高，采用簡潔的設計主要突出應用截圖蘑拯，文案強調(diào)產(chǎn)品的重點信息钝满，去除多余裝飾以保證圖片的易讀性。

· 插畫風

插畫有很強的視覺表現(xiàn)力申窘，它的加入可以為較單調(diào)的頁面增色弯蚜，輔助用戶理解，給用戶留下更深刻的印象剃法。本身較為簡單的產(chǎn)品碎捺，如果界面截圖缺乏吸引力的話，可以選擇加入插畫，增強視覺表現(xiàn)力牵寺，區(qū)別于競品悍引，吸引用戶。

· 色彩風

色彩對人類具有天然的吸引力帽氓，可以輕易喚起人們愉悅感，是影響人們情緒的重要元素俩块，正是人們對顏色的喜愛形成了這種風格黎休。

通過色彩抓住用戶心理活動，滿足用戶心理需求玉凯。

· 跨屏風

跨屏風是圖片內(nèi)容跨越兩張或多張圖势腮，加大了視覺沖擊力，更容易吸引用戶的注意力漫仆，不少產(chǎn)品都選擇了這種風格捎拯。

· 元素風

在圖中加入頁面組件或是IP形象，打造亮點讓用戶的聚焦盲厌，關注元素內(nèi)容署照，第一時間注意到產(chǎn)品的特點。IP形象的加入可以形成自己的品牌特色讓產(chǎn)品和競品區(qū)分出來吗浩。

3.靈活運用

結(jié)合自己產(chǎn)品的風格定位建芙，將選擇的元素樣式、設計風格組合創(chuàng)作懂扼，突破風格的限制禁荸，大膽創(chuàng)新打造與產(chǎn)品氣質(zhì)更相符的頁面，創(chuàng)造更多更豐富的視覺效果阀湿。

比如抖音赶熟，同樣是截圖+文案+手機框的元素，調(diào)整了手機的位置陷嘴，上下穿插的變化讓畫面更加活潑映砖。

抖音讓手機的連續(xù)跨屏結(jié)合背景的色彩漸變，使界面更加活力時尚罩旋。

優(yōu)酷利用人物元素結(jié)合不同背景顏色及插畫元素突出主題內(nèi)容啊央，對不同定位的內(nèi)容采取不同的設計風格，讓設計風格更加符合內(nèi)容涨醋，主題更加契合瓜饥。

作圖規(guī)范

1.尺寸規(guī)范

ios應用商店截圖：

· App Store

圖標：1024*1024、PNG浴骂、直角乓土。

應用截圖&視頻：對于iPhone，必須提供 5.5英寸設備 (iPhone 6s Plus、iPhone 7?Plus趣苏、iPhone 8?Plus)?和 6.5英寸 iPhone Xs Max?兩個尺寸狡相，這些屏幕快找可縮放至較小的設備尺寸，而且注意iPhone X的狀態(tài)欄也需要是對應的食磕。

對于iPad尽棕，必須提供12.9英寸iPad?Pro(第2代)和12.9英寸iPad Pro(第3代)的屏幕快照。這些屏幕快照可縮放至較小的設備尺寸彬伦。

android應用商店截圖：

安卓市場基本可以概括為兩種尺寸：480*800?和?1080*1920滔悉，再針對各平臺特殊的手機外殼、狀態(tài)欄要用安卓的狀態(tài)欄单绑。

·?華為

圖標：216*216回官、PNG、直角搂橙。

應用截圖&視頻：最少上傳3張歉提，推薦480*800或720*1280，但只要是9:16的尺寸区转，單張小于2M?苔巨，尺寸比較靈活，截圖不能包含iOS元素蜗帜，通知欄去除與應用無關圖標恋拷。

· 百度手機助手

圖標：1024*1024、PNG&JPG厅缺、圓角蔬顾，要求無白邊且小于1M。

應用截圖：尺寸480*800湘捎，需上傳不少于4張且內(nèi)容不重復的圖片诀豁，單張圖片不超過2M 。需要注意頂部通知欄不可有圖標窥妇，截圖中也不能加入水印或其他logo標志?舷胜。

·?小米

圖標：90*90、136*136活翩、168*168烹骨、192*192、224*224材泄，PNG沮焕，直角。

應用截圖：至少 3 張圖片拉宗，尺寸720*1280或1080*1920峦树，支持橫屏或豎屏辣辫。要求使用小米手機外觀。

· 安智

圖標：512*512魁巩，PNG急灭、無白邊；

應用截圖：尺寸480*800谷遂，至少4-5張截圖葬馋，單張小于1M。

· 應用寶

圖標：16*16 埋凯、50*50点楼、64*64、75*75白对、100*100 ?20K以內(nèi)，512*512 ?200K以內(nèi)换怖，PNG甩恼、直角；

應用截圖：不小于320*480沉颂，建議尺寸480*800条摸，2-5張截圖，單張小于1M铸屉。

· 360手機助手

圖標：512*512钉蒲，PNG、圓角半徑弧度：70PX無白邊彻坛。

應用截圖：尺寸不小于480*800顷啼，支持橫屏或豎屏，單張圖片不能超過3M昌屉，去除圖中的頂部通知欄钙蒙。

·?魅族

圖標：512*512、PNG间驮、直角躬厌，小于1M；

應用截圖：尺寸800*1280竞帽、1080*1800扛施、1152*1920、1536*2560屹篓，單張小于5M疙渣。

· 三星

圖標：512*512、PNG抱虐、直角昌阿，小于1024K。

應用截圖：最小 320 像素，最大 3840 像素懦冰，JPG/PNG 格式灶轰，圖片比例 2:1，至少需要4個圖片刷钢，最多可上傳8個笋颤，需使用不帶品牌信息的手機。

· 搜狗手機助手

圖標：512*512内地、PNG伴澄、小于1M圓角透明圖標。

應用截圖：需上傳4-5張不小于480*800的截圖阱缓，縱向非凌、橫向皆可，單張小于3M荆针。

（PS：各平臺的規(guī)范偶爾會有變動更新敞嗡，制作的時候要以官方公布的最新的為準喲。）

2.文案規(guī)范

除了尺寸的規(guī)范航背，文案規(guī)范也需要注意喉悴。由于新的廣告法頒布，平臺會禁止開發(fā)者使用“違規(guī)”宣傳語玖媚，以保障行業(yè)公平競爭箕肃。

禁止的絕對化用語應僅限于作為表示程度的最高級形容詞或類似語句，“權威今魔、最優(yōu)秀勺像、最好、最大涡贱、領先咏删、領導者、締造者问词、全國銷量冠軍督函、國家級產(chǎn)品、全網(wǎng)第一激挪、銷量第一辰狡、排名第一……”這些極限詞的使用需要規(guī)避。

3.內(nèi)容規(guī)范

內(nèi)容規(guī)范是截圖上的內(nèi)容要與提交審核的app版本的功能內(nèi)容保持一致垄分。特別是一些設計到購買宛篇、分享等功能的地方需要注意，避免因為內(nèi)容不符而審核不通過薄湿，耽誤項目進度叫倍。

要點

iOS的尺寸其中6.5英寸 1242*2688(劉海屏)以及5.5英寸 1242*2208(無劉海)偷卧；

安卓市場基本可以概括為兩種尺寸：480*800和1080*1920，再針對各平臺特殊的手機外殼吆倦、狀態(tài)欄要求進行微調(diào)听诸；

檢查文案內(nèi)容，避免極限詞的使用蚕泽；

檢查所用頁面內(nèi)容是否與提交審核的版本一致晌梨。

歡迎掃描關注我的微信公眾號交流。熱愛設計须妻，關注用戶體驗仔蝌，分享設計思考。

公眾號回復以下關鍵詞獲取設計資源

* 回復“軟件”可以獲取全套設計軟件（包括win系統(tǒng)和Mac系統(tǒng)）

*?回復"PS"可獲取最新版PS cc 2019

* 回復“字體”可獲取最全的設計常用字體

* 回復“C4D”可獲取從新手到進階全套C4D視頻教程

* 回復“筆刷”可獲最全的筆刷資源