微信小程序

差異化策略營銷解決方案

微信小程序+公眾號+朋友圈,用連接綻放品牌的精彩

首頁    >    微信小程序    >    微活動    >    

完整的微信H5頁面設計規范

微信火了H5的專題活動頁面設計也越來越多了,經常有朋友問H5專題設計按什么尺寸來做,

有沒有統一的規范,這里就給大家分享一套非常完整的關于微信H5活動頁面設計的UI視覺設計規范教程。

希望對那些剛剛從事微信H5界面設計的小伙伴們提供一些幫助。

完整的微信H5頁面設計規范
上海微信H5活動頁面設計規范

深圳微信H5活動頁面設計規范

• 微信自帶的頂Bar大小是640*108

• 常規Logo位置:Logo高度45PX,四周間距為30PX。

• 主標題文字最大區間為420*110,如果沒有副標題,最大區間可以調整至420*170

• 副標題文字最大區間為420*50

• 主KV區域最大范圍寬度小于等于580*高度小于等于480,位置整體居中處理

• 按鈕大小為320*80(高度不得小于50)

• 文字按鈕樣式:文字按鈕由文字+線框圖標組成,文字選擇黑體,樣式下劃線,大小25px;圖標樣式線框圖標,高度38px,與文字間距13px,與常規按鈕間距16px。整體與常規按鈕居中排放。

Logo樣式:3:2或者異形比例Logo高度為80px,寬度不限,與主標題間距為4px

以上就是微信APP上的H5界面設計規范。

快乐8规则 体彩481开奖结果今日 股票分析师招聘 彩票合买代购系统 深圳风采开奖055 陕西11选五专家预测推荐 沪市大盘600001 甘肃快3今日推荐号码 贵州快三走基本走势图 2019海南环岛赛 山西快乐十分前三组选遗漏