APP中Screenshot的設(shè)計(jì)要領(lǐng)和各發(fā)布渠道的要求

在APP設(shè)計(jì)環(huán)節(jié)中峦睡,有一項(xiàng)比較容易漏掉的就是screenshot的設(shè)計(jì),翻譯成中文是“屏幕快照”涵但。它是放在AppStore或者其它各大應(yīng)用商店涧尿,進(jìn)行APP的功能簡介的圖片(如下圖微信的screenshot),目的是為了讓用戶在下載之前珊燎,就能通過看這些圖片對(duì)APP“是干什么用的”有一個(gè)大概的了解惭嚣,可能也會(huì)包括“怎樣用”的教學(xué)點(diǎn)在里面遵湖,即咱們平時(shí)研究事情的what與how原則的介紹。

在各大設(shè)計(jì)平臺(tái)中很少有人專門說它晚吞,一方面是因?yàn)檠泳桑闶窃贏PP設(shè)計(jì)范疇以內(nèi)比較收尾的工作。如果說某款A(yù)PP要從0到1開始設(shè)計(jì)的話槽地,這部分工作是要等到設(shè)計(jì)師將圖片資源輸出給開發(fā)人員之后才開始有精力集中于這一塊內(nèi)容的設(shè)計(jì)迁沫。二是,設(shè)計(jì)這一塊內(nèi)容的童鞋很可能與設(shè)計(jì)APP內(nèi)容的童鞋不是同一個(gè)人捌蚊,而對(duì)這一塊內(nèi)容與APP的相關(guān)性沒有過多思考集畅。

如上所述,screenshot的主要作用是通過幾張圖片介紹APP的主要功能缅糟。后來又增加了視頻展示的功能挺智。那么在設(shè)計(jì)的過程中應(yīng)該怎樣下手,以及有哪些情況需要注意的呢窗宦?

1.種類上需要準(zhǔn)備iPhone和Apple watch

1.圖片數(shù)量控制在3~5張之內(nèi)赦颇,最好不要超過5張。
一般情況下赴涵,設(shè)計(jì)師拿到進(jìn)行設(shè)計(jì)screenshot的需求時(shí)媒怯,產(chǎn)品會(huì)給出一個(gè)character list(功能列表),告訴設(shè)計(jì)師需要表達(dá)哪些功能點(diǎn)髓窜,而設(shè)計(jì)師就有個(gè)頭緒從哪里開始入手沪摄。screenshot有幾種設(shè)計(jì)風(fēng)格,一是直接將APP的界面進(jìn)行呈現(xiàn)(如下圖微信的方式)纱烘;二是用簡短的文字描述加上手機(jī)場景圖(如下圖QQ的表達(dá)方式)杨拐,這種圖文結(jié)合的表達(dá)方式對(duì)用戶來說更加清楚,更好理解擂啥。

圖片(包括視頻)可以是橫的哄陶,也可以是豎的,尺寸以iPhone兩倍的屏來750x1334px著手設(shè)計(jì)比較合適哺壶。橫屏顯示的方式多出現(xiàn)在游戲APP中屋吨。如果考慮多語言表達(dá),則需要導(dǎo)出兩套不同的語言的圖片山宾。(有時(shí)候AppStore對(duì)于地區(qū)的判斷也會(huì)出現(xiàn)一些誤差至扰,比方說英文系統(tǒng)下出現(xiàn)中文圖片,中文系統(tǒng)下出現(xiàn)英文圖片资锰,anyway敢课,這不太影響設(shè)計(jì)師的工作)

在UI的風(fēng)格上有呈獨(dú)立設(shè)計(jì)的風(fēng)格,也有比較有趣的類似背景有一定的連續(xù)性,用來引導(dǎo)用戶繼續(xù)看下去直秆。

2.視頻長度最好不超過30s濒募。

超過30s的視頻顯得比較冗余,用戶沒有耐心看下去圾结,所以需要對(duì)內(nèi)容進(jìn)行精簡瑰剃。還有一點(diǎn)需要提及的是,視頻上傳通道只有一個(gè)筝野,多語言也只能用一個(gè)晌姚。如果是國際化的APP的話,建議錄制的視頻里面的文字用英文歇竟,適用范圍比較廣泛挥唠。

3.安卓相關(guān)發(fā)布渠道。

