ui,icon的基本规范

竭诚为您提供优质文档/双击可除ui,icon的基本规范

篇一：ui设计规范

命名规则

模块_类别_功能_状

态.pngnav_button_search_default.png导航_按钮_搜索_默认.png

search搜索bg背景selected按钮状态（选中）

button按钮nav导航栏disabled按钮状态（不可点击）tab菜单栏icon图标default按钮状态（默认）

bg背景personaltada个人资料presses按钮状态（按下）

user用户pop弹出back返回

refresh刷新delete删除eidt编辑

image图片download下载content内容

banner广告login登陆leftrightcenter左右中

registered注册title标题msg提示信息

link链接note注释logo标志

icon制作：

ios120px：icon_120@2x.png

80px:icon_small_40@2x.png

58px:icon_small@2x.png

114px:icon@2x.png

android：36*36px：drawable-ldpi

48*48px：drawable-mdpi

72*72px：drawable-hdpi

96*96px：drawable-xhdpi

android安卓系统dp/sp/px换算

名称分辨率比率rate（320px）比率rate（640px）idpi240*3200.750.375

mdpi320*48010.5

hdpi480*8001.50.75

xhdpi720*8002.251.125

xxhdpi1080*19203.3751.6875

android的图标尺寸

屏幕尺寸启动图标操作栏上下文

320*480px48*48px32*32px16*16px

480*800px

480*854px72*72px48*48px24*24px640*960px

720*1280px48*48dp32*32dp16*16dp

1080*1920xx4*144px96*96px48*48px

比率rate（750px）0.320.42670.641.0241.5系统通知最细笔画24*24px2px36*36px3px24*24dp2dp72*72px6px iphone图标尺寸

设备appstore程序应用状态栏spotlight搜索标签栏(工具栏)导航栏

6p1024*1024px180*18054px87*87146（66）132

（160px）（物理60px）

61024*1024px120*12054px58*5898（44）98

51024*1024px114*11440px58*5898（44）98

41024*1024px114*11440px58*5898（44）98

3515*512px57*5720px29*2949（44）44（80px）

点击区域

点击区域大于44pxretain屏幕大于88px

字体大小

1.iphone上的英文字体：heiveticaneue中文：mac下是黑体-简win下华文黑体

ios长文本（可接受）26px（见小值）30px（舒适值）32px~34px双数

短文本（可接受）28px（见小值）30px（舒适值）32px 注释（可接受）24px（见小值）24px（舒适值）28px

2.android手机上的字体：droidsansfallback

android高分辨率长文本（可接受）21px（见小值）24px （舒适值）27px（480*800）

短文本（可接受）21px（见小值）24px（舒适值）27px 注释（可接受）18px（见小值）18px（舒适值）21px

android低分辨率长文本（可接受）14px（见小值）16px （舒适值）18~20px（320*480）

短文本（可接受）14px（见小值）14px（舒适值）18px 注释（可接受）12px（见小值）12px（舒适值）14~16px 篇二：app界面ui设计规范

ui设计规范

一、app界面设计规范

（一）界面尺寸

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

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

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

（二）导航尺寸

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

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

（三）标签尺寸