在APP設(shè)計(jì)環(huán)節(jié)中，有一項(xiàng)比較容易漏掉的就是screenshot的設(shè)計(jì)，翻譯成中文是“屏幕快照”。它是放在AppStore或者其它各大應(yīng)用商店，進(jìn)行APP的功能簡(jiǎn)介的圖片（如下圖微信的screenshot），目的是為了讓用戶在下載之前，就能通過(guò)看這些圖片對(duì)APP“是干什么用的”有一個(gè)大概的了解，可能也會(huì)包括“怎樣用”的教學(xué)點(diǎn)在里面，即咱們平時(shí)研究事情的what與how原則的介紹。
在各大設(shè)計(jì)平臺(tái)中很少有人專(zhuān)門(mén)說(shuō)它，一方面是因?yàn)椋闶窃贏PP設(shè)計(jì)范疇以內(nèi)比較收尾的工作。如果說(shuō)某款A(yù)PP要從0到1開(kāi)始設(shè)計(jì)的話，這部分工作是要等到設(shè)計(jì)師將圖片資源輸出給開(kāi)發(fā)人員之后才開(kāi)始有精力集中于這一塊內(nèi)容的設(shè)計(jì)。二是，設(shè)計(jì)這一塊內(nèi)容的童鞋很可能與設(shè)計(jì)APP內(nèi)容的童鞋不是同一個(gè)人，而對(duì)這一塊內(nèi)容與APP的相關(guān)性沒(méi)有過(guò)多思考。
如上所述，screenshot的主要作用是通過(guò)幾張圖片介紹APP的主要功能。后來(lái)又增加了視頻展示的功能。那么在設(shè)計(jì)的過(guò)程中應(yīng)該怎樣下手，以及有哪些情況需要注意的呢？
1.種類(lèi)上需要準(zhǔn)備iPhone和Apple watch
1.圖片數(shù)量控制在3~5張之內(nèi)，最好不要超過(guò)5張。
一般情況下，設(shè)計(jì)師拿到進(jìn)行設(shè)計(jì)screenshot的需求時(shí)，產(chǎn)品會(huì)給出一個(gè)character list（功能列表），告訴設(shè)計(jì)師需要表達(dá)哪些功能點(diǎn)，而設(shè)計(jì)師就有個(gè)頭緒從哪里開(kāi)始入手。screenshot有幾種設(shè)計(jì)風(fēng)格，一是直接將APP的界面進(jìn)行呈現(xiàn)（如下圖微信的方式）；二是用簡(jiǎn)短的文字描述加上手機(jī)場(chǎng)景圖（如下圖QQ的表達(dá)方式），這種圖文結(jié)合的表達(dá)方式對(duì)用戶來(lái)說(shuō)更加清楚，更好理解。
圖片（包括視頻）可以是橫的，也可以是豎的，尺寸以iPhone兩倍的屏來(lái)750x1334px著手設(shè)計(jì)比較合適。橫屏顯示的方式多出現(xiàn)在游戲APP中。如果考慮多語(yǔ)言表達(dá)，則需要導(dǎo)出兩套不同的語(yǔ)言的圖片。（有時(shí)候AppStore對(duì)于地區(qū)的判斷也會(huì)出現(xiàn)一些誤差，比方說(shuō)英文系統(tǒng)下出現(xiàn)中文圖片，中文系統(tǒng)下出現(xiàn)英文圖片，anyway，這不太影響設(shè)計(jì)師的工作）
在UI的風(fēng)格上有呈獨(dú)立設(shè)計(jì)的風(fēng)格，也有比較有趣的類(lèi)似背景有一定的連續(xù)性，用來(lái)引導(dǎo)用戶繼續(xù)看下去。
2.視頻長(zhǎng)度最好不超過(guò)30s。
超過(guò)30s的視頻顯得比較冗余，用戶沒(méi)有耐心看下去，所以需要對(duì)內(nèi)容進(jìn)行精簡(jiǎn)。還有一點(diǎn)需要提及的是，視頻上傳通道只有一個(gè)，多語(yǔ)言也只能用一個(gè)。如果是國(guó)際化的APP的話，建議錄制的視頻里面的文字用英文，適用范圍比較廣泛。
3.安卓相關(guān)發(fā)布渠道。
國(guó)內(nèi)安卓渠道列表（點(diǎn)擊可以直接訪問(wèn)）
應(yīng)用匯：http://http://dev.appchina.com/dev/index
豌豆莢：http://open.wandoujia.com/app/add
應(yīng)用寶：http://op.open.qq.com/mobile_appinfov2/apkinfo?appid=1104845090
百度手機(jī)助手：http://app.baidu.com/apps/create
安智：http://dev.anzhi.com/soft_all2.php
360: http://dev.360.cn/mod/createmobile/app?appType=soft
華為：http://developer.huawei.com/cn/consumer/devunion/openPlatform/html/memberCenter.html#appManage#
小米：http://dev.xiaomi.com/app/create?userId=494175390
聯(lián)想開(kāi)放平臺(tái)：http://open.lenovo.com/developer/login_info.jspx
搜狗手機(jī)助手：http://zhushou.sogou.com/open/app/add.html
魅族開(kāi)放平臺(tái)：http://developer.meizu.com/console/apps/publish?t=146177931870
基本上安卓導(dǎo)出的screenshot的圖片尺寸比例會(huì)變，每個(gè)平臺(tái)要求不太一樣，所以每個(gè)平臺(tái)需要檢查一下。最好每個(gè)平臺(tái)都用一套畫(huà)板進(jìn)行導(dǎo)出，以后在更新版本的時(shí)候修改起來(lái)也更加方便。需要強(qiáng)調(diào)的是小米要求比較多，除了尺寸規(guī)格為7201280 或 10801920，還要注意的是應(yīng)用截圖中手機(jī)外觀素材要為小米手機(jī)外觀，素材下載地址http://dev.xiaomi.com/doc/?p=354
當(dāng)經(jīng)歷過(guò)APP設(shè)計(jì)所有的環(huán)節(jié)之后，思考方式會(huì)發(fā)生一些轉(zhuǎn)變，在設(shè)計(jì)功能點(diǎn)的時(shí)候，會(huì)更有全局觀，將所有相關(guān)聯(lián)的部位都串聯(lián)起來(lái)進(jìn)行考慮。如果進(jìn)入這一狀態(tài)，恭喜你，成功進(jìn)階了一級(jí)，再接再厲！
Sophia的tips：
看似瑣碎的事情，一個(gè)個(gè)都認(rèn)真完成了，不知不覺(jué)就會(huì)成為專(zhuān)家！
其它熱門(mén)文章
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（七）——APP Logo的設(shè)計(jì)》
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（六）——整理和交接工作》
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（五）——UI規(guī)范整理》
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（四）——Hi-fi輸出（下篇）》
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（四）——Hi-fi輸出（上篇）》
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（三）——Low-fi輸出》
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（二）——立項(xiàng)》
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（一）——概述》
