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

转自：https://blog.csdn.net/iotjin/article/details/79470672

转自：http://www.shui-mai.com/2018zuixiniosduanjiemianuishejiguifanzhengli/

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

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

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

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

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

所以做设计稿事请以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