H5面設(shè)計(jì)規(guī)范

1、H5網(wǎng)頁(yè)設(shè)計(jì)規(guī)范1、非可循環(huán)平鋪圖片的背景圖，須按最大屏幕尺寸來設(shè)計(jì)，即： 1920*720 ;2、集團(tuán)、新聞?lì)惥W(wǎng)站中間內(nèi)容寬度使用1003Px ;展示、購(gòu)物類網(wǎng)站中間內(nèi)容部分寬度使用1200PX ;3、必須刪除非顯示圖層和參考線；4、命名和分組必須規(guī)范，建議使用一下命名規(guī)則（如有更合適或者更熟悉的命名規(guī)則請(qǐng)?zhí)崆芭c技術(shù)溝通）中英文均可；頁(yè)頭：header頁(yè)尾：footer欄目：column水平7垂直：H/V按鈕：btn/button點(diǎn)擊：click內(nèi)容：content/container導(dǎo)航:nav整體布局：wrapper菜單：submenu滾動(dòng)：scroll已瀏覽：visited 。頁(yè)面主體

2、：main側(cè)欄：sidebar左右中：縮寫為L(zhǎng) R C摘要：summary鼠標(biāo)懸停：hover廣告橫幅：AD/ banner5、建議將每個(gè)獨(dú)立控件設(shè)計(jì)有明顯的邊界，如果不能給出明顯邊界，請(qǐng)?jiān)谠O(shè)計(jì)稿中標(biāo)出與鄰近控件的距離；6、段落文字必須給出行高，必須使用 10號(hào)以上字體，建議使用1.5倍行高和14號(hào)字體。7、需要后臺(tái)添加的文字（標(biāo)題、內(nèi)容等）必須使用常用字體，即宋體和微軟雅黑；H5手機(jī)頁(yè)面設(shè)計(jì)規(guī)范1、PSD按照寬度640PX,高度不限來設(shè)計(jì)；2、可點(diǎn)擊部件不可小于88PX,（如果不夠提交設(shè)計(jì)稿的時(shí)候特別說明）。3、所有部件的尺寸大小必須是雙數(shù)。4、每個(gè)按鈕需要有四個(gè)狀態(tài)：默認(rèn)、按下、選中、不可選。至少需要考慮：默 認(rèn)和不可選兩個(gè)狀態(tài)。佞下I 選中I不可點(diǎn)擊5、除廣告圖片外，其他圖形部件盡量用圖形工具繪制 6、可點(diǎn)擊部件盡量和屏幕四邊保持 20-30PX的距離7、設(shè)計(jì)的時(shí)候盡量以一個(gè)使用者的角度去設(shè)計(jì)，判斷哪個(gè)頁(yè)面需要狀態(tài)欄，哪個(gè)頁(yè)面只需要一個(gè)返回按鈕8、iPhone輸入法自帶搜索按鈕，沒有必要再在頁(yè)面上進(jìn)行顯示評(píng)我褶辭干You