不要問我為什么是這些尺寸，用上之后專業人士看你的文檔就會感覺你很專業

總體框架尺寸：750*1334px

接下里介紹框架內依次的元素尺寸?

狀態欄（最頂層的系統顯示條）：750*40px

導航欄（狀態欄下面那一欄，一般用于防止返回按鈕、搜索框等等，程序代碼中actionbar、titlebar的放置位置）：750*88px

標簽欄尺寸（最底層用于切換頁面用，一般不超過五個）：750*98px

工具欄（詳情頁面中的點贊、評論、轉發形成的工具欄）：750*88px

搜索欄（單獨將搜索置于一個頁面的導航欄時）：寬度自定義，高度88px

篩選欄（搜索欄下面用于縮小范圍達到提升搜索精準率目的新增的一欄）：寬度自定義，高度60-88px

字體、間距、等規范

簡介：

蘋方和francisco

百度用戶體驗調查，字體舒適值列表

頁面字體大小：

導航欄：中間標題：36px/42px、兩側（返回或更多）字體32px

標簽欄（底部菜單）：20-24px，一般取中間值22px

內容：大標題：36px、標注：24px、正文30px

新聞類頂部導航切換：30px，選中為40px

圖文列表間距尺寸：

表格式列表：上下30px、左右20px

子頁面導航點擊列表：左側一般會放置圖標一個，圖標的左右間距35px，右側一般會有箭頭會圖標、左右30px

常用圖標尺寸：

不同位置的圖標使用尺寸不一

標簽欄常用圖標尺寸: 48*48px，如圖標不是正方形，則用空白補充，保證可點擊區域不小于48*48px

其他的可以自己截圖市場上的app，導入ps進行測量得出，方法就是這樣的。

參考ios ui kit，能夠讓你的開發工程師不那么頭疼，做的一些無厘頭的交互和一些無厘頭的功能入口位置，會讓整個ui脫離系統初衷，使用戶體驗減分。一直聽到有人問我說，到底設計師要不要懂得開發原理，這樣更好的做設計、能動當然是最好的，但是需要時間成本，如果能夠將ui kit 理解得當，增加工程師與設計師之間的溝通是最好的工作方式。