背景:信用錢包產(chǎn)品具有兩大功能短纵,分別是現(xiàn)金貸和白條商城業(yè)務(wù)集惋,信用錢包在2016年11月拿到了c輪融資,它成長于互聯(lián)網(wǎng)金融的前奏踩娘,公司業(yè)務(wù)在市場的前端刮刑,但產(chǎn)品設(shè)計(jì)和眾多同業(yè)務(wù)量的競品一樣,還處于設(shè)計(jì)地段养渴,亟待進(jìn)行業(yè)務(wù)流程的梳理和頁面的改版雷绢。
本次改版是在5.4基礎(chǔ)上的徹底更新。同時(shí)理卑,提取了5.5-5.8版本的設(shè)計(jì)規(guī)律翘紊,形成了此設(shè)計(jì)指南,并且成立了信用錢包組件庫藐唠。
1帆疟、字體規(guī)范
微信內(nèi)字體的使用與所運(yùn)行的系統(tǒng)字體保持一致,常用字號為20, 18, 17, 16,14 13, 11(pt)宇立,使用場景具體如下:
主內(nèi)容 Black 黑色踪宠,次要內(nèi)容 Grey 灰色;時(shí)間戳與表單缺省值 Light 灰色妈嘹;大段的說明內(nèi)容而且屬于主要內(nèi)容用 Semi 黑柳琢。
藍(lán)色為鏈接用色,綠色為完成字樣色润脸,紅色為出錯(cuò)用色 Press 與 Disable 狀態(tài)分別降低透明度為20%與10%柬脸。
2、基本組件-按鈕顏色和按鈕組合
2毙驯、列表視覺規(guī)范
3倒堕、基本組件-輸入列表
4、基本組件-彈窗
5爆价、基本組件-蒙版彈框樣式
6垦巴、按鈕使用原則
7、圖標(biāo)使用原則
8允坚、基本組件-鍵盤
9魂那、toast使用規(guī)范
12蛾号、基本組件-選擇器
13稠项、布局
9、白條商城banner尺寸