美文网首页产品
转-2018最新iOS端界面UI设计规范整理

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

作者: 夏草草草 | 来源:发表于2019-03-12 14:14 被阅读0次

    转自: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

    相关文章

      网友评论

        本文标题:转-2018最新iOS端界面UI设计规范整理

        本文链接:https://www.haomeiwen.com/subject/ueagpqtx.html