ui设计师,规范.docx

ui设计师,规范
篇一:ui设计规范
命名规则

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(舒适值)14~16px
篇二:UI界面设计规范
UI设计(流程/界面)规范
一:UI设计基本概念与流程
目的
规范公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性。
范围
l 界面设计
l 此文档用于界面设计,本文档的读者对象是项目管理人员、