H5页面越来越流行,微信APP的H5专题页面也越来越多,到底H5专题页面设计有没有统一的规范,按照什么尺寸设计?
微信APP的H5活动页面设计规范中首页基本布局如下:
常规Logo位置:Logo高度45PX,四周间距为30PX。
一、微信自带的顶端Banner大小是640*108
二、主标题文字最大区间为420*110,如果没有副标题,最大区间可以调整至420*170
三、副标题文字最大区间为420*50
四、主KV区域最大范围宽度小于等于580*高度小于等于480,位置整体居中处理
五、Logo样式:3:2或者异形比例Logo高度为80px,宽度不限,与主标题间距为4px
六、按钮大小为320*80(高度不得小于50)
七、文字按钮样式:文字按钮由文字+线框图标组成,文字选择黑体,样式下划线,大小25px;图标样式线框图标,高度38px,与文字间距13px,与常规按钮间距16px。整体与常规按钮居中排放。
|