iphone手機界面尺寸

A. 常見的手機設計尺寸

iphone6的界面布局是：屏租姿察幕是4.7英寸的，設計稿的大小為750x1334px。

☆ 狀態欄(status bar)：就是電量弊茄條，其高度為：40px；

☆ 導航欄(navigation)：就是頂部條，其高度為：88px；

☆ 主菜冊汪單欄(submenu，tab)：就是標簽欄，底部條，其高度為：98px；

☆ iPhone6有tabbar內容區域(content)：就是屏幕中間的區域，其高度為：1334px-40px-88px-98px=1108px

☆ iPhone6無tabbar內容區域(content)：就是屏幕中間的區域，其高度為：1334px-40px-88px=1206px

☆ iPhoneX有tabbar內容區域(content)：就是屏幕中間的區域，其高度為：1624px-40px-88px-98px=1398px

☆ iPhoneX無tabbar內容區域(content)：就是屏幕中間的區域，其高度為：1624px-40px-88px=1496px

計算出的安全區域大概為
1334px-40px-88px=1206px 。也就是一屏的內容區域如果在 1206px 范圍內，算是安全區域。

B. 怎麼鑒定蘋果手機的屏幕多大尺寸

蘋果手機屏幕尺盯派寸可以在手機設置中查看。具體凱絕賀步驟如下：

• 打開手機主屏幕，找到「設置」應用程序圖標並點擊。

• 在設置界面中，向下滾動直到找到「顯示和亮度」選項並點擊。

• 在「顯示和亮度」頁面中，可以看到當前手機的顯示尺寸，如「iPhone 12，6.1英寸」。

除了在手機設置中查看尺寸外，您還可以通過查詢蘋果官方網站宏慎或第三方評測網站來了解不同型號的蘋果手機屏幕尺寸。

C. IOS界面設計尺寸標准規范

很多IOS APP UI設計稿都是以iphone6為基準的，方便向上適配iphone7的尺寸，也方便隱搜向下適配iphone5的尺寸。所以我給大家分享iPhone6的界面設計尺寸有哪些規范。

IOS界面設計尺寸規范（以iPhone6為例）

一、界面尺寸規范

1、界面尺寸大小是：750x1334px。

2、狀態欄(status bar)：就是電量條，其高度為：40px;

3、導航欄(navigation)：就是頂部條，其高度為：88px;

4、主菜單欄(submenu，tab)：就是標簽欄，底部條，其高度為：98px;

5、內容區域(content)：就是屏幕中灶穗歷間的區域，其高度為：1334px-40px-88px-98px=1108px

二、圖標尺寸規范

1、導航欄和工具欄尺寸大小44x44px；

2、標簽欄尺寸大小75x75px

3、導航欄的文字大小最大值是34-36px，標簽欄的圖標下方的文字大小為20px。

4、內容區域的文字大小是：20px 24px，26px，28px，30px，32px，34px。

三、設置界面的圖標高度和開關滑動按鈕的高度：58px

四、可點擊高度規范

在iPhone6的原型圖上，統一成88px。在iPhone6設計稿中，88px是一個常用的設計尺寸。

五、搜索欄高度規范

搜索欄的高度，在iPhone6的原型圖上，統一成58px。

六、界面元素之間的距離規范

在iPhone6設計稿中，界面元素之間的常用距離，親密距離：20px；疏遠距離：30p x。

A、疏遠距離：比如，所有元素距離手機屏幕最左邊的距離。

B、親密距離：比如，左邊圖標與右邊文字之間的距離。

七、原型設計中，需要考慮不同屏幕尺寸的蘋果手機，在@1x的情況下的適配情況。

1、iPhone5在@2x屏幕尺寸是，640x1136px;對應的@1x，屏幕尺寸就是320x568px;

2、iPhone6在@2x屏幕尺寸是：750x1334px;對應的@1x，屏幕尺寸就是375x667px;

3、iPhone6Plus在@3x屏幕尺寸是：750x1334px;對應的@1x，屏幕尺寸就414x736px;

八、iPhone6Plus的@3x，iPhone6的@2x, iPhone5的@2x的介紹

1、iPhone6Plus是5.5英寸屏幕，1242x2208px-@3x的像素解析度，邏輯族昌解析度是414x981px-@1x。物理尺寸是1080x1920px。這個物理尺寸，也是安卓機目前最流行的大屏設計稿尺寸。

