背景:信用钱包产品具有两大功能,分别是现金贷和白条商城业务,信用钱包在2016年11月拿到了c轮融资,它成长于互联网金融的前奏,公司业务在市场的前端,但产品设计和众多同业务量的竞品一样,还处于设计地段,亟待进行业务流程的梳理和页面的改版。
本次改版是在5.4基础上的彻底更新。同时,提取了5.5-5.8版本的设计规律,形成了此设计指南,并且成立了信用钱包组件库。
1、字体规范
微信内字体的使用与所运行的系统字体保持一致,常用字号为20, 18, 17, 16,14 13, 11(pt),使用场景具体如下:
主内容 Black 黑色,次要内容 Grey 灰色;时间戳与表单缺省值 Light 灰色;大段的说明内容而且属于主要内容用 Semi 黑。
蓝色为链接用色,绿色为完成字样色,红色为出错用色 Press 与 Disable 状态分别降低透明度为20%与10%。
2、基本组件-按钮颜色和按钮组合
2、列表视觉规范
3、基本组件-输入列表
4、基本组件-弹窗
5、基本组件-蒙版弹框样式
6、按钮使用原则
7、图标使用原则
8、基本组件-键盘
9、toast使用规范
12、基本组件-选择器
13、布局
9、白条商城banner尺寸