|
本文應(yīng)用圖標/圖片的尺寸都與開發(fā)詳細溝通過,希望對大家有所幫助! 今天,我老大跟我開玩笑說,他認識的一個UI設(shè)計跟他們程序開發(fā)的從頭到晚都不說一句話,完全零交流,問我是否知道原因,黑人問號......
起初,我還以為他們互相“瞧不上”,懶得交流,結(jié)果我老大說,是因為他們UI做完一套圖之后,切圖、命名都非常規(guī)范,程序這邊不會說啟動頁尺寸不對、桌面圖標尺寸有問題等,再加上UI是個漢紙,所以,他們基本不說話......哈哈哈哈,不是妹紙才是關(guān)鍵吧
我就想到了,我最開始從事這個行業(yè)的時候,在應(yīng)用圖標和啟動頁尺寸上經(jīng)常跟程序扯皮,閑來有時間,整理一下最新的APP應(yīng)用圖標和啟動頁面的尺寸,希望對經(jīng)常跟程序扯皮的你有幫助 PS:應(yīng)用程序圖標是手機桌面上除系統(tǒng)圖標以外的圖標都是應(yīng)用程序圖標,如微信圖標、QQ圖標等。
IOS應(yīng)用圖標一般分桌面圖標(app icon)、系統(tǒng)搜索框圖標 (Spotlight search results icon)、系統(tǒng)設(shè)置圖標 (Settings icon)等,但不管他們叫什么圖標,我們UI出圖只需要一個圖標,多種尺寸,命名清晰就夠了。 注意:iOS所有應(yīng)用圖標的圓角效果由系統(tǒng)生成,給到的圖標不要是圓角的,圖標命名最好是英文和字符組成,不要用分割線、下劃線等,因為不利于開發(fā)復(fù)制命名。 1.根據(jù)程序這張APPicon圖
我整理成以下信息(因為現(xiàn)在他們幾乎不考慮1x的圖了,所以這里都是2x/3x的尺寸,當然如果有需要1x的圖,再根據(jù)2x/3x的比例換算即可得出):
2.根據(jù)程序這張啟動圖
我整理成以下信息(640*1136的可以不用切):
安卓這邊,近年來是越來越容易做適配了,我們UI切圖只需要針對應(yīng)用圖標、啟動頁就好了。尺寸整理如下:
需要注意的是,安卓這邊我沒有總結(jié)應(yīng)用商店的圖標尺寸,這個可以根據(jù)公司投放的應(yīng)用市場要求來定。 以上都是個人工作小結(jié),如果大家還有其他地方不明白的,可以寫留言也可以關(guān)注我的公眾號去后臺留言,亦可以隨時了解我更新的最新文章哦~ |
|
|
來自: 淺藍sunshine > 《UI規(guī)范》