app ui设计规范,这里的设计不是说视觉效果上的美化设计,而是一些如尺寸、间距、布局、比例、适配性方面的设计规范。虽然乍看都是小细节的东西,但作为一个合格的UI设计师,就是要在纠结每个像素单位的过程中练成像素眼来打造出一个合格的界面产品,差一点也许一般人分辨不出来,但一定会不同程度影响到一款产品的设计专业度,进而影响用户体验。
1、尺寸
能一稿多版本适用肯定是最好的,而且现在有很多实用的切图工具帮助我们解决了很多适配的问题。很多设计师都是习惯用750*1334作为设计尺寸。这个中间尺寸向下可以适配640x1136px,向上可以适配1242x2208px和750x1624px/1125x2436px。
但要特别注意:状态栏的高度要由原来的40px变成了88px,另外底部要预留68px的主页指示器的位置。
界面中各种栏(状态栏、导航栏、标签栏、工具栏)的高度尺寸规定,这个是必须遵守的。
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设计者可以加入自己的创意和想法,但是在设计的时候还是要遵照一定的规范,符合大众需求的的设计作品才是好的设计。
本文由仍学网AAA教育专属课程顾问整理发布,更多相关课程请关注仍学网UI培训或添加老师微信:15033336050