2、iPhone6是4.7英寸屏幕，750x1334px-@2x的像素解析度，邏輯解析度是375x889px-@1x。

3、iPhone5是4英寸屏幕，640x1135px-@2x的像素解析度，邏輯解析度是320x757px-@1x。

總結：iPhone6的原型規范如下：

1、界面尺寸布局：滿屏尺寸750x1334px；

2、高度電量條高度40px，導航欄高度88px，標簽欄高度98px；

3、各區域圖標大小導航欄圖標44px，標簽欄圖標50px；

4、各區域文字大小電量條文字22px，導航欄-文字32px，標簽欄字20px；

5、常用的文字大小：32px，30px，28px，26px，24px，22px，20px；

6、常用的顏色：背景淺灰色#f2f2f2,文字深黑色#323232，邊框色深灰#CCCCCC；

7、常用可點擊區域的高度：88px；

8、單行文字的背景框的高度：88px，雙行則為：176px，三行則為：264px；

9、常用間距：親密距離：20px;疏遠距離：30px，其它距離：10px，44px等；

10、按鈕和文本框，原型圖做成直角的，圓角半徑是多少，由Ui來設計；

11、這種情況，需要修改原型。單個頁面的邏輯流程圖或用戶學習使用時間，超過其它頁面平均數的3倍以上

D. iphone11界面設計尺寸

iPhone11屏幕尺寸為6.1英寸,機身寬度派散芹為掘猜75.7毫米,高度150.9毫米,厚度:8.3毫米塵畢,重量:194克。

E. iOS界面設計尺寸和解析度有哪些

1、目前蘋果手機的尺寸及解析度iPhone界面尺寸：320*480、640*960、640*1136、750*1334、1080*1920等。iPad界面尺寸：1024*768、2048*1536等。單乎帆虛位：像素72dpi，在設計的時候並不是每個尺寸都要做一套，尺寸按自己的手機來設計，比較方便預覽效果，一般用640*960或者640*1136的尺寸來設計。Ps：作圖的時候確保都是用形狀工具（快捷鍵：U）畫的，這樣更方便後期的切圖或者尺寸變更。2、界面基本組成元素iPhone的app界面一般由四個元素組成，分別是：狀態欄、導航欄、主菜單欄、內容區域。640*960的尺寸設計下這些元素的尺寸。· 狀態欄：就是我們經常說的信號、運營商、電量等顯示手歲燃機狀態的區域，其高度為：40px· 導航欄：顯示當前界面的轎段名稱，包含相應的功能或者頁面間的跳轉按鈕，其高度為：88px· 主菜單欄：類似於頁面的主菜單，提供整個應用的分類內容的快速跳轉，其高度為：98px· 內容區域：展示應用提供的相應內容，整個應用中布局變更最為頻繁，其高度為：734px 希望能給你幫助，另外你可以到網路文庫搜索相關關鍵字，相信會有你的資料。

F. iphone尺寸規范

