睿虎服务

十五年如一日的坚持,只为我们对用户服务精益求精!

企业官网建设

企业官网建设

搜索推广快排

搜索推广快排

应用定制开发

应用定制开发

软件产品及服务

用户案例

精益求精的服务,最大程度提升用户产品使用价值!

新闻资讯

洞悉业界万象,观行业之趋势!

微信小程序

为您定制小程序开发及微信运营方案

微信小程序开发+公众号+朋友圈,量身定制+独立部署

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

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

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

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

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

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

微信自带的顶Bar大小是640*108

常规Logo位置:Logo高度45PX,四面间距为30PX。

主标题文字最大区间为420*110,假如没有副标题,最大区间可以调整至420*170

副标题文字最大区间为420*50

主KV区域最大范围宽度小于等于580*高度小于等于480,位置整体居中处理

按钮大小为320*80(高度不得小于50)

文字按钮样式:文字按钮由文字+线框图标组成,文字选择黑体,样式下划线,大小25px;图标样式线框图标,高度38px,与文字间距13px,与常规按钮间距16px。整体与常规按钮居中排放。

Logo样式:3:2或者异形比例Logo高度为80px,宽度不限,与主标题间距为4px

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

二十一年 建站经验

多一份参考,总有益处

联系沙漠风,免费获得专属《策划方案》及网站建设、网站设计、网站制作报价

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

业务热线:400-688-6062 / 大客户专线   深圳:15818561755

查看更多