背景:信用錢(qián)包產(chǎn)品具有兩大功能,分別是現(xiàn)金貸和白條商城業(yè)務(wù),信用錢(qián)包在2016年11月拿到了c輪融資,它成長(zhǎng)于互聯(lián)網(wǎng)金融的前奏,公司業(yè)務(wù)在市場(chǎng)的前端,但產(chǎn)品設(shè)計(jì)和眾多同業(yè)務(wù)量的競(jìng)品一樣,還處于設(shè)計(jì)地段,亟待進(jìn)行業(yè)務(wù)流程的梳理和頁(yè)面的改版。
本次改版是在5.4基礎(chǔ)上的徹底更新。同時(shí),提取了5.5-5.8版本的設(shè)計(jì)規(guī)律,形成了此設(shè)計(jì)指南,并且成立了信用錢(qián)包組件庫(kù)。
1、字體規(guī)范
微信內(nèi)字體的使用與所運(yùn)行的系統(tǒng)字體保持一致,常用字號(hào)為20, 18, 17, 16,14 13, 11(pt),使用場(chǎng)景具體如下:
主內(nèi)容 Black 黑色,次要內(nèi)容 Grey 灰色;時(shí)間戳與表單缺省值 Light 灰色;大段的說(shuō)明內(nèi)容而且屬于主要內(nèi)容用 Semi 黑。
藍(lán)色為鏈接用色,綠色為完成字樣色,紅色為出錯(cuò)用色 Press 與 Disable 狀態(tài)分別降低透明度為20%與10%。


2、基本組件-按鈕顏色和按鈕組合


2、列表視覺(jué)規(guī)范

3、基本組件-輸入列表



4、基本組件-彈窗

5、基本組件-蒙版彈框樣式




6、按鈕使用原則

7、圖標(biāo)使用原則

8、基本組件-鍵盤(pán)

9、toast使用規(guī)范

12、基本組件-選擇器

13、布局


9、白條商城banner尺寸
