app设计指南

2017-06-30  本文已影响0人  Mooooon_n

背景:信用钱包产品具有两大功能,分别是现金贷和白条商城业务,信用钱包在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尺寸

上一篇下一篇

猜你喜欢

热点阅读