支付寶小程序:頁面布局

小編:啊南 107閱讀 2020.12.28

小程序可根據需要使用支付寶小程序官方提供的標準控件,以達到統一穩定的目的,幫助用戶使用最小的學習成本達成使用目標,減輕頁面跳動所造成的不適感。

基礎布局

基于寬度 750px(iPhone 6)輸出視覺方案。在布局小程序信息時,為信息內容區留出左右邊距 24px(12pt),限制內容寬度以獲得最佳可讀性。

編組11 9.png

間距

間距的規范統一可以保證界面一致性的美感。

畫板備份 15.png

圖文間距

畫板備份 115.png

圓角

有規律的容器和組件圓角可以保證頁面的統一性、秩序感。

編組0 4.png

圖標大小

根據展示場景,選擇相應的圖標尺寸展示。

圖標尺寸.png

關聯標簽:
一款棋牌app多少钱 二分彩是骗局客户端 澳洲幸运8开奖是什么时候 上海快三最新开奖 2018广东11选5 黑龙江p62玩法 广东11选5走势图表 辽宁35选7今天开奖结果 澳洲幸运5大小预测 欢乐生肖开奖查询伽Q群247-888稳 加拿大28和加拿大快乐8开奖网 黑龙江p62开奖结果今天 澳洲幸运5是什么彩票 水果老虎机压分技巧视频 四川快乐12前二遗漏 亿客隆 香港六彩特码王赛马会