北京WEB前端培训
在线咨询 电话咨询 校区地址

课程

环境

就业

试听

企业培训

扫码
关注

首页 / 

行业资讯

北京UI设计培训 APP规范整理

时间:2016年08月3日 来源:火星人

色值表
根据设计,注明色值、用量、用户,例如:
北京web前端培训 编辑框
根据设计,设定尺寸、颜色、状态,例如:
北京web前端培训 北京web前端培训 图标命名规范
个人认为命名没有特定的规范,根据习惯而已,距离仅供参考
【格式】普通:image.png;Retina:image@2X.png
【尺寸】像素-尺寸用偶数(避免出现小数,例如88*88px);
【 命名】模块_类别_功能_状态.png
例如:searchBg.png;desk_btn_search_selected.png
北京web前端培训 【使用规则】
1.尺寸:16*16、20*20、24*24、32*32、36*36
2.格式:png
3.颜色:状态图标_24*24_png
北京web前端培训 4.图标命名:具体见图标汇总表 北京web前端培训 提示
【提示】-背景w(24+12px文字+24)*h26

您当前状态已消失,请重新登录!红色_#ac2727 【红色】-错误消极的状态:表“超时、驳回、延期”等;

您当前操作已于14:45成功保存!蓝色_#0072bb 【蓝色】-正在进行、积极的状态:表“操作中、审批中、评标中”等

保存成功!     绿色_#449139 【绿色】-完成、成功状态:表“保存成功、审核通过”等;

文字
别小看了文字,他们也有生命力、规则、状态,很多东西是实践’沟通、调试交流出来的!!
1.【字体】“黑体-Heiti SC”
2.【字体大小】
88p=52磅 ——专用于客户名称-粗体
36px=20磅——用于模块、栏目名称-普通或粗体
28px=16磅——用于正文-普通 18px=12磅——用于图标上的提醒数字-邮件、短信
3.【文字表现方式】普通=“黑体-简-细体” 粗体=“黑体-简-中等”
4.【文字颜色规则】

黑色 #000000 16           用于可编辑性文字        #7c8692-未激活、查看性文字
深黑 #696969 16、20       用于表头、栏目名称性文字       #000000-激活、可编辑文字
深灰 #bebebe 16       用户提示性文字 #c11016
白色 #ffffff 12、16、20 用于选中、深色背景上的文字
深灰 #7c8692 16、52       用于标题、查看、不可便编辑性文字
红色 #c11016 16       用于选中、凸显性文字

关键词:北京UI 设计培训,北京APP设计,北京APP培训

热门课程推荐  点击查看全部课程

北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
  • 北京UI培训
  • 北京web前端培训
北京UI培训
  • 14年教育品牌
  • 课程不断更新
  • 签订就业协议
  • 项目案例讲解
  • O2O教学模式

北京火星人科技文化发展中心版权所有 Copyright & copy 2002-2016 2ds.cn, All Rights Reserved 京ICP备 10216795号