灰度色板：

颜色使用：

主色：顶部导航栏，按钮和各种控件设计

铺助色：铺助按钮和各种控件设计

铺助色2:一些用户名称和连接文字颜色

背景：

背景色1:纯白色，列表表单背景和对话框 b100  

背景色2:浅灰色  顶部导航栏和底部标签栏  b98

背景色3:浅灰色   首页背景和内页背景b94

分割线：

分割线1:灰色 线白色背景的分割线b90    2:浅灰色，白色背景的分割线b94

文字：

纯白色：主色，铺色按钮的文字b100

中灰色：失效，铺助性的文字b80

深灰色：提示性文字b60

浅黑色：铺助，默认状态文字b40

深黑色：标题，正文等主要文字b20

图标：

纯白色：颜色背景上的图标b100

中灰色：工具栏上的操作图标b80

字体大小：

文字规范大概参考：文字大小只是一个范围，这要根据设计的视觉效果来决定，不要死记硬背，但是切记，字体大小要用偶数。

（1）54px：用于顶部导航栏栏目名称。背景色为灰白色时文字使用黑色b20,背景为其他颜色时文字使用白色b100

（2）42px：标题文字和大按钮文字，颜色b20

（3）40px：主要文字，正文，小按钮文字，b20

（4）36px：铺助文字时颜色b40，提示性文字时颜色b60

（5）30px：底部标签栏文字图片颜色b40，用于正文中的次要文字时颜色b80

（6）26px：提示性文字，如底部标签栏上购物车图标上的数字，或对话框上的消息数字，颜色b100

图片规范

1.用户头像：帖子列表头像66，帖子详情头像90，消息列表头像120，个人资料头像144，个人中心头像216。

2.商品图片：统一不用圆角，描边2px灰色，比例1:1或3:2，

                     店铺列表购物车210，团购列表360x240，商品列表210，商品详情页900x600

无数据图片：

1.商品底图，加载页面时没有加载出来，这是图片位置不能为空页面，，一般使用灰调设计，图片可以放logo或应用中全局图片b94底色，b80，logo

2.头像图片，用户没有上传头像，，可以使用默认头像的设计底色b90，图片b80

3.无数据图，用户数据为空，如没有相关订单页面，图标尺寸300x300，间距48

文本框：高84，按钮36

命名规则：

常见的控件名如下：img图片  List列表  Sign标记  Menu菜单  Bar栏  statusBar状态栏  NaviBar导航栏  TabBar标签栏

ToolBar工具栏  Switch切换开关  Slider滑动器  Radio单选框  Checkbox复选框

界面或功能+控件名+状态+补充描述

如下：Login_bg.png(登录背景)     Login_logo.png（登录LOGO）

Login_input.png                           Login_input_pre