本文從概念認(rèn)識，設(shè)計步驟和作圖規(guī)范三個方面，介紹應(yīng)用市場圖設(shè)計的整個流程，希望對大家有所幫助。

概念認(rèn)識

1.名稱

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

2.作用

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

產(chǎn)品：對產(chǎn)品來說應(yīng)用截圖可以宣傳產(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)品品牌的曝光度。

設(shè)計步驟

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é)合當(dāng)下的熱點資源，以內(nèi)容吸引用戶。如下圖QQ閱讀的市場圖展示的就是當(dāng)前熱門書籍。

· 運營

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

2.選擇設(shè)計風(fēng)格

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

· 商務(wù)風(fēng)

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

· 插畫風(fēng)

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

· 色彩風(fēng)

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

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

· 跨屏風(fēng)

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

· 元素風(fēng)

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

3.靈活運用

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

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

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

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

作圖規(guī)范

1.尺寸規(guī)范

ios應(yīng)用商店截圖：

· App Store

圖標(biāo)：1024*1024、PNG、直角。

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

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

android應(yīng)用商店截圖：

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

·?華為

圖標(biāo)：216*216、PNG、直角。

應(yīng)用截圖&視頻：最少上傳3張，推薦480*800或720*1280，但只要是9:16的尺寸，單張小于2M?，尺寸比較靈活，截圖不能包含iOS元素，通知欄去除與應(yīng)用無關(guān)圖標(biāo)。

· 百度手機助手

圖標(biāo)：1024*1024、PNG&JPG、圓角，要求無白邊且小于1M。

應(yīng)用截圖：尺寸480*800，需上傳不少于4張且內(nèi)容不重復(fù)的圖片，單張圖片不超過2M 。需要注意頂部通知欄不可有圖標(biāo)，截圖中也不能加入水印或其他logo標(biāo)志?。

·?小米

圖標(biāo)：90*90、136*136、168*168、192*192、224*224，PNG，直角。

應(yīng)用截圖：至少 3 張圖片，尺寸720*1280或1080*1920，支持橫屏或豎屏。要求使用小米手機外觀。

· 安智

圖標(biāo)：512*512，PNG、無白邊；

應(yīng)用截圖：尺寸480*800，至少4-5張截圖，單張小于1M。

· 應(yīng)用寶

圖標(biāo)：16*16 、50*50、64*64、75*75、100*100 ?20K以內(nèi)，512*512 ?200K以內(nèi)，PNG、直角；

應(yīng)用截圖：不小于320*480，建議尺寸480*800，2-5張截圖，單張小于1M。

· 360手機助手

圖標(biāo)：512*512，PNG、圓角半徑弧度：70PX無白邊。

應(yīng)用截圖：尺寸不小于480*800，支持橫屏或豎屏，單張圖片不能超過3M，去除圖中的頂部通知欄。

·?魅族

圖標(biāo)：512*512、PNG、直角，小于1M；

應(yīng)用截圖：尺寸800*1280、1080*1800、1152*1920、1536*2560，單張小于5M。

· 三星

圖標(biāo)：512*512、PNG、直角，小于1024K。

應(yīng)用截圖：最小 320 像素，最大 3840 像素，JPG/PNG 格式，圖片比例 2:1，至少需要4個圖片，最多可上傳8個，需使用不帶品牌信息的手機。

· 搜狗手機助手

圖標(biāo)：512*512、PNG、小于1M圓角透明圖標(biāo)。

應(yīng)用截圖：需上傳4-5張不小于480*800的截圖，縱向、橫向皆可，單張小于3M。

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

2.文案規(guī)范

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

禁止的絕對化用語應(yīng)僅限于作為表示程度的最高級形容詞或類似語句，“權(quán)威、最優(yōu)秀、最好、最大、領(lǐng)先、領(lǐng)導(dǎo)者、締造者、全國銷量冠軍、國家級產(chǎn)品、全網(wǎng)第一、銷量第一、排名第一……”這些極限詞的使用需要規(guī)避。

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

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

要點

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

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

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

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

歡迎掃描關(guān)注我的微信公眾號交流。熱愛設(shè)計，關(guān)注用戶體驗，分享設(shè)計思考。

公眾號回復(fù)以下關(guān)鍵詞獲取設(shè)計資源

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

*?回復(fù)"PS"可獲取最新版PS cc 2019

* 回復(fù)“字體”可獲取最全的設(shè)計常用字體

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

* 回復(fù)“筆刷”可獲最全的筆刷資源