为您定制小程序开发及微信运营方案
微信小程序开发+公众号+朋友圈，量身定制+独立部署
微信小程序开发+公众号+朋友圈，量身定制+独立部署
微信火了H5的专【zhuān】题活动页【yè】面【miàn】设【shè】计也【yě】越来【lái】越多【duō】了，经常有朋友问H5专题设计按【àn】什么尺寸来做，
有没有统【tǒng】一的规范，这【zhè】里就【jiù】给大家分享一套【tào】非常完整的关于微信H5活动【dòng】页【yè】面设【shè】计的UI视觉设计【jì】规范教程【chéng】。
希望对那些刚刚从事微信H5界面设计的小伙伴们提供一些帮助。
• 微信自带的顶Bar大小是640*108
• 常规Logo位置【zhì】：Logo高【gāo】度45PX，四周间【jiān】距【jù】为30PX。
• 主标题文字最大区间【jiān】为420*110，如果没【méi】有副标题，最大区间可以调整【zhěng】至420*170
• 副标题文字最大区间为420*50
• 主KV区域最大范围宽度【dù】小于等【děng】于580*高度小【xiǎo】于等于480，位【wèi】置整体居中处理
• 按钮大小为320*80（高度不得小于50）
• 文字按钮样【yàng】式【shì】：文【wén】字按钮由文字+线【xiàn】框图标组成，文字选择【zé】黑【hēi】体，样【yàng】式【shì】下【xià】划线，大小25px；图标样式线框图标，高度38px，与文字【zì】间距13px，与常规按钮间距16px。整体与常【cháng】规按【àn】钮【niǔ】居中排放。
Logo样式：3:2或者异形比例Logo高度【dù】为80px，宽度【dù】不限【xiàn】，与主标【biāo】题间距为4px
以上就是微信APP上的H5界面设计规范。