ui设计师,规范.docx

ui设计师,规范 　　篇一：ui设计规范 　　命名规则  　　模块_类别_功能_状态.pngnav_button_search_导航_按钮_搜索_默认.png  　　search搜索 bg 背景 selected按钮状态（选中）  　　button按钮 nav导航栏 disabled 按钮状态（不可点击）  　　tab菜单栏icon 图标 default 按钮状态（默认）  　　bg 背景 personal tada 个人资料presses 按钮状态（按下）  　　user 用户pop 弹出back 返回  　　refresh 刷新 delete 删除 eidt 编辑  　　image 图片 download 下载 content 内容  　　banner 广告 login登陆left right center左右中  　　registered 注册title 标题 msg 提示信息  　　link 链接 note 注释 logo 标志  　　icon制作：  　　iOS120px：Icon_120@  　　80px: Icon_small_40@  　　58px: Icon_small@  　　114px: Icon@  　　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）  　　idpi 240*320  　　mdpi 320*480 1  　　hdpi 480*800  　　xhdpi 720*800  　　xxhdpi1080*1920  　　Android的图标尺寸  　　屏幕尺寸 启动图标 操作栏上下文  　　320*480px 48*48px 32*32px 16*16px  　　480*800px  　　480*854px 72*72px 48*48px 24*24px640*960px  　　720*1280px 48*48dp 32*32dp 16*16dp  　　1080*1920 144*144px 96*96px 48*48px  　　比率rate（750px） 系统通知 最细笔画24*24px 2px 36*36px 3px 24*24dp 2dp 72*72px 6px  　　iPhone图标尺寸  　　设备 AppStore 程序应用 状态栏 spotlight搜索标签栏(工具栏)导航栏  　　6p 1024*1024px180*180 54px 87*87 146（66）132  　　（160px）（物理60px）  　　6 1024*1024px120*120 54px 58*58 98 （44）98  　　5 1024*1024px114*114 40px 58*58 98 （44） 98  　　4 1024*1024px114*114 40px 58*58 98 （44）98  　　3 515*512px 57*5720px 29*29 49 （44）44 （80px）  　　点击区域  　　点击区域大于44pxretain屏幕大于88px  　　字体大小  　　上的英文字体：HeiveticaNeue 中文：mac下是 黑体-简 win下 华文黑体  　　Ios 长文本 （可接受）26px（见小值）30px（舒适值）32px~34px 双数  　　短文本 （可接受）28px（见小值）30px（舒适值）32px  　　注释 （可接受）24px（见小值）24px（舒适值）28px  　　手机上的字体：Droid sans fallback  　　Android高分辨率长文本 （可接受）21px（见小值）24px（舒适值）27px（480*800）  　　短文本 （可接受）21px（见小值）24px（舒适值）27px  　　注释 （可接受）18px（见小值）18px（舒适值）21px  　　Android低分辨率长文本 （可接受）14px（见小值）16px（舒适值）18~20px（320*480）  　　短文本 （可接受）14px（见小值）14px（舒适值）18px  　　注释 （可接受）12px（见小值）12px（舒适值）1