联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

有哪些app ui设计规范需要大家注意的

Time: 2021-04-20

没有规矩不成方圆,任何行业也都是如此。虽然创意可以天马行空,但是设计还是要有一定的规范。在如今的app设计中,对ui设计就有一定的要求和标准。今天就让faceui为大家介绍app ui设计规范。

  有哪些app ui设计规范

  app ui设计规范,这里的设计不是说视觉效果上的美化设计,而是一些如尺寸、间距、布局、比例、适配性方面的设计规范。虽然乍看都是小细节的东西,但作为一个合格的UI设计师,就是要在纠结每个像素单位的过程中练成像素眼来打造出一个合格的界面产品,差一点也许一般人分辨不出来,但一定会不同程度影响到一款产品的设计专业度,进而影响用户体验。

  1、尺寸

  能一稿多版本适用肯定是最好的,而且现在有很多实用的切图工具帮助我们解决了很多适配的问题。很多设计师都是习惯用750*1334作为设计尺寸。这个中间尺寸向下可以适配640x1136px,向上可以适配1242x2208px和750x1624px/1125x2436px。

  但要特别注意:状态栏的高度要由原来的40px变成了88px,另外底部要预留68px的主页指示器的位置。

  界面中各种栏(状态栏、导航栏、标签栏、工具栏)的高度尺寸规定,这个是必须遵守的。

app ui设计规范

app ui设计规范(图片来自网络)


  2、界面图片比例

  其实关于图片的比例并没有个很统一的规范,可能有些设计师也是凭感觉或者通过借鉴行业知名APP的尺寸来进行设计。但其实可以有更科学的方法来进行自主尺寸确定。

  常见的图片尺寸有16:9、4:3、3:2、2:1、1:1和1:0.618(黄金比例)等。

  3、字体使用规范

  APP中字号范围一般在20-36之间(@2x),所有的字号设置都必须为偶数,上下级内容字号极差关系为2-4号。

  字体的颜色设置一般很少用纯黑色,一般用深灰色和浅灰色、细体和粗体(注意要用字体本身的字重,不能用PS的加粗功能)来区分重要信息和次要信息,进行信息层级的划分。

  4、内部设计

  所有能点击的图片不得小于44px(Retina需要88px);单独存在的部件必须是双数尺寸;两倍图以@2x作为命名后缀;充分考虑每个控制按钮在4中状态下的样式。

app ui设计规范

app ui设计规范(图片来自网络)


  app ui设计规范的意义

  1、多人协作时控件混乱问题

  在创作阶段设计其他页面时,如果没有规范来指导,设计过程中很容易产生细微的出入,导致每个控件都会有细微的差别,经常会做着做着就出现控件不一致的问题,乳沟一直埋头苦干赶页面,没检查出问题,页面做的越来越多错误就越来越多,会导致大大增加返工率。

  2、增加开发效率

  程序猿从视觉规范中了解到哪些控件可以一次性写好并且能重复使用。在规范的辅助下,程序猿在搭建元素时规则更加清晰明了,比如按钮,字体大小、颜色值等等。

  3、解决产品在迭代中出现的问题

  产品在迭代过程中,往往是小版本进行几个功能的迭代比较多,如果没有做规范,在多次迭代中会忘记设计的初衷,让产品控件混乱。规范能使中保持产品特性,增加了用户使用认知,不同程度有效提升用户体验。

  以上就是faceui为大家介绍的关于app ui设计规范的相关内容。由此可见,在app设计中,ui设计者可以加入自己的创意和想法,但是在设计的时候还是要遵照一定的规范,毕竟你设计出来是要供大家使用的。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开