国产人妻互换在线av,日日挨c哭高h1v1,亚洲人成色777777老人头,亚洲欧美SUV精品,国产精品国产免费无码专区不卡

微信小程序

差異化策略營銷解決方案

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

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

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

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

有沒(mei)有統一(yi)的(de)規(gui)范,這里就給大家分享一(yi)套非常完整的(de)關于微信(xin)H5活動頁(ye)面設計的(de)UI視覺(jue)設計規(gui)范教程(cheng)。

希望對那些剛(gang)剛(gang)從事微信(xin)H5界(jie)面(mian)設(she)計的(de)小(xiao)伙伴們(men)提供一些幫助。

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

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

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

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

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

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

• 主(zhu)KV區域最大范圍(wei)寬度(du)小(xiao)(xiao)于等(deng)于580*高度(du)小(xiao)(xiao)于等(deng)于480,位置(zhi)整體居中處理(li)

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

• 文(wen)字(zi)(zi)按(an)(an)鈕樣(yang)式(shi):文(wen)字(zi)(zi)按(an)(an)鈕由文(wen)字(zi)(zi)+線框圖(tu)標(biao)組成,文(wen)字(zi)(zi)選擇黑體,樣(yang)式(shi)下劃線,大小25px;圖(tu)標(biao)樣(yang)式(shi)線框圖(tu)標(biao),高度38px,與(yu)(yu)文(wen)字(zi)(zi)間距13px,與(yu)(yu)常規按(an)(an)鈕間距16px。整(zheng)體與(yu)(yu)常規按(an)(an)鈕居中排(pai)放。

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

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