H5頁面越來越流行,微信APP的H5專題頁面也越來越多,到底H5專題頁面設計有沒有統(tǒng)一的規(guī)范,按照什么尺寸設計?
微信APP的H5活動頁面設計規(guī)范中首頁基本布局如下:
常規(guī)Logo位置:Logo高度45PX,四周間距為30PX。
一、微信自帶的頂端Banner大小是640*108
二、主標題文字最大區(qū)間為420*110,如果沒有副標題,最大區(qū)間可以調(diào)整至420*170
三、副標題文字最大區(qū)間為420*50
四、主KV區(qū)域最大范圍寬度小于等于580*高度小于等于480,位置整體居中處理
五、Logo樣式:3:2或者異形比例Logo高度為80px,寬度不限,與主標題間距為4px
六、按鈕大小為320*80(高度不得小于50)
七、文字按鈕樣式:文字按鈕由文字+線框圖標組成,文字選擇黑體,樣式下劃線,大小25px;圖標樣式線框圖標,高度38px,與文字間距13px,與常規(guī)按鈕間距16px。整體與常規(guī)按鈕居中排放。
|