IOS UI设计规范是什么

人气:258 ℃/2023-07-29 23:04:04

在现在的互联网行业中,有一个职业叫做UI设计师,UI的日常工作就是保证高保真设计稿的设计,对于IOS以及Android来说都是有不同的设计规范的,下面我们一起来了解一下IOS UI的设计规范。

操作方法

先来说说设计稿的尺寸,一般来说在做IOS设计稿的时候,设计稿尺寸我们都是选择650*1334这个尺寸,如果是1x的话,就是375*667。

我们从上到下以1x的规范来进行了解,最上边的就是状态栏了,状态栏的高度是20,宽度都是375。

那么状态栏都是有哪些元素呢?实际上就是信号、网络状态、时间以及电量和通知等。

在信号栏下边就是我们的导航栏,导航栏的高度为44px。

导航栏中肯定是有导航文字的,导航文字一般来说我们都是居中对齐,并且导航文字的大小应该为18px。

接下来就是最底部,最底部就是我们的标签栏了,标签栏中都是我们的切换图标,标签栏的高度为49px。

标签栏中的图标大小也是有规范的,最小的点击区域我们必须保证为24px,低于这个范围的话是不方便进行操作的。

在图标的下方一般都还有文字,这里文字的大小比较小,可以根据图标大小来进行调整,一般来说文字大小为11、10px。

总的来说着就我们IOS UI的设计规范了,其他还有就是内容区域的文字大小规范了,一般来说都是16、15、14、12这四个文字大小,具体根据需求进行设计。

ios的ui设计规范

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

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

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

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

  1. 从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配。
  2. 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角。
  3. 设计安卓版本时只需做最小的设计调整,提升设计效率。

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

iPhone界面设计规范:

iPhone 界面尺寸:

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

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

关于设计字体

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

设计稿标准文字

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

文字搭配

一般用4和6的梯度搭配,例如:一般文字30px标题搭配26px详情, 带头列表30px标题搭配22px辅助信息

详情页标题文字与详情文字间距

间距为8的倍数,例如:24px、32px、40px等

行间距设定

行间距与字号比例为1.5倍

对齐原则

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

关于字体大小的问题:

欢迎加入UI设计群587751709

推荐

首页/电脑版/网名
© 2025 NiBaKu.Com All Rights Reserved.