方法/步驟
界面尺寸規范
1、界面尺寸大小是：750x1334px。
2、狀態欄(status bar)：就是電量條，其高度為：40px;
3、導航欄(navigation)：就是頂部條，其高度為：88px;
4、主菜單欄(submenu，tab)：就是標簽欄，底部條，其高度為：98px;
5、內容區域(content)：就是屏幕中間的區域，其高度為：1334px-40px-88px-98px=1108px
IOS界面設計尺寸標准規范
圖標尺寸規范
1、導航欄和工具欄尺寸大小44x44px；
2、標簽欄尺寸大小75x75px
3、導航欄的文字大小最大值是34-36px，標簽欄的圖標下方的文字大小為20px。
4、內容區域的文字大小是：20px 24px，26px，28px，30px，32px，34px。
設置界面的圖標高度和開關滑動按鈕的高度：58px
IOS界面設計尺寸標准規范
可點擊高度規范
在iPhone6的原型圖上，統一成88px。在iPhone6設計稿中，88px是一個常用的設計尺寸。
IOS界面設計尺寸標准規范
搜索欄高度規范
搜索欄的高度，在iPhone6的原型圖上，統一成58px。
IOS界面設計尺寸標准規范
界面元素之間的距離規范
在iPhone6設計稿中，界面元素之間的常用距離，親密距離：20px；疏遠距離：30p x。
A、疏遠距離：比如，所有元素距離手機屏幕最左邊的距離。
B、親密距離：比如，左邊圖標與右邊文字之間的距離。
IOS界面設計尺寸標准規范
原型設計中，需要考慮不同屏幕尺寸的蘋果手機，在@1x的情況下的適配情況。
1、iPhone5在@2x屏幕尺寸是，640x1136px;對應的@1x，屏幕尺寸就是320x568px;
2、iPhone6在@2x屏幕尺寸是：750x1334px;對應的@1x，屏幕尺寸就是375x667px;
3、iPhone6Plus在@3x屏幕尺寸是：750x1334px;對應的@1x，屏幕尺寸就414x736px;
iPhone6Plus的@3x，iPhone6的@2x, iPhone5的@2x的介紹
1、iPhone6Plus是5.5英寸屏幕，1242x2208px-@3x的像素解析度，邏輯解析度是414x981px-@1x。物理尺寸是1080x1920px。這個物理尺寸，也是安卓機目前最流行的大屏設計稿尺寸。
2、iPhone6是4.7英寸屏幕，750x1334px-@2x的像素解析度，邏輯解析度是375x889px-@1x。
3、iPhone5是4英寸屏幕，640x1135px-@2x的像素解析度，邏輯解析度是320x757px-@1x。

G. 做手機界面設計的尺寸是多少

從設計方面來看，做手機界面設計的尺寸一般分為iPhone和Android兩種設備。

如果以iPhone為設計設備，尺寸一般是使用750x1334，1125x2436，1242x2208這三種尺寸設計都可以，750x1334是2倍圖設計，1125x2346和1242x2208都是3倍圖來進行設計。
如果是用PS做設計稿就用750*1334，如果是用SKetch或者悔鏈XD來設計，常見是用1倍尺寸來說，也就是375*667或者375*812（iPhoneX）。
如果以Android為設備進行設計，尺寸一般使用720x1280，1080x1920進行設計第一種是2倍滑褲圖，第二種是3倍圖。
設計注意事項：
尺寸問題：480X800，540X960，720X1280，1080X1920象素尺寸是較常見的手機屏幕尺寸，在設計時可以根據實際產品要求進行設計，更大的屏幕可以有更多的交互表現和視覺元素的支持，較為自信前簡由。
色彩問題：由於手機lcd本身的限制，在色彩的還原程度上沒有pc如此完善，因此在選用色彩時要根據使用的屏幕進行調節。
可實現性問題：受到硬體運算速度和內存的影響，以及不可預計的後台程序開發難度，過於復雜的效果將很難進行實現，與程序工程師和ui工程師，硬體工程師的溝通顯得尤為重要。

想要了解更多關於手機界面設計的相關信息推薦選擇Pixso協同設計。Pixso可以多人雲端協作設計，實時同步字型大小、邊框、顏色等各種細節。Pixso不僅是一站式產品設計協作工具，更是一款專業的UI/UX設計工具，更多矢量網格、布爾運算、樣式創建、智能排版等高階功能，使設計師真正專注於創造本身。

H. app界面設計尺寸規范大全

原型設計尺寸

☆ 狀態欄(status bar)：就是電量條，其高度為：20px；
☆ 導航欄(navigation)：就是頂部導航，有線其高度為：45px；沒有線高度就是44px；
☆ 主菜單欄(submenu，tab)：就是標簽欄，底部導航，其高度為：46px；

☆ 信號格：5 * 5
☆ wifi 圖片：11 * 9
☆ 鎖：11 * 11
☆ 導航：8 * 8
☆ 電量：22 * 9
☆ 閃電：5 * 8
☆ 狀態欄中的文字：10px

☆ 頂部導航欄的圖標尺寸為16x16px左右，底部標簽欄的圖標尺寸為23 x 23px左右。

☆ 導航欄的文字大小最大值是14px，底部標簽欄的圖標下方的文字大小為10px。
☆ 內容區域的文字大小是：10px, 12px，14px，16px。鋒者賀