國內(nèi)安卓渠道列表(點(diǎ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.#/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)想開放平臺(tái):http://open.lenovo.com/developer/login_info.jspx
搜狗手機(jī)助手:http://zhushou.sogou.com/open/app/add.html
魅族開放平臺(tái):http://developer.meizu.com/console/apps/publish?t=146177931870

基本上安卓導(dǎo)出的screenshot的圖片尺寸比例會(huì)變途蒋,每個(gè)平臺(tái)要求不太一樣,所以每個(gè)平臺(tái)需要檢查一下馋记。最好每個(gè)平臺(tái)都用一套畫板進(jìn)行導(dǎo)出号坡,以后在更新版本的時(shí)候修改起來也更加方便。需要強(qiáng)調(diào)的是小米要求比較多梯醒,除了尺寸規(guī)格為7201280 或 10801920宽堆,還要注意的是應(yīng)用截圖中手機(jī)外觀素材要為小米手機(jī)外觀,素材下載地址http://dev.xiaomi.com/doc/?p=354

當(dāng)經(jīng)歷過APP設(shè)計(jì)所有的環(huán)節(jié)之后茸习,思考方式會(huì)發(fā)生一些轉(zhuǎn)變畜隶,在設(shè)計(jì)功能點(diǎn)的時(shí)候,會(huì)更有全局觀号胚,將所有相關(guān)聯(lián)的部位都串聯(lián)起來進(jìn)行考慮籽慢。如果進(jìn)入這一狀態(tài),恭喜你猫胁,成功進(jìn)階了一級(jí)箱亿,再接再厲!

Sophia的tips:
看似瑣碎的事情弃秆,一個(gè)個(gè)都認(rèn)真完成了届惋,不知不覺就會(huì)成為專家!

其它熱門文章
《創(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(一)——概述》

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末菠赚,一起剝皮案震驚了整個(gè)濱河市脑豹,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌衡查,老刑警劉巖瘩欺,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡击碗,警方通過查閱死者的電腦和手機(jī)筑悴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稍途,“玉大人阁吝,你說我怎么就攤上這事⌒蹬模” “怎么了突勇?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長坷虑。 經(jīng)常有香客問我甲馋,道長,這世上最難降的妖魔是什么迄损? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任定躏,我火速辦了婚禮,結(jié)果婚禮上芹敌,老公的妹妹穿的比我還像新娘痊远。我一直安慰自己,他們只是感情好氏捞,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布碧聪。 她就那樣靜靜地躺著,像睡著了一般液茎。 火紅的嫁衣襯著肌膚如雪逞姿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天捆等,我揣著相機(jī)與錄音滞造,去河邊找鬼。 笑死栋烤,一個(gè)胖子當(dāng)著我的面吹牛断部,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播班缎,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蝴光,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了达址?” 一聲冷哼從身側(cè)響起蔑祟,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎沉唠,沒想到半個(gè)月后疆虚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年径簿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了罢屈。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡篇亭,死狀恐怖缠捌,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情译蒂,我是刑警寧澤曼月,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站柔昼,受9級(jí)特大地震影響哑芹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜捕透,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一聪姿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧乙嘀,春花似錦末购、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽低缩。三九已至嘉冒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間咆繁,已是汗流浹背讳推。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留玩般,地道東北人银觅。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像坏为,于是被迫代替她去往敵國和親究驴。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,140評(píng)論 25 707
  • 太長了匀伏,還是轉(zhuǎn)載吧...今天在看博客的時(shí)候洒忧,無意中發(fā)現(xiàn)了@Trinea在GitHub上的一個(gè)項(xiàng)目Android開源...
    龐哈哈哈12138閱讀 20,187評(píng)論 3 283
  • 不知不覺居然就到了羊年了啊!!!說起來生肖年的起點(diǎn)是立春這件事情,我其實(shí)是去年才知道的XD够颠。明年過年都不知道在哪...
    樓小明閱讀 545評(píng)論 0 1
  • 你若安好,我便不再打擾 我還是很想你蛉抓,只是再不會(huì)打擾你庆尘。我明白你的處境,我知道你的擔(dān)憂巷送,更懂的你的無奈驶忌,所以我把你...
    敢說真話的妖精閱讀 213評(píng)論 1 2
  • 前幾天,我讀完了堀辰雄的作品起風(fēng)了惩系,書只有短短的六章位岔,可卻為我們展示了一件感人的故事。 故事內(nèi)容很少堡牡,...
    未聞花名風(fēng)信子閱讀 981評(píng)論 0 7