1. 程式人生 > >iOS開發之獲取iPhone/iPad/Android 介面和icon尺寸規範

iOS開發之獲取iPhone/iPad/Android 介面和icon尺寸規範

注意:iOS所有圖示的圓角效果由系統生成,給到的圖示本身不能是圓角的。

1. 桌面圖示 (app icon)

  • for iPhone6 plus(@3x) : 180 x 180
  • for iPhone 6/5s/5/4s/4(@2x) : 120 x 120

2. 系統搜尋框圖示 (Spotlight search results icon)

  • for iPhone6 plus(@3x) : 120 x 120
  • for iPhone6/5s/5/4s/4(@2x) : 80 x 80

3. 系統設定圖示 (Settings icon)

  • for iPhone6 plus(@3x) : 87 x 87
  • for iPhone6/5s/5/4s/4(@2x) : 58 x 58

4. 啟動圖片 (launch image)

  • for iPhoen5s/5(@2x) : 640 x 1136
  • for iPhoen4s/4(@2x) : 640 x 960

    iPhone6/iPhone6 plus 建議使用 launch file 或 storyboard ;如果依然想使用圖片,尺寸數值為:

  • for iPhone 6(@2x) : 750 x 1334

  • for iPhone 6 plus (@3x) : 1242 x 2208

5. 另一種根據iOS系統的分類法

Spotlight

  • iOS 5,6

    base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87

  • iOS 7,8

    base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120

iPhone App

  • iOS 5,6

    base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114

  • iOS 7,8

    base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180

Settings

  • iOS 5,6,7,8

    base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87

6. 尺寸總結:

圖示尺寸輸出列表:

  • 180x180
  • 120x120
  • 87x87
  • 80x80
  • 58x58
  • 57x57
  • 29x29

啟動圖片尺寸輸出列表:

  • 640x960
  • 640x1136
  • 750x1334
  • 1242x2208

iPhone介面尺寸

裝置 解析度 PPI 狀態列高度 導航欄高度 標籤欄高度

iPhone6 plus設計版

1242×2208 px 401PPI 60px 132px 146px

iPhone6 plus放大版

1125×2001 px 401PPI 54px 132px 146px

iPhone6 plus物理版

1080×1920 px 401PPI 54px 132px 146px

iPhone6

750×1334 px 326PPI 40px 88px 98px

iPhone5 - 5C - 5S

640×1136 px 326PPI 40px 88px 98px

iPhone4 - 4S

640×960 px 326PPI 40px 88px 98px

iPhone & iPod Touch第一代、第二代、第三代

320×480 px 163PPI 20px 44px 49px

iPhone圖示尺寸:

裝置 App Store 程式應用 主螢幕 Spotlight搜尋 標籤欄 工具欄和導航欄

iPhone6 Plus (@3×)

1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

