微信小(xiǎo)程序

差異化策略營銷解決方案

微信小(xiǎo)程序+公衆号+朋友圈,用連接綻放(fàng)品牌的精彩

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

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

有沒有統一(yī)的規範,這裏就給大(dà)家分(fēn)享一(yī)套非常完整的關于微信H5活動頁面設計的UI視覺設計規範教程。

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

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

南(nán)通微信H5活動頁面設計規範

• 微信自帶的頂Bar大(dà)小(xiǎo)是640*108

• 常規Logo位置:Logo高度45PX,四周間距爲30PX。

• 主标題文字最大(dà)區間爲420*110,如果沒有副标題,最大(dà)區間可以調整至420*170

• 副标題文字最大(dà)區間爲420*50

• 主KV區域最大(dà)範圍寬度小(xiǎo)于等于580*高度小(xiǎo)于等于480,位置整體(tǐ)居中(zhōng)處理

• 按鈕大(dà)小(xiǎo)爲320*80(高度不得小(xiǎo)于50)

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

Logo樣式:3:2或者異形比例Logo高度爲80px,寬度不限,與主标題間距爲4px

以上就是微信APP上的H5界面設計規範。

年輕 新勢力

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

聯系靈通雲,免費(fèi)獲得專屬《策劃方案》及報價

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

業務熱線:0513-55080960 / 大(dà)客戶專線   南(nán)通:13306291756