美文网首页
app设计指南

app设计指南

作者: Mooooon_n | 来源:发表于2017-06-30 10:58 被阅读0次

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

    相关文章

      网友评论

          本文标题:app设计指南

          本文链接:https://www.haomeiwen.com/subject/vgyuqxtx.html