丰满的岳被粗大爽ⅹxoo,东京热app,大胆欧美人体摄影,玩弄中国白嫩少妇hd,av在线看

微信小程序

差異化策略營銷解決方案

微信小(xiao)程(cheng)序+公眾號+朋(peng)友(you)圈(quan),用連接綻放品牌的精彩

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

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

微信火了H5的專題(ti)活動頁面(mian)設計(ji)也越來(lai)越多了,經常有朋友問(wen)H5專題(ti)設計(ji)按(an)什么尺寸(cun)來(lai)做,

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

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

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

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

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

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

• 主(zhu)標(biao)題文字最(zui)(zui)大區間為(wei)420*110,如果(guo)沒有副(fu)標(biao)題,最(zui)(zui)大區間可以(yi)調(diao)整至420*170

• 副(fu)標題文(wen)字最(zui)大區間為420*50

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

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

• 文字按(an)(an)鈕樣(yang)式:文字按(an)(an)鈕由文字+線(xian)框圖(tu)(tu)標(biao)組(zu)成(cheng),文字選擇黑(hei)體,樣(yang)式下(xia)劃(hua)線(xian),大小(xiao)25px;圖(tu)(tu)標(biao)樣(yang)式線(xian)框圖(tu)(tu)標(biao),高度38px,與(yu)文字間距(ju)13px,與(yu)常(chang)規(gui)按(an)(an)鈕間距(ju)16px。整體與(yu)常(chang)規(gui)按(an)(an)鈕居中排(pai)放。

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

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