背景：繪制原型圖時渠抹，不確定狀態(tài)欄、標簽欄葬项、側(cè)邊margin具體怎么設(shè)置泞当，很困惑...
iphone 界面尺寸
左邊是能找到最新的設(shè)計規(guī)范，右邊是auxre10自帶畫布尺寸顯示民珍，結(jié)合做參考
ip不同機型界面尺寸
ip6之前界面尺寸
ios界面結(jié)構(gòu)
狀態(tài)欄
狀態(tài)欄位于界面最上方襟士，主要用于顯示當前時間、網(wǎng)絡(luò)狀態(tài)嚷量、電池電量敌蜂、SIM運營商。
狀態(tài)欄/導(dǎo)航欄
導(dǎo)航欄
導(dǎo)航欄位于狀態(tài)欄之下津肛，主要用于顯示當前頁面標題章喉。
標簽欄
標簽欄通常位于界面底部，也有少部分標簽欄位于狀態(tài)欄之下身坐、導(dǎo)航欄之上秸脱。標簽欄主要包括App的幾大主要板塊，通常由3~5個圖標及注釋文字組成部蛇，例如微信標簽欄內(nèi)容為“微信”“通訊錄”“發(fā)現(xiàn)”“我”4個板塊摊唇，如圖所示。
標簽欄
標準頁面布局
image.png
暫未解決：不同ip機型的狀態(tài)欄高度應(yīng)該設(shè)置多少涯鲁？是否有設(shè)計規(guī)范巷查？知道方法的朋友歡迎留言
暫未解決：標準布局下有序，pt和px怎么轉(zhuǎn)換，axure中設(shè)計原型尺寸應(yīng)該怎么設(shè)計
--在網(wǎng)上看到其他的尺寸岛请，不確定這個是否有規(guī)范--
image.png
邊距
全局邊距
單邊30px
image.png
可根據(jù)不同的產(chǎn)品設(shè)計進行調(diào)整
image.png
卡片邊距
頁面中的卡片邊距根據(jù)承載信息內(nèi)容的多少來界定旭寿，通常不小于16px。
image.png
暫留崇败，全面屏之前的狀態(tài)欄數(shù)據(jù)盅称？
image.png
參考鏈接
- 寫得很詳細，有布局形式后室、圖片規(guī)范缩膝、各處的注意事項等
UI小白必看！2022年iOS設(shè)計規(guī)范指南 - 能查到的最新iOS設(shè)計規(guī)范
https://www.learnui.design/blog/ios-design-guidelines-templates.html#tab-bar - 其他各種網(wǎng)站設(shè)計規(guī)范總結(jié)
設(shè)計規(guī)范官網(wǎng)匯總：iOS岸霹、Material…（持續(xù)更新 - Apple官網(wǎng)
官網(wǎng)：Design - Apple Developer
