蘋果手機(jī)iOS界面設(shè)計(jì)尺寸和分辨率分別有哪些？

1、蘋果手機(jī)iOS界面設(shè)計(jì)尺寸和分辨率

成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)寧遠(yuǎn),十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):028-86922220

（1）界面尺寸：3.5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、4.7英寸（iPhone6/6S）、5.5英寸（iPhone6 plus/6S?plus）等。

（2）分辨率：320*480像素（iPhone1/2/3）、640*960像素（iPhone4/4S）、640*1136像素（iPhone5/5S/5C）、750*1334像素（iPhone6/6S）、1080*1920像素（iPhone6 plus/6S?plus）等。

2、蘋果iOS界面

iOS是由蘋果公司開發(fā)的移動(dòng)操作系統(tǒng)。蘋果公司最早于2007年1月9日的Macworld大會(huì)上公布這個(gè)系統(tǒng)，最初是設(shè)計(jì)給iPhone使用的，后來(lái)陸續(xù)套用到iPod touch、iPad以及Apple TV等產(chǎn)品上。iOS與蘋果的Mac OS X操作系統(tǒng)一樣，屬于類Unix的商業(yè)操作系統(tǒng)。

3、發(fā)展歷程

（1）2007年1月9日蘋果公司在Macworld展覽會(huì)上公布，隨后于同年的6月發(fā)布第一版iOS操作系統(tǒng)，最初的名稱為“iPhone Runs OS X”。

（2）2007年10月17日，蘋果公司發(fā)布了第一個(gè)本地化iPhone應(yīng)用程序開發(fā)包（SDK），并且計(jì)劃在2月發(fā)送到每個(gè)開發(fā)者以及開發(fā)商手中。

（3）2008年3月6日，蘋果發(fā)布了第一個(gè)測(cè)試版開發(fā)包，并且將“iPhone runs OS X”改名為“iPhone OS”。

（4）2008年9月，蘋果公司將iPod touch的系統(tǒng)也換成了”iPhone OS“。

（5）2010年2月27日，蘋果公司發(fā)布iPad，iPad同樣搭載了”iPhone OS”。這年，蘋果公司重新設(shè)計(jì)了“iPhone OS”的系統(tǒng)結(jié)構(gòu)和自帶程序。

（6）2010年6月，蘋果公司將“iPhone OS”改名為現(xiàn)在的“iOS”。

iOS開發(fā) 各iPhone手機(jī)屏幕尺寸分辨率

6.7英寸 —— 1242 * 2688 px —— 12 Pro Max / 13 Pro Max

6.5英寸 —— 1242 * 2688 px —— Xs Max / 11 Pro Max

6.1英寸 —— 828 * 1792 px ??—— XR / 11 / 12 / 12 Pro / 13 / 13 Pro

5.8英寸 —— 1125 * 2436 px —— X / Xs / 11 Pro

5.5英寸 —— 1242 * 2208 px —— 6+ / 6s+ / 7+ / 8+

4.7英寸 —— 750 * 1334 px ??—— 6 / 6s / 7 / 8 / SE2

4 英寸 ? —— 640 * 1136 px ? —— 5 / 5s / 5c / SE

3.5英寸 —— 640 * 960 px ?? —— 4 / 4s

IOS手機(jī)開發(fā)分辨率問(wèn)題

1 iOS設(shè)備的分辨率

iOS設(shè)備，目前最主要的有3種（Apple TV等不在此討論），按分辨率分為兩類

iPhone/iPod Touch

普屏分辨率 320像素 x 480像素

Retina分辨率 640像素 x 960像素

iPad,iPad2/New iPad

普屏 768像素 x 1024像素

Retina屏 1536像素 x 2048像素

2 iOS設(shè)計(jì)時(shí)用的點(diǎn)與分辨率的關(guān)系

盡管有上面列出的4種分辨率情況，不過(guò)細(xì)心的人會(huì)發(fā)現(xiàn)，對(duì)于Retina屏的分辨率始終保持為普屏的2倍，這對(duì)于iOS的設(shè)計(jì)還是開發(fā)的時(shí)候提

