12年
讓您的網絡營銷真正落地
無錫電(diàn)商網站建設

差異化策略營銷解決方案

綻放品牌的精(jīng)彩

完整的微信H5活動頁面設計規範

微信火了H5的專題頁面設計也越來越多(duō)了,經常有朋友問H5專題設計按什麽尺寸來做,

有沒有統一的規範,這裏就給大家分(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,如果沒有副标題,最大區(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界面設計規範。

9年 行業經驗

多(duō)一份參考,總有益處

聯系網建,免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可(kě)以通過以下方式與我們聯系

業務(wù)熱線(xiàn): 0510-82616907 / 大客戶專線(xiàn):王先生: 13665188176