注冊

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

2020-09-27
導(dǎo)讀：五、視覺規(guī)范 1. 字體規(guī)范 微信內(nèi)字體的使用與所運行的系統(tǒng)字體保持一致，常用字號為20，18，17，16，14，13，11（pt），使用場景具體如下： 字體顏色 主內(nèi)容Black黑色，次要內(nèi)容Grey灰...

五、視覺規(guī)范

1. 字體規(guī)范

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

 

字體顏色

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

 

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

 

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

 

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

 

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

 

4. 按鈕使用原則

 

 

 

 

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

 

 

資源下載

 

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

  • WeUI_sketch組件庫

    下載

  • WeUI_PS組件庫

    下載

  • 小程序標(biāo)志

    下載

更多微信小程序開發(fā)教程，可以關(guān)注hi小程序。
重磅推薦：小程序開店目錄

第一部分：小商店是什么

第二部分：如何開通一個小商店

第三部分：如何登錄小商店

第四部分：開店任務(wù)常見問題

第五部分：小商店可以賣什么

第六部分：HiShop小程序特色功能

第七部分：小程序直播

第八部分：小程序收貨/物流

第九部分：小程序怎么結(jié)算

第十部分：小程序客服

第十一部分：電商創(chuàng)業(yè)

第十二部分：小程序游戲開發(fā)