iPhone6 (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone5 - 5C - 5S (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone4 - 4S (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone & iPod Touch第一代、第二代、第三代

1024×1024 px 120×120 px 57×57 px 29×29 px 38×38 px 30×30 px


很系統的分類,非常有用的文章:http://tool.lanrentuku.com/guifan/ui.html

相關推薦

iOS開發獲取iPhone/iPad/Android 介面icon尺寸規範

注意:iOS所有圖示的圓角效果由系統生成,給到的圖示本身不能是圓角的。1. 桌面圖示 (app icon)for iPhone6 plus(@3x) : 180 x 180for iPhone 6/5s

iOS 開發獲取手機殼的顏色

從刷爆IT圈的一個事件說起: 新聞:某網際網路公司產品經理提出一個需求 - 要求APP開發人員做到軟體根據使用者的手機殼改變軟體的主題顏色。   圖片來源於網路   什麼他媽的!還有這操作,PM,你過來,保證不打屎你。   圖片來

iOS開發獲取實時海拔高度

上一篇介紹了獲取當前氣壓值以及裝置相對高度的方法,現在我們來看一下如何獲取當前裝置絕對高度既海拔高度(除了直接看iPhone6的指南針)。 普及一下常識:海拔高度也稱絕對高度,就是某地與海平面的高度差,通常以平均海平面做標準來計算,是表示地面某個地點高出海平面

iOS開發獲取實時氣壓、相對高度

隨著中國北京2022年冬奧會申請成功,很多滑雪愛好者急切需要一款滑雪工具的app,商家看準了這次機會,開始開發該類應用,那麼必定少不了測量實時氣壓值,蘋果大boss在iPhone 6及以後的裝置內建了氣

iOS開發獲取裝置唯一標識的各種方法?IDFA、IDFV、UDID分別是什麼含義?

一、UDID (Unique Device Identifier) UDID的全稱是Unique Device Identifier,顧名思義,它就是蘋果IOS裝置的唯一識別碼,它由40個字元的字母和數字組成。在很多需要限制一臺裝置一個賬號的應用中經常會用到。

IOS開發判斷iPhone連線的網路(WIFI,2G,3G,4G)是IPV4還是IPV6網路

可能問題太簡單了,在網上沒有找到答案,只好我自己寫了。 由於蘋果稽核我們的應用在ipv6環境下,無法連線到伺服器。所以把原來的用IP作為請求網址改成了域名來發請求。雖然稽核過了,但是在國內還有域名解析的問題,使用域名有可能沒有解析到ip地址,有可能解析的ip地址不正

iOS開發獲取LaunchImage啟動圖

#define KYRect[UIScreen mainScreen].bounds //獲取啟動圖片 CGSize viewSize = KYRect.size; //橫屏請設定成 @"Lan

iOS開發UITableView自定義Header檢視自定義Footer檢視

//自定義Header檢視 - (nullable UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInte

iOS開發iPhone手機輕鬆獲取UDID的六種方式

UDID是一種iOS裝置的特殊識別碼。除序號之外,每臺iOS裝置都另有一組獨一無二的號碼,我們就稱之為識別碼( Unique Device Identifier, UDID )。 每個iOS 開發者在繳交99美元年費的同時,都會得到100個beta test名額,可以讓軟體開發者輸入100臺iOS裝置的U

iOS開發視頻根據url獲取第一幀圖片,獲取任一幀圖片

keyword rac onerror 根據 ati parameter all ger mage + (UIImage*) thumbnailImageForVideo:(NSURL *)videoURL atTime:(NSTimeInterval)time { AV

ios開發-- tableview/collectionview獲取當前點擊的cell

self cell index sel collect sele new select 定義 方法如下: 一般collectionView 或者 tableview都有自帶的點擊函數,如下: 1, collectionView -(void)collectionVi

Android開發獲取SIM卡資訊手機號碼

獲取SIM卡資訊和手機號碼的工具類,記錄一下方便以後使用 import android.content.Context; import android.telephony.TelephonyManager; /** * Created by WangJinyong on 20

iOS開發如何獲取自己工程所有圖片

網上都是如何獲取別人APP裡所有的圖片,當然也可以把自己的APP用相同的方法把圖片弄出來。這裡用正向思維把圖片拷出來。 正常來講從自己的工程把圖片資源弄出來一份,是下面的步驟 1.在工程裡搜檔案 “.png”  “.jpg” ".jpeg" ".gif" 2.選中連

Android開發獲取通知欄的內容

如下圖: 這是獲取的微信訊息的內容 我們來看下原始碼: MyNotifiService.java package com.qfy.getnotifiservice; import android.annotation.SuppressLint; import

Android開發獲取手機硬體狀態資訊(CPU資訊/頻率/使用率、DDR頻率/使用率、電池瞬時電流/電壓/庫倫counter)

有時候我們想要知道當前手機的一些狀態資訊,可以使用app(root 或者系統簽名 )來顯示獲取。 OK,接下來看一下一些關鍵的程式碼。 我這裡使用的是高通的手機,不同硬體平臺的機型,其獲取資訊的節點可能不一樣。 /** * 獲取當前瞬時電流

Android開發獲取當前時間

一、利用Calender獲取單個時間的一部分 Calendar c = Calendar.getInstance(); //取得年月日 year = c.get(Calendar.YEAR) m

iOS開發Crash日誌獲取與分析

當在非除錯狀態下,我們用真機測試app,crash或者說閃退是一件很常見的事,最讓我們開發人員頭疼的是,自己在開發過程中總是不會遇到crash,安裝到別人的裝置,就出現了閃退崩潰現象。這種偶現的、概率比較低的閃退是最令人頭疼。 這時iOS crash log 

Android開發獲取網路型別(WIFI、2G、3G、4G)運營商名稱

  在Android開發中,常常使用到網路,可能需要針對不同的網路(WIFI或者流量),需要做不同的處理,那麼怎麼獲取當前網路呢?為此寫了個工具類,以後需要使用,直接拿來用就行(就喜歡拿來主義,哈哈)。 package com.wangguifa.phon

iOS開發靜態庫(三)—— 圖片、介面xib等資原始檔封裝到.a靜態庫

轉自:https://blog.csdn.net/mylizh/article/details/38707175編譯環境:Macbook Air + OS X 10.9.2 + XCode5.1 + iPhone5s(iOS7.0.3)一、首先將資原始檔打包成bundle新建

Android開發計算器(一)介面設計activity_main佈局檔案

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schem