app设计指南

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容