微信小程序

差異化策略營銷解決方案

微信小程序+公衆号+朋友圈,用連接綻放品牌的(de)精彩

首頁 > 微活動

完整的(de)微信H5頁面設計規範

微信火了(le/liǎo)H5的(de)專題活動頁面設計也(yě)越來(lái)越多了(le/liǎo),經常有朋友問H5專題設計按什麽尺寸來(lái)做,

有沒有統一(yī / yì /yí)的(de)規範,這(zhè)裏就(jiù)給大(dà)家分享一(yī / yì /yí)套非常完整的(de)關于(yú)微信H5活動頁面設計的(de)UI視覺設計規範教程。

希望對那些剛剛從事微信H5界面設計的(de)小夥伴們提供一(yī / yì /yí)些幫助。

H5活動頁面
微信H5活動頁面設計規範

濟南微信H5活動頁面設計規範

o 微信自帶的(de)頂Bar大(dà)小是(shì)640*108

o 常規Logo位置:Logo高度45PX,四周間距爲(wéi / wèi)30PX。

o 主标題文字最大(dà)區間爲(wéi / wèi)420*110,如果沒有副标題,最大(dà)區間可以(yǐ)調整至420*170

o 副标題文字最大(dà)區間爲(wéi / wèi)420*50

o 主KV區域最大(dà)範圍寬度小于(yú)等于(yú)580*高度小于(yú)等于(yú)480,位置整體居中處理

o 按鈕大(dà)小爲(wéi / wèi)320*80(高度不(bù)得小于(yú)50)

o 文字按鈕樣式:文字按鈕由文字+線框圖标組成,文字選擇黑體,樣式下劃線,大(dà)小25px;圖标樣式線框圖标,高度38px,與文字間距13px,與常規按鈕間距16px。整體與常規按鈕居中排放。

Logo樣式:3:2或者異形比例Logo高度爲(wéi / wèi)80px,寬度不(bù)限,與主标題間距爲(wéi / wèi)4px

以(yǐ)上(shàng)就(jiù)是(shì)微信APP上(shàng)的(de)H5界面設計規範。

十九年 建站經驗

多一(yī / yì /yí)份參考,總有益處

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

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

業務熱線:400-606-8008 / 大(dà)客戶專線 濟南:15589999555