微信小程序設(shè)計規(guī)范（5） 視覺規(guī)范

五、視覺規(guī)范

1. 字體規(guī)范

微信內(nèi)字體的使用與所運行的系統(tǒng)字體保持一致，常用字號為20，18，17，16，14，13，11（pt），使用場景具體如下：

字體顏色

主內(nèi)容Black黑色，次要內(nèi)容Grey灰色；時間戳與表單缺省值Light灰色；大段的說明內(nèi)容而且屬于主要內(nèi)容用Semi黑；

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

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

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

4. 按鈕使用原則

5. 圖標使用原則

資源下載

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

• WeUI_sketch組件庫

  下載

• WeUI_PS組件庫

  下載

• 小程序標志

  下載

預(yù)覽地址：https://weui.io