app設(shè)計(jì)指南

背景:信用錢(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尺寸

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容