APP界面UI设计规范

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

一、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

相关文档
最新文档