Ⅰ iphone6 ui設計尺寸最好做多大
UI設計師在設計的時候要考慮 寬度640和750的寬度都能很好的適配 很多人建議是750 因為iphone6以上的手專機是主屬流 按照750設計 640可能有很擠的情況 所以我建議 設計的時候設計640px的寬度 都能夠很好的適配
Ⅱ 淺談iOS APP設計規范-按照iphone6尺寸
現在iOS app 的尺寸也變多了，要適配到各種尺寸需要選擇一個折中的尺寸來向上向下適配，以前一般用的是iphone5的尺寸，iPhone6 plus出現後，iPhone6尺寸成了大多數設計師的選擇。
一、iPhone6的界面布局是：
屏幕是4.7英寸的，設計稿的大小750x1334px
☆ 狀態欄(status bar)：就是電量條，其高度為：40px；
☆ 導航欄(navigation)：就是頂部條，其高度為：88px；
☆ 主菜單欄(submenu，tab)：就是標簽欄，底部條，其高度為：98px；
☆ 內容區域(content)：就是屏幕中間的區域，其高度為：1334px-40px-88px-98px=1108px
二、關於iPhone6的圖標的尺寸是：
☆導航欄的圖標高度為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
一、注意事項
1、在每個項目設計中只使用1-2個字體樣式，而在品牌字有明確的規范的情況下，只需要一種字體貫穿全文，通過對字體放大來強調重點文案。字體用的太多，越顯得不夠專業。
2、不同的樣式的字體，形狀或系列最好相同，保證字體風格的一致性。
3、字體與背景的層次要分明,確保字體樣式與色調氣氛相匹配
二、界面中文字選用的規則
在不同平台的界面設計中規范的字體會有不同，像移動界面的設計就會有固定的字體樣式，網頁中會有常用的幾個字體。
以下是在72像素/英寸下的規范
移動端常規字體
IOS:常選擇華文黑體或者冬青黑體，尤其是冬青黑體效果最好， 方正蘭亭黑和方正黑體簡 、方正中等線也運用的比較多。
三、字體的大小
1、導航欄的文字大小是36-38px；
2、標題字型大小：32px ，34px；
3、內容區域的正文文字大小是：28px，30px；
4、輔助性文字：20px ， 24px，26px；
5、標簽欄（或主菜單欄）的圖標下方的文字大小為20px；
6、終極原則：不大於所在要件高度的一半;
7、行間距：字型大小的1.2-1.5倍。
下圖是網路用戶體驗做過的一個小調查，可以看出用戶可接受的文字大小：
Ⅲ 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倍以上
Ⅳ 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有沒有標注工具
圖標柵格系統
Ⅳ 鴻蒙系統UI設計尺寸規范
這個要看你的ui界面是要適用哪個平台？
IOS界面，例如iphone6：
1、界面尺寸大小是：750x1334px。
2、狀態欄(status bar)：就是電量條，其高度為：40px;
3、導航欄(navigation)：就是頂部條，其高度為：88px;
4、主菜單欄(submenu，tab)：就是標簽欄，底部條，其高度為：98px;
5、內容區域(content)：就是屏幕中間的區域，其高度為：1334px-40px-88px-98px=1108px
iPad的設計尺寸，例如iPad Mini：
1、界面尺寸大小是：1024×768 px
2、狀態欄(status bar)：就是電量條，其高度為：20px;
3、導航欄(navigation)：就是頂部條，其高度為：44px;
4、主菜單欄(submenu，tab)：就是標簽欄，底部條，其高度為：49px;
5、內容區域(content)：就是屏幕中間的區域，其高度為：768px-20px-44px-49px=655px
Android的圖標尺寸
一般屏幕大小有：
小米、索尼、華為：1080×1920 px
OPPO R3：720×1280 px