IOS UI设计规范是什么

在现在的互联网行业中 , 有一个职业叫做UI设计师 , UI的日常工作就是保证高保真设计稿的设计 , 对于IOS以及Android来说都是有不同的设计规范的 , 下面我们一起来了解一下IOS UI的设计规范 。 操作方式 01 先来说说设计稿的尺寸 , 一般来说在做IOS设计稿的时辰 , 设计稿尺寸我们都是选择650*1334这个尺寸 , 若是是1x的话 , 就是375*667 。

IOS UI设计规范是什么

文章插图

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

IOS UI设计规范是什么

文章插图

03 那么状况栏都是有哪些元素呢?现实上就是旌旗灯号、收集状况、时候以及电量和通知等 。

IOS UI设计规范是什么

文章插图

04 在旌旗灯号栏下边就是我们的导航栏 , 导航栏的高度为44px 。

IOS UI设计规范是什么

文章插图

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

IOS UI设计规范是什么

文章插图

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

IOS UI设计规范是什么

文章插图

07 标签栏中的图标大小也是有规范的 , 最小的点击区域我们必需包管为24px , 低于这个规模的话是不便利进行操作的 。

IOS UI设计规范是什么

文章插图

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

IOS UI设计规范是什么

文章插图

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

IOS UI设计规范是什么

文章插图



以上内容就是IOS UI设计规范是什么的内容啦 , 希望对你有所帮助哦!

    推荐阅读