提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
灰度色板:
颜色使用:
主色:顶部导航栏,按钮和各种控件设计
铺助色:铺助按钮和各种控件设计
铺助色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
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册