2018最新iOS端界面UI设计规范整理

在iPhone 6还没出的时候，都是用640×1136 px来做设计稿的，自从6的发布，所有的设计稿尺寸以750×1334 px来做设计稿尺寸

以750x1334px作为设计稿标准尺寸的原由：

1. 从中间尺寸向上和向下适配的时候界面调整的幅度最小，最方便适配。

2. 大屏幕时代依然以小尺寸作为设计尺寸，会限制设计师的设计视角。

3. 设计安卓版本时只需做最小的设计调整，提升设计效率。

所以做设计稿事请以750x1334px来做设计稿

 

iPhone界面设计规范：

iPhone 界面尺寸：

 

左右我习惯设置24 px的距离，我通过对国内外很多APP就行了对比，总结是24 px更合理，这个是我的个人习惯，所以也不要当做是明文规则，你设置为30 px，也是可以的。

然后就可以开始你的设计了、

 

关于设计字体

先来看一下字体的历史演变过程

• iOS 9：英文字体为Helvetica Neue

• iOS 9：中文字体由为冬青黑

• iOS 10：英文字体为San Francisco

• iOS 10：中文字体为苹方

 

设计稿标准文字

文字选用“苹方（PingFang SC Light) ”标题可加粗选用“苹方粗体”

文字搭配

一般用4和6的梯度搭配，例如：一般文字30px标题搭配26px详情, 带头列表30px标题搭配22px辅助信息
详情页标题文字与详情文字间距
间距为8的倍数，例如：24px、32px、40px等

 

行间距设定
行间距与字号比例为1.5倍

 

对齐原则
段落文字采用“两端对齐左对齐”，避头尾为“严格”，首行严禁放5标点

 

关于字体大小的问题：

• 顶部操作栏文字大小：34-38px

• 标题文字大小：28-34px

• 正文文字大小：26-30px

• 辅助性文字大小：0-24px

• Tab bar文字大小：20px