轉(zhuǎn)自:https://blog.csdn.net/iotjin/article/details/79470672
轉(zhuǎn)自:http://www.shui-mai.com/2018zuixiniosduanjiemianuishejiguifanzhengli/
在iPhone?6還沒(méi)出的時(shí)候暑劝,都是用640×1136 px來(lái)做設(shè)計(jì)稿的宾抓,自從6的發(fā)布句惯,所有的設(shè)計(jì)稿尺寸以750×1334 px來(lái)做設(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來(lái)做設(shè)計(jì)稿
iPhone界面設(shè)計(jì)規(guī)范:
iPhone 界面尺寸:
左右我習(xí)慣設(shè)置24 px的距離狈蚤,我通過(guò)對(duì)國(guó)內(nèi)外很多APP就行了對(duì)比困肩,總結(jié)是24 px更合理,這個(gè)是我的個(gè)人習(xí)慣脆侮,所以也不要當(dāng)做是明文規(guī)則锌畸,你設(shè)置為30 px,也是可以的靖避。
然后就可以開(kāi)始你的設(shè)計(jì)了潭枣、
關(guān)于設(shè)計(jì)字體
先來(lái)看一下字體的歷史演變過(guò)程
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輔助信息
詳情頁(yè)標(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)于字體大小的問(wèn)題:
頂部操作欄文字大小:34-38px
標(biāo)題文字大形拖隆:28-34px
正文文字大泻舱 :26-30px
輔助性文字大小:0-24px
Tab bar文字大蟹砘怠:20px