h5頁面設(shè)計(jì)規(guī)范
1翩腐、把重要內(nèi)容布局在安全線之上鸟款。
目前包含android和ios最小分辨率均在640*960之上。計(jì)算Android和ios安全區(qū)域茂卦，以android的導(dǎo)航欄和標(biāo)簽欄最大值（48+100）為準(zhǔn):960-148=812何什，從狀態(tài)欄開始812設(shè)計(jì)即是安全區(qū)域。
2等龙、可點(diǎn)擊部件盡量和屏幕四邊保持20-30PX的距離处渣。
3伶贰、設(shè)計(jì)的時(shí)候盡量以一個(gè)使用者的角度去設(shè)計(jì)，判斷哪個(gè)頁面需要狀態(tài)欄霍比，哪個(gè)頁面只需要一個(gè)返回按鈕幕袱。
4暴备、iPhone輸入法自帶搜索按鈕悠瞬，沒有必要再在頁面上進(jìn)行顯示。
5涯捻、盡可能的對(duì)頁面部件大小邊距等元素進(jìn)行大小的標(biāo)注浅妆。
6、中文字體:黑體-簡或者華文黑體障癌。英文字體:helvetica neue lt凌外。
7、字號(hào)選擇:建議最小不超過18像素涛浙，其他字號(hào)雙數(shù)康辑，同種類別下用一樣字號(hào)。
8轿亮、排版
集中:簡單集中疮薇，中心元素不易過多，突出重點(diǎn)為最優(yōu)我注。
9按咒、給開發(fā)提供圖片素材要控制在100k以內(nèi)。這樣不僅能提高加載速度但骨，還能節(jié)省用戶帶寬励七。
10、在小小的手機(jī)屏幕里奔缠，碎片時(shí)間中掠抬，我們必須先抓人眼球，再抓住人心校哎。
11两波、有時(shí)候構(gòu)思的時(shí)間比做的時(shí)間還要長。
12贬蛙、H5和app比起來優(yōu)勢(shì)在于開發(fā)周期時(shí)間短雨女，傳播起來有效率，并且在更新迭代的成本上要小很多阳准。特別在游戲上氛堕，未來H5會(huì)有更多的可能性。
13野蝇、從頁面布局上減少跳轉(zhuǎn)：使用交互技巧隱藏文字
