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
（三）标签尺寸。