微信小程序+公眾號+朋友圈,用連接綻放品牌的精彩
微信火了H5的專題活動(dòng)頁面設(shè)計(jì)也越來越多了，經(jīng)常有朋友問H5專題設(shè)計(jì)按什么尺寸來做，
有沒有統(tǒng)一的規(guī)范，這里就給大家分享一套非常完整的關(guān)于微信H5活動(dòng)頁面設(shè)計(jì)的UI視覺設(shè)計(jì)規(guī)范教程。
希望對那些剛剛從事微信H5界面設(shè)計(jì)的小伙伴們提供一些幫助。
? 微信自帶的頂Bar大小是640*108
? 常規(guī)Logo位置：Logo高度45PX，四周間距為30PX。
? 主標(biāo)題文字最大區(qū)間為420*110，如果沒有副標(biāo)題，最大區(qū)間可以調(diào)整至420*170
? 副標(biāo)題文字最大區(qū)間為420*50
? 主KV區(qū)域最大范圍寬度小于等于580*高度小于等于480，位置整體居中處理
? 按鈕大小為320*80（高度不得小于50）
? 文字按鈕樣式：文字按鈕由文字+線框圖標(biāo)組成，文字選擇黑體，樣式下劃線，大小25px；圖標(biāo)樣式線框圖標(biāo)，高度38px，與文字間距13px，與常規(guī)按鈕間距16px。整體與常規(guī)按鈕居中排放。
Logo樣式：3:2或者異形比例Logo高度為80px，寬度不限，與主標(biāo)題間距為4px
以上就是微信APP上的H5界面設(shè)計(jì)規(guī)范。
南通靈通云網(wǎng)絡(luò)科技有限公司（huishengbang.com）專注于移動(dòng)互聯(lián)網(wǎng),提供基于移動(dòng)互聯(lián)網(wǎng)產(chǎn)品策劃、方案、設(shè)計(jì)、開發(fā)、推廣一站式開發(fā)服務(wù)商，主要業(yè)務(wù)范疇包括：移動(dòng)電商、智慧社區(qū)、移動(dòng)支付、企業(yè)定制等。
因?yàn)槲覀兡贻p，所以我們充滿激情！因?yàn)槲覀兡贻p，所以我們創(chuàng)意十足！ 因?yàn)槲覀兡贻p，所以我們改變未來！
專業(yè)
信任
極致
微創(chuàng)新
公司地址：江蘇省南通市開發(fā)區(qū)崇州大道60號南通創(chuàng)新區(qū)紫瑯科技城3號樓701| 業(yè)務(wù)熱線：18944345766
靈通云網(wǎng)絡(luò)科技 | 蘇ICP備19033069號-1 Copyright © LINGTONGYUNSOFTWARE 2025.All right reserved.Powered by LINGTONGYUNSOFTWARE
專家團(tuán)隊(duì)為您提供 南通網(wǎng)站建設(shè), 南通網(wǎng)站設(shè)計(jì), 南通品牌網(wǎng)站設(shè)計(jì),南通營銷型網(wǎng)站制作等服務(wù),南通建網(wǎng)站就找靈通云！ | 南通網(wǎng)站建設(shè)哪家好？