① 文字黑色：#282828
② 文字深灰色：#656565
③ 文字淺灰色：#989898
④ 邊框淺灰色：#C3C3C3
⑤ 背景淡灰色：#f2f2f2
⑥ 按鈕背景純白色：#ffffff

A、疏遠距離：比如，所有元素距離手機屏幕最左邊的距離。
B、親密距離：比如，左邊圖標與右邊文字之間的距離。

1、iPhone6手機模型尺寸：429x881px
2、界面尺寸布局：滿屏銀派尺寸375x667px
3、高度電量條高度20px，導航欄高度44px，標簽欄高度46px；
4、各區域圖標大小導航欄圖標16px，底部標簽欄圖標23px；
5、各區域文字大小電量條-文字10px，導航欄-文字14px，標簽欄-文字嫌閉10px；
6、常用的文字大小：16px，14px，12px，10px；
7、常用的顏色：背景淺灰色：#f2f2f2, 文字深黑色： #323232，邊框色深灰：#CCCCCC；
8、常用可點擊區域的高度（比如搜索區域）：28px；
9、單行文字的背景框的高度：44px，雙行則為：88px，三行則為：132px；
10、常用間距：親密距離：10px；疏遠距離：15px，其它距離：5px，22px等；

I. iphone界面尺寸規范

iphone 6 plus設計版：1242*2208

ppi:401ppi

狀態欄高度：60px

導航欄高度：132px

標簽欄高度：147px

iphone 6 plus放大版：1125*2001

ppi:401ppi

狀態欄高度：54px

導航欄高度：132px

標簽欄高度：147px

iphone 6 plus物理版：1080*1920

ppi:401ppi

狀態欄高度：54px

導航欄高度：132px

標簽欄高度：147px

物理版、放大版、設計版的區別：

物理版就是iphone 6plus實際實際的屏幕像素，而設計版就是我們截屏iphone 6plus的界面在ps中去量，發現的尺寸。很明顯，量出來的解析度也就是設計版要比物理版的解析度要大，這可能由於蘋果採用了縮放顯示的。至於放大版，其實就是iphone 6的尺寸等比放大1.5倍得出的解析度。

iphone 6：750*1334

ppi:326ppi

狀態欄高度：40px

導航欄高度：88px

標簽欄高度：98px

iphone 5-5c-5s：640*1136

ppi:326ppi

狀態欄高度：40px

導航欄高度：88px

標簽欄高度：98px

iphone 4-4s：640*960

ppi:326ppi

狀態欄高度：40px

導航欄高度：88px

標簽欄高度：98px

iphone&ipod Touch第一代、第二代、第三代：320*480

ppi:163ppi

狀態欄高度：20px

導航欄高度：44px

標簽欄高度：49px

圖標尺寸：

iphone 6 plus(@3X)

App store：1024*1024px(180px)

非retina：512*512px(90*90px)

程序應用：180*180px0000

主屏幕：114*114px(20px)

spotlight搜索：87*87px

工具欄和導航欄：66*66px

iphone 4、5、6(@2X)

App store：1024*1024px

程序應用：120*120px

主屏幕：114*114px

spotlight搜索：58*58px(10px)

工具欄和導航欄：44*44px

iphone&ipod touch第一代、第二代、第三代：

App store：1024*1024px

程序應用：120*120px

主屏幕：57*57px(10px)

spotlight搜索：29*29px

測量標注工具為：

MarkMan馬克鰻，Dorado標注，PXcook像素大廚。

iphone6圖標尺寸

導航欄的圖標高度為44px左右，標簽欄的圖標尺寸為50x50px左右，最大為96x64px。

設置界面的圖標高度和開關滑動按鈕的圖標高度：58px。

ip 6 plus的圖標高度和開關滑動按鈕為：87*87px。

iPhone6文字尺寸

導航欄的文字大小最大值是34-36px，標簽欄的圖標下方的文字大小為20px。

內容區域的文字大小是：20px～24px，26px，28px，30px，32px，34px。

文字顏色：

黑白灰顏色常用的數值是：

① 文字黑色#282828

② 文字深灰色#656565

③ 文字淺灰色#98989

④ 邊框淺灰色#C3C3C3

⑤ 背景淡灰色#f2f2f2

⑥ 按鈕背景純白色#ffffff

常用的可點擊高度，在iPhone6的原型圖上，統一成88px。在iPhone6設計稿中，88px是一個常用的設計尺寸。

