微信火了H5的專題活動頁面設計也越來越多了,經常有朋友問H5專題設計按什麼尺寸他說來做,
有沒有統一的規範,這裡就給大(dà)家(jiā)分享一套非常完整的關于我舊微信H5活動頁面設計的UI視覺設計規範教程。
希望對那些剛剛從事微信H5界面設計的小(xiǎo)夥伴湖紙們(men)提供一些幫助。
• 微信自帶的頂Bar大(dà)小(xiǎo)是6理分40*108
• 常規Logo位置:Logo高度45PX,四周間距為(wèi)30PX。
• 主标題文字最大(dà)區間為(wèi)420*110,如(rú)雪東果沒有副标題,最大(dà)區間可以調整至420*170
• 副标題文字最大(dà)區間為(wèi)420*50
• 主KV區域最大(dà)範圍寬度小(xiǎo)于等于580*高度小(xiǎo近關)于等于480,位置整體居中處理
• 按鈕大(dà)小(xiǎo)為(wèi)320*8些會0(高度不(bù)得(de)小(xiǎo)于50)
• 文字按鈕樣式:文字按鈕由文字+線框圖标組成,文字選擇書山黑體,樣式下劃線,大(dà)小(xiǎo)25px;圖标樣式線框圖朋她标,高度38px,與文字間距13px,與常規按鈕間距16px。整地門體與常規按鈕居中排放。
Logo樣式:3:2或者異形比例Logo高度為(wèi)80px,寬度不(b山城ù)限,與主标題間距為(wèi)4px
以上就是微信APP上的H5界面設計規範。
無論何地,我們(men)都會(huì)立即安排倍速網專聽工員免費上門與您一對一溝通(tōng)!
一對一,服務貼心周到
随時(shí)溝通(tōng)客戶,助力通(tōng)科作過
操作簡單方便,應答(dá)快捷
随時(shí)随地,輕松管理