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

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

成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)寧遠,十多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(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ā)的移動操作系統(tǒng)。蘋果公司最早于2007年1月9日的Macworld大會上公布這個系統(tǒng)，最初是設(shè)計給iPhone使用的，后來陸續(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展覽會上公布，隨后于同年的6月發(fā)布第一版iOS操作系統(tǒng)，最初的名稱為“iPhone Runs OS X”。

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

（3）2008年3月6日，蘋果發(fā)布了第一個測試版開發(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è)計了“iPhone OS”的系統(tǒng)結(jié)構(gòu)和自帶程序。

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

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

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手機開發(fā)分辨率問題

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è)計時用的點與分辨率的關(guān)系

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

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

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

iPhone/iPod Touch

界面描述 320點 x 480點

iPhone/iPad

界面描述 768點 x 1024點

換算關(guān)系

普屏 1點 = 1像素

Retina屏 1點 = 2像素

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

3 iOS界面圖片的命名

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

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

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

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

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

所以，我們在制作iOS設(shè)備時，可以仿照下面這樣，對圖片文件進行分類，對于640x960文件夾里的圖片，文件命名添加"@2x"即可。

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

可以參考下面兩個文檔：

Apple對此問題的QA

Apple的官方說明文檔

請務(wù)必按照文檔中描述的規(guī)范進行圖標的命名！！

PS：一些額外的圖標參考

a 圖標會自動添加高亮效果，如果不需要，可以在plist中明確指定UIPrerenderedIcon的鍵值去掉

b 57像素的普屏的iPhone圖標，圖標圓角的半徑為10像素

c 114像素Retina屏的iPhone圖標，圖標圓角的半徑為20像素

d 512像素的用于iTunes/App Store的圖標，在實際顯示是會被縮放到175像素進行顯示（但提交是不可以提交175像素）

e 72像素的普屏iPad圖標，圖標圓角的半徑為13像素

f 144像素Retina屏iPad圖標，圖標圓角的半徑為26像素

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

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

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

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

廣告

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