《一款APP設計的從0到1》這是一篇系列文章干貨,上次U妹講的是關于視覺還原篇,今天是系列的最后一篇文章,U妹來說一下上線準備篇。
往期回顧:
這次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妹留言,我們下期再見!