微信小(xiǎo)程序

差异化策略营销解决方案

微信小(xiǎo)程序+公众号+朋友圈,用(yòng)连接绽放品牌的精彩

完整的微信H5页面设计规范

微信火了H5的专题活动页面设计也越来越多(duō)了,经常有(yǒu)朋友问H5专题设计按什么尺寸来做,

有(yǒu)没有(yǒu)统一的规范,这里就给大家分(fēn)享一套非常完整的关于微信H5活动页面设计的UI视觉设计规范教程。

希望对那些刚刚从事微信H5界面设计的小(xiǎo)伙伴们提供一些帮助。

H5活动页面
微信H5活动页面设计规范

南通微信H5活动页面设计规范

• 微信自带的顶Bar大小(xiǎo)是640*108

• 常规Logo位置:Logo高度45PX,四周间距為(wèi)30PX。

• 主标题文(wén)字最大區(qū)间為(wèi)420*110,如果没有(yǒu)副标题,最大區(qū)间可(kě)以调整至420*170

• 副标题文(wén)字最大區(qū)间為(wèi)420*50

• 主KV區(qū)域最大范围宽度小(xiǎo)于等于580*高度小(xiǎo)于等于480,位置整體(tǐ)居中处理(lǐ)

• 按钮大小(xiǎo)為(wèi)320*80(高度不得小(xiǎo)于50)

• 文(wén)字按钮样式:文(wén)字按钮由文(wén)字+線(xiàn)框图标组成,文(wén)字选择黑體(tǐ),样式下划線(xiàn),大小(xiǎo)25px;图标样式線(xiàn)框图标,高度38px,与文(wén)字间距13px,与常规按钮间距16px。整體(tǐ)与常规按钮居中排放。

Logo样式:3:2或者异形比例Logo高度為(wèi)80px,宽度不限,与主标题间距為(wèi)4px

以上就是微信APP上的H5界面设计规范。

年轻 新(xīn)势力

多(duō)一份参考,总有(yǒu)益处

联系灵通云,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可(kě)以通过以下方式与我们联系

业務(wù)热線(xiàn):0513-55080960 / 大客户专線(xiàn)   南通:13306291756