搜索欄的高度，在iPhone6的原型圖上，統一成58px。

在iPhone6設計稿中，58px 也是一個常用的設計尺寸。

在iPhone6設計稿中，界面元素之間的常用距離，親密距離：20px；疏遠距離：30px。

導航欄的圖標高度為44px（絕大部分功能按鈕）左右，標簽欄的圖標尺寸為50x50px左右，最大為96x64px。

關閉按鈕34px*34px，返回按鈕26px，簡單筆畫圖標40px。

常用的可點擊高度-登陸框、密碼框、功能列表等，統一設成88px。

搜索欄、輸入框、評論框、地址框的高度，在iPhone6的原型圖上，統一設成58px或60px。

在iPhone6設計稿中，界面元素之間的常用距離。

常用間距-親密距離：20px（與邊緣距離）；疏遠距離：30px；

其它距離-10px，44px等；

區塊間隔：30-40px。

A、疏遠距離：比如，改圖標距離手機屏幕最左邊的距離；

B、親密距離：比如，左邊圖標與右邊文字之間的距離。

黑白灰顏色常用的數值是：

① 文字黑色#333

② 文字深灰色#666

③ 文字淺灰色#999

④ 邊框淺灰色#e5e5e5

⑤ 背景淡灰色#f2f2f2

⑥ 按鈕背景純白色#ffffff

移動端常規字體

IOS:常選擇華文黑體或者冬青黑體，尤其是冬青黑體效果最好，方正蘭亭黑和方正黑體簡、方正中等線也運用的比較多。

字體的大小

1、導航欄的文字大小是36-38px；

2、標題字型大小：32px ，34px；

3、內容區域的正文文字大小是：28px，30px；

4、輔助性文字：20px ， 24px，26px；

5、標簽欄（或主菜單欄）的圖標下方的文字大小為20px；

6、終極原則：不大於所在要件高度的一半*;

7、行間距：字型大小的1.2-1.5倍。

IOS

長文本

可接受下線（80％用戶接受）:26px

見小值（50％用戶認為偏小）:30px

舒適值（用戶認為最舒適）:32～34px

短文本

可接受下線（80％用戶接受）:28px

見小值（50％用戶認為偏小）:30px

舒適值（用戶認為最舒適）:32px

注釋

可接受下線（80％用戶接受）:24px

見小值（50％用戶認為偏小）:24px

舒適值（用戶認為最舒適）:28px

顏色值

IOS顏色值取 RGB各顏色的值比如某個色值，給予IOS開發的色值為 R:12 G:34 B:56 給出的值就是 12,34,56(有時也要根據開發的習慣，有時也用十六進制)

內部設計

1、所有能點擊的圖片不得小於44px（Retina需要88px）

2、單獨存在的部件必須是雙數尺寸

3、兩倍圖以@2x作為命名後綴

4、充分考慮每個控制按鈕在4中狀態下的樣式，如默認、按下、選中、不可點擊。

短文本:

注釋:

邏輯解析度

lPPI（像素密度）

表示沿著對角線，每英寸所擁有的像素（pixel）數目，PPI的數值越高，代表顯示屏能夠以越高的密度顯示圖像，即通常所說的解析度越高，顆粒感越弱，圖像更清晰。

1 inch= 2.54cm = 25.4mm

早期的iPhone3GS的屏幕屏幕解析度是320 * 480,iOS繪制圖形（CGPoint/CGSize/CGRect）均已point為單位。

l點（point）和像素（pixel）換算關系

iPhone3GS

1point = 1pixel

iPone4/4s、iPhone5/iPhone5s、iPhone6/iPhone6s

1point = 2pixel

iPhone6Plus/iPhone6s Plus

1point = 3pixel

iphone手機英寸如何制定?

pt以及倍率之間的換算關系

建立色彩標准卡

ps有沒有標注工具

圖標柵格系統

J. ps中蘋果手機12的界面尺寸

您好，蘋果手機12的界面尺寸為6.1英寸（15.49厘米），它的解析度為1170 x 2532像素，擁有458ppi像素密度，李帶支持HDR10和Dolby Vision，擁有更清晰的色彩和更強的對比度，讓您在使用時可以擁有更好的視腔豎覺體哪圓蘆驗。