iOS的UI设计规范,iOS的UI设计标准

biaofbi
biaofbi 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 253 浏览

iOS的UI设计规范,iOS的UI设计标准

  iOS的UI设计和安卓系统的UI设计是不一样的。iOS是苹果手机独立使用的系统,所以他对UI设计的规范性要求或者标准尺寸要求也是不一样的。下面就是iOS的UI设计规范标准。就上网。


  一、UI的控件概述:

  1、框架UI的元素分为4类:

  A:栏:状态栏目和导航栏的结合体;

  B:内容视图:应用显示的内容信息,包括相关的交互行为,例如滚屏、插入、删除等操作进行排序;

  C:控制元素:产品行为或显示的信息;

  D:临时视图:临时向用户提供重要的信息,或提供额外的功能和选项。

  2、框架UI的尺寸:

  3、图标icon的尺寸:

  二、UI的布局概述:

  1、可点击对象的区域:尺寸不要小于44*44px;

  2、将重要的内容和功能放在权重高的位置,将重要的元素放在前半屏比较好,对于阅读习惯从 左到右的用户来说,更贴近屏幕左侧位置容易引起关注的;

  3、利用视觉表现形式的权重和平衡,尺寸较大的元素具有更高的权重,对于尺寸较小的元素来 说,更能吸引目光,看上去更加重要;

  三、UI的手势交互概述:

  A:通过点击:按压或选择一个对象;

  B:通过拖拽:滚屏或移动对象;

  C:通过滑动:快速滚屏或移动对象;

  D:通过一个手指轻扫:可展现更多内容,例如:列表的删除按钮,从界面顶端展开通知中心;

  E:通过双击:可将内容放大置于屏幕中间,主要是放大和缩小的转换;

  F:通过双指涨开或闭合:对内容进行放大或缩小;

  G:通过长按:在可编辑或可选择的文字上显示放大镜,用来定位光标;

  H:通过摇晃机身可执行撤销或重做的操作。

  四、UI的字体概述:

  1、字体是ios7设计的关键,大多数操作都是点击文字或点击图标,按钮也会有,但是占的比重很小;

  2、苹果的默认字体是Helvetica Nenu,一种纤细简单的文字,但那不是你唯一的选择;

  3、Ios7的字号稍微加大了,主要由于它的用途,而且文字之间的层级关系至关重要,利用颜色 和不同的粗细,来保持文字的布局和UI元素的清晰易懂。

  4、苹果字体规格说明:

  A:导航栏标题:medium 34px;B:按钮和表头:light 34pxC:表格标签:Regular 28px;D:Tab页图标标签:Regular 20px

  

发布于 2022-09-30 23:18

免责声明:

本文由 biaofbi 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2026 专注小微企业服务 冀ICP备09002609号-8