供的莫大的方便，自然可以想到對(duì)于界面設(shè)計(jì)而言，只需要設(shè)計(jì)一套，然后進(jìn)行等比例放大縮小即可。實(shí)際進(jìn)行設(shè)計(jì)與開發(fā)的時(shí)候，也確實(shí)是這樣，Apple為了

防止在交流過(guò)程中（尤其對(duì)于編程實(shí)現(xiàn)）分辨率對(duì)思維的迷惑，統(tǒng)一使用點(diǎn)（Point）對(duì)界面元素的大小進(jìn)行描述，例如：

iPhone/iPod Touch

界面描述 320點(diǎn) x 480點(diǎn)

iPhone/iPad

界面描述 768點(diǎn) x 1024點(diǎn)

換算關(guān)系

普屏 1點(diǎn) = 1像素

Retina屏 1點(diǎn) = 2像素

這樣，不管我們是在為普屏還是Retina屏進(jìn)行設(shè)計(jì)與開發(fā)，我們都可以清楚地，并且統(tǒng)一地使用點(diǎn)對(duì)界面元素的大小進(jìn)行描述了。

3 iOS界面圖片的命名

現(xiàn)在我們能夠用統(tǒng)一的語(yǔ)言描述兩種屏幕的界面元素的大小，但是我們?nèi)绾吾槍?duì)不同屏幕設(shè)置不同分辨率的圖片素材呢？難道說(shuō)開發(fā)的時(shí)候我們要在每一

個(gè)圖片加載的地方進(jìn)行，添加判斷當(dāng)前設(shè)備是否是Retina屏的語(yǔ)句，然后加載對(duì)應(yīng)的圖片嗎？當(dāng)然可以這樣做，但是iOS有一套更簡(jiǎn)便的方法進(jìn)行自動(dòng)加

載，即通過(guò)規(guī)范的文件名命名。例如下面這條加載圖片的語(yǔ)句：

[UIImage imageNamed:@"pic.png"]]

在實(shí)際運(yùn)行時(shí)，如果發(fā)現(xiàn)當(dāng)前的設(shè)備是Retina屏，會(huì)自動(dòng)尋找圖片"pic@2x.png" ，自動(dòng)加載針對(duì)Retina屏的圖片素材，是不是很方便呢？

所以，我們?cè)谥谱鱥OS設(shè)備時(shí)，可以仿照下面這樣，對(duì)圖片文件進(jìn)行分類，對(duì)于640x960文件夾里的圖片，文件命名添加"@2x"即可。

4 iOS應(yīng)用常用圖標(biāo)的命名規(guī)范

可以參考下面兩個(gè)文檔：

Apple對(duì)此問(wèn)題的QA

Apple的官方說(shuō)明文檔

請(qǐng)務(wù)必按照文檔中描述的規(guī)范進(jìn)行圖標(biāo)的命名！！

PS：一些額外的圖標(biāo)參考

a 圖標(biāo)會(huì)自動(dòng)添加高亮效果，如果不需要，可以在plist中明確指定UIPrerenderedIcon的鍵值去掉

b 57像素的普屏的iPhone圖標(biāo)，圖標(biāo)圓角的半徑為10像素

c 114像素Retina屏的iPhone圖標(biāo)，圖標(biāo)圓角的半徑為20像素

d 512像素的用于iTunes/App Store的圖標(biāo)，在實(shí)際顯示是會(huì)被縮放到175像素進(jìn)行顯示（但提交是不可以提交175像素）

e 72像素的普屏iPad圖標(biāo)，圖標(biāo)圓角的半徑為13像素

f 144像素Retina屏iPad圖標(biāo)，圖標(biāo)圓角的半徑為26像素

g 50像素iPad的Spotlight搜索圖標(biāo)的最終視覺大小是48像素，原因是iOS會(huì)對(duì)圖標(biāo)的每個(gè)邊去掉1個(gè)像素，添加陰影效果

h 100像素Retina屏的Spotlight搜索圖標(biāo)的最終視覺大小是96像素，原因同上，這次是每邊減2個(gè)像素

名稱欄目：ios開發(fā)分辨率,ios查看分辨率
URL鏈接：http://chinadenli.net/article22/dsdescc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站維護(hù)、做網(wǎng)站、品牌網(wǎng)站建設(shè)、電子商務(wù)、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)