微信小程序設(shè)計(jì)視覺規(guī)范,字體列表表單按鈕規(guī)范

2020-09-27

導(dǎo)讀：五、視覺規(guī)范 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灰...

五、視覺規(guī)范

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灰色；大段的說明內(nèi)容而且屬于主要內(nèi)容用Semi黑；

藍(lán)色為鏈接用色，綠色為完成字樣顏色，紅色為出錯(cuò)用色Press與Disable狀態(tài)分別降低透明度為20%與10%；

2. 列表視覺規(guī)范

3. 表單輸入視覺規(guī)范

4. 按鈕使用原則

5. 圖標(biāo)使用原則

資源下載

為方便設(shè)計(jì)師進(jìn)行設(shè)計(jì)，微信提供一套可供Web設(shè)計(jì)和小程序使用的基礎(chǔ)控件庫(kù)；同時(shí)提供方便開發(fā)者調(diào)用的資源。

WeUI_sketch組件庫(kù)
下載
WeUI_PS組件庫(kù)
下載
小程序標(biāo)志
下載

更多微信小程序開發(fā)教程，可以關(guān)注hi小程序。

第二部分：如何開通一個(gè)小商店

您可能感興趣: 微信商城小程序設(shè)計(jì)

上一篇：微信小程序設(shè)計(jì)規(guī)范統(tǒng)一穩(wěn)定,盡量使用一致的控件和交互方式 下一篇：小程序初始化配置指引,小程序服務(wù)器域名配置