APP界面UI设计规范

UI设计规范

一、APP界面设计规范

（一）界面尺寸

1、IOS界面尺寸：常见为（宽度640px、高度1136px）

2、Android界面尺寸：常见为（宽度720px、高度1280px）

其他尺寸：ldpi（240*320）、mdpi（320*480）、hdpi（480*800）3、Web Mobile尺寸：常见为（宽度640px、高度960px）

（二）导航尺寸

1、IOS导航尺寸：高度60px，留白7px

2、Android导航尺寸：高度64px或48px，留白8px

（三）标签尺寸

1、IOS标签尺寸：高度98px

2、Android标签尺寸：高度96px

（四）工具栏尺寸

1、IOS工具栏尺寸：高度88px

2、Android工具栏尺寸：高度96px

（五）列表高度

1、IOS列表高度：高度88px

2、Android列表高度：高度96px

（六）资源状态

对于资源通常设计弹起、点击、点击后、不可用四种状态，通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。

（七）字体

1、IOS默认英文为HelveticalNeue，中文为黑体

2、Android列表高度：默认为Droidsans fallback

（八）字号

字号通常按照标题及征文级别递减为42、36、34、30、24 （九）ICON

1、IOS常用尺寸有1024*1024、512*51

2、120*120、60*60

2、Android常用尺寸有512*512、200*200、72*72、48*48 （十）资源插图

1、长方形插图高度一般不超过背景宽度的二分之一

2、缩略图两张并列高度一般不超过200px，宽度要适中有留白

3、图文混排中图片一般不高过150*110