小程序UI設計(5)-符合視覺規范-按鈕視覺規范


在設計工具中,根據規范我們定義了大中小三種按鈕的尺寸
大:720rpx *94rpx 圓角10px 字體18
中:360rpx*70rpx 圓角8px 字體16 文字距離兩邊最小60
小:120rpx*60rpx 圓角6px 字體13 文字距離兩邊最小30
這些按鈕都放在工具的模板中,如下圖:
 
微信中固定按鈕type有三種,primary=綠色,default=灰色,warn=紅色。
size分為default和mini。鏤空效果是plain參數。
使用時鼠標點擊一下,然后再鼠標點擊畫布,然后ctrl+v粘貼即可。
下圖是從模板中粘貼過來的按鈕。
 
直接粘貼過來時候是和view一起粘貼的,實際使用時,將按鈕組件再擺放到需要位置即可。
下圖是通過輸入模板和選擇模板結合拼湊的頁面效果
 

 

模板中的內容可以滿足日常開發布局要求,各位可以任意組合組件,搭建自己的form


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM