没有规矩不成方圆,任何行业也都如此。虽然创意可以天马行空,但设计还要有一定的规范。在如今的app设计中,对ui设计就有一定的要求和标准。就让为家介绍app ui设计规范。
有哪些app ui设计规范
app ui设计规范,这里的设计不说视觉上的美化设计,而一些如尺寸、间距、布局、比例、适配性方面的设计规范。虽然乍看都小细节的东西,但作为一个合格的UI设计师,就要在纠结每个像素单位的过程中练成像素眼来打造出一个合格的界面产品,差一也许一般人分辨不出来,但一定会不同程度影响到一款产品的设计专业度,进而影响用户体验。
1、尺寸
能一稿多版本适用肯定的,而且现在有很多实用的切图工具帮助们解决了很多适配的问题。很多设计师都习惯用7501334作为设计尺寸。这个中间尺寸向下可以适配6401136p,向上可以适配12422208p和7501624p/11252436p。
ps切图尺寸变小
但要特别注意:状态栏的高度要由原来的40p变成了88p,另外底部要预留68p的主页指示器的位置。
界面中各种栏(状态栏、导航栏、标签栏、工具栏)的高度尺寸规定,这个必须遵守的。
app ui设计规范
2、界面图片比例
其实关于图片的比例并没有个很统一的规范,可能有些设计师也凭感觉或者通过借鉴行业知名APP的尺寸来进行设计。但其实可以有更科学的方法来进行自主尺寸确定。
常见的图片尺寸有16:9、4:3、3:2、2:1、1:1和1:0.618(黄金比例)等。
3、字体使用规范
APP中字号范围一般在20-36之间(@2),所有的字号设置都必须为偶数,上下级内容字号极差关系为2-4号。
字体的颜设置一般很少用纯黑,一般用深灰和浅灰、细体和粗体(注意要用字体本身的字重,不能用PS的加粗功能)来区分重要信息和次要信息,进行信息层级的划分。
4、内部设计
所有能击的图片不得小于44p(Retina需要88p);单独存在的部件必须双数尺寸;两倍图以@2作为命名后缀;充分考虑每个控制按钮在4中状态下的样式。
app ui设计规范
app ui设计规范的意义
1、多人协作时控件混乱问题
在创作阶段设计其他页面时,如果没有规范来指导,设计过程中很容易产生细微的出入,导致每个控件都会有细微的差别,经常会着着就出现控件不一致的问题,乳沟一直埋头苦
干赶页面,没检查出问题,页面的越来越多就越来越多,会导致增加返工率。
2、增加发效率
程序猿从视觉规范中了解到哪些控件可以一次性写好并且能重复使用。在规范的辅助下,程序猿在搭建元素时规则更加清晰明了,比如按钮,字体小、颜值等等。
3、解决产品在迭代中出现的问题
产品在迭代过程中,往往小版本进行几个功能的迭代比较多,如果没有规范,在多次迭代中会忘记设计的初衷,让产品控件混乱。规范能使中保持产品特性,增加了用户使用认知,不同程度有效提升用户体验。
以上就为家介绍的关于app ui设计规范的相关内容。由此可见,在app设计中,ui设计者可以加入自己的创意和想法,但在设计的时候还要遵照一定的规范,毕竟你设计出来要供家使用的。