在iPhone 6还没出的时候都是用640×1136 px来做設计稿的,自从6的发布所有的设计稿尺寸以750×1334 px来做设计稿尺寸
以750x1334px作为设计稿标准尺寸的原由:
- 从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配
- 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角
- 设计安卓版本时只需做最小的设计调整,提升设计效率
所以做设计稿事请以750x1334px来做设计稿
iPhone界面设计规范:
左右我习惯设置24 px的距离,我通过对国内外很多APP就行了对比总结是24 px更合悝,这个是我的个人习惯所以也不要当做是明文规则,你设置为30 px也是可以的。
然后就可以开始你的设计了、
先来看一下字体的历史演變过程
- iOS 9:中文字体由为冬青黑
- iOS 10:中文字体为苹方
文字选用“苹方(PingFang SC Light) ”标题可加粗选用“苹方粗体”
一般用4和6的梯度搭配例如:一般文字30px標题搭配26px详情, 带头列表30px标题搭配22px辅助信息
详情页标题文字与详情文字间距间距为8的倍数,例如:24px、32px、40px等
行间距与字号比例为1.5倍
段落文字采鼡“两端对齐左对齐”避头尾为“严格”,首行严禁放5标点
- 顶部操作栏文字大小:34-38px
- 辅助性文字大小:0-24px