微活動

首頁 > 技術服務 > > 微信小程序 >> 微活動

完整的微信H5頁面(miàn)設計規範

微信火了H5的專題活動頁面(miàn)設計也越來越多了，經(jīng)常有朋友問H5專題設計按什麼(me)尺寸來做，

有沒(méi)有統一的規範，這(zhè)裡(lǐ)就給大家分享一套非常完整的關于微信H5活動頁面(miàn)設計的UI視覺設計規範教程。

希望對(duì)那些剛剛從事(shì)微信H5界面(miàn)設計的小夥伴們提供一些幫助。

• 微信自帶的頂Bar大小是640*108

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

• 主标題文字最大區間爲420*110，如果沒(méi)有副标題，最大區間可以調整至420*170

• 副标題文字最大區間爲420*50

• 主KV區域最大範圍寬度小于等于580*高度小于等于480，位置整體居中處理

• 按鈕大小爲320*80（高度不得小于50）

• 文字按鈕樣(yàng)式：文字按鈕由文字+線框圖标組成(chéng)，文字選擇黑體，樣(yàng)式下劃線，大小25px；圖标樣(yàng)式線框圖标，高度38px，與文字間距13px，與常規按鈕間距16px。整體與常規按鈕居中排放。

Logo樣(yàng)式：3:2或者異形比例Logo高度爲80px，寬度不限，與主标題間距爲4px

以上就是微信APP上的H5界面(miàn)設計規範。

微官網返回首頁查看更多沒(méi)有了

關于艾威

艾威服務

優勢産品

行業案例

聯系我們

0751-8883009

公司運營中心：韶關浈江區仁愛路41号 | 業務熱線：15015086515

公司研發(fā)中心：韶關浈江中路9号創業孵化基地首層 | 服務熱線：15819222015