一款APP設計的從0到1之:上線準備篇

《一款APP設計的從0到1》這是一篇系列文章干貨,上次U妹講的是關于視覺還原篇,今天是系列的最后一篇文章,U妹來說一下上線準備篇。

往期回顧:

《一款APP設計的從0到1之:項目立項篇》

《一款APP設計的從0到1之:項目預估時間篇》

《一款APP設計的從0到1之:界面設計篇》

《一款APP設計的從0到1之:切圖標注篇》

《一款APP設計的從0到1之:視覺還遠篇》

這次U妹接著上次的茬,繼續(xù)之前先來看看整個目錄(滿滿的干貨)

U妹列了一個小小的目錄:

1、 項目立項

2、 項目預估時間

3、 界面設計

4、 切圖標注

5、 視覺還原

6、 上線準備

上線準備篇

當一款APP開發(fā)完畢,測試通過,這時候就需要準備提交正式上線了,但是在上線之前,我們設計師還需要配合,做一些上線前的工作,U妹帶你來看一看需要做哪些工作?

一、應用圖標(APP Icon)

1. iOS icon:

這是iOS開發(fā)工具Xcode提供的APP Icon (應用圖標)的各項尺寸(這是U妹為了寫這篇文章專門找開發(fā)要的,U妹和開發(fā)的關系可是很不錯的),咋一看是不是嚇一跳?開發(fā)是按照iOS的系統(tǒng)版本來設置的,但你是設計師,你是按照iPhone的版本來作圖的,所以其實沒有那么多,真實情況下,我的開發(fā)同事要求提供以下幾個尺寸:

因為需要的圖標非常多,不可能全部加進去,只能選擇最好的尺寸,我的開發(fā)哥哥要求我提供以下圖標尺寸:

1024x1024Retina APP Icon for APP Store(高清屏的APP Store)

512x512APP Icon for APP Store(普通屏幕的APP Store)

120x1206以及以下的主屏幕尺寸

180x1806 plus的主屏幕圖標尺寸

58x58Settings on devices with retina display

87x87Settings on iPhone 6 Plus

80x80Spotlight on devices with retina display

注意:這里需要注意一下,iOS系統(tǒng)可以自動把圖片裁剪為圓角,所以提交圖標的時候,你只需要提交正方形的PNG格式即可。

我們來看看蘋果官方的APP icon規(guī)范

2. Android icon:

安卓的圖標相對iOS來說較少,我們只需提供一下幾個尺寸就可以了,但是需要提高2套,圓角和直角各一套,因為有的地方都會用到。

512x512px

192x192px

144x144px

96x96px

72x72px

48x48px

因為安卓有很多的機型,不同屏幕密度的手機對應的icon大小也是不同的,所以U妹這里沒法給你給出相應的icon所被應用的位置。

二、啟動頁(Launch Image)


這同樣也是iOS開發(fā)工具Xcode提供的LaunchImage(啟動頁)的各項尺寸,我們需要提供4種尺寸給的開發(fā)工程師:

640x960pxiPhone 4/4s

640x1136pxiPhone 5/5s/5c/SE

750x1334pxiPhone 6/6S/7

1242x2208pxiPhone 6 plus/6S plus/7 plus

2208x1242pxiPhone 6 plus/6S plus/7 plus的橫屏尺寸,如果我們的APP支持橫屏模式,你就需要做一張橫屏的啟動頁。

注意:啟動頁面一定要是PNG格式的,建議給開發(fā)之前講圖片全部壓縮一下。

三、商店頁(Launch Image)

這是蘋果官方上線提交頁面,在這里你需要上傳APP圖標,版本號和應用描述等信息。

這里就是需要添加商店頁的地方,

商店頁最多為5張,格式為png或jpg文件格式,并且還支持視頻格式

這是農(nóng)藥APP的商店宣傳頁:

下面其他商店頁尺寸的添加頁面,在最之前我們都要提供4套尺寸:

前不久,iOS開發(fā)哥哥告訴我,現(xiàn)在商店頁只需做一套尺寸:750x1334px,就ok了,為我們減少了很多的工作量

這是蘋果官方的商店頁規(guī)范:

安卓應用市場有很多,但總體來來說相對比較一致,安卓的商店頁我們是需要提供2套尺寸的:

480x854px、720x1280px

U妹再給大家回顧一下整個APP的開發(fā)流程:

一款完整的APP,經(jīng)過這樣的一個流程:項目立項啟動→設計產(chǎn)品原型→設計效果圖→進入開發(fā)階段→開發(fā)成功后進入測試階段→測試將問題反饋給開發(fā)人員進行調(diào)試→多次測試確認沒有bug→提交市場、正式上線。

當要上線時,我們還需做點必不可少的準備:

設楠木案堂,三支靈香,紫砂香爐,于申時燃起,叩首三次,待三炷香燃盡,方可成功上線,此缺一不可,切記切記!!!

關于《一款APP設計的從0到1》的iOS系列就全部講完了,希望可以給你有很大的幫助;U妹這里說的只是一種工作方法,好的工作方法才能自己事半功倍,在具體工作中也要靈活擁有,一定要多和開發(fā)溝通交流,良好的溝通才是解決問題的唯一方法,有疑問題也可給U妹留言,我們下期再見!

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,763評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,238評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,823評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,604評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,339評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,713評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,712評論 3 445
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,893評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,448評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,201評論 3 357
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,397評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,944評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,631評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,033評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,321評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,128評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,347評論 2 377

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