在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(一)——概述》