2018最新iOS端界面UI設(shè)計(jì)規(guī)范整理
在iPhone 6還沒出的時(shí)候，都是用640×1136 px來做設(shè)計(jì)稿的，自從6的發(fā)布，所有的設(shè)計(jì)稿尺寸以750×1334 px來做設(shè)計(jì)稿尺寸
在iPhone 6還沒出的時(shí)候，都是用640×1136 px來做設(shè)計(jì)稿的，自從6的發(fā)布，所有的設(shè)計(jì)稿尺寸以750×1334 px來做設(shè)計(jì)稿尺寸
以750x1334px作為設(shè)計(jì)稿標(biāo)準(zhǔn)尺寸的原由：
從中間尺寸向上和向下適配的時(shí)候界面調(diào)整的幅度最小，最方便適配。
大屏幕時(shí)代依然以小尺寸作為設(shè)計(jì)尺寸，會(huì)限制設(shè)計(jì)師的設(shè)計(jì)視角。
設(shè)計(jì)安卓版本時(shí)只需做最小的設(shè)計(jì)調(diào)整，提升設(shè)計(jì)效率。
所以做設(shè)計(jì)稿事請(qǐng)以750x1334px來做設(shè)計(jì)稿
iPhone界面設(shè)計(jì)規(guī)范：
iPhone 界面尺寸：
左右我習(xí)慣設(shè)置24 px的距離，我通過對(duì)國內(nèi)外很多APP就行了對(duì)比，總結(jié)是24 px更合理，這個(gè)是我的個(gè)人習(xí)慣，所以也不要當(dāng)做是明文規(guī)則，你設(shè)置為30 px，也是可以的。
然后就可以開始你的設(shè)計(jì)了、
關(guān)于設(shè)計(jì)字體
先來看一下字體的歷史演變過程
iOS 9：英文字體為Helvetica Neue
iOS 9：中文字體由為冬青黑
iOS 10：英文字體為San Francisco
iOS 10：中文字體為蘋方
設(shè)計(jì)稿標(biāo)準(zhǔn)文字
文字選用“蘋方（PingFang SC Light) ”標(biāo)題可加粗選用“蘋方粗體”
文字搭配
一般用4和6的梯度搭配，例如：一般文字30px標(biāo)題搭配26px詳情, 帶頭列表30px標(biāo)題搭配22px輔助信息
詳情頁標(biāo)題文字與詳情文字間距
間距為8的倍數(shù)，例如：24px、32px、40px等
行間距設(shè)定
行間距與字號(hào)比例為1.5倍
對(duì)齊原則
段落文字采用“兩端對(duì)齊左對(duì)齊”，避頭尾為“嚴(yán)格”，首行嚴(yán)禁放5標(biāo)點(diǎn)
關(guān)于字體大小的問題：
頂部操作欄文字大小：34-38px
標(biāo)題文字大?。?8-34px
正文文字大?。?6-30px
輔助性文字大小：0-24px
Tab bar文字大?。?0px
