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

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):使用交互技巧隱藏文字

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末讼稚,一起剝皮案震驚了整個(gè)濱河市括儒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌锐想,老刑警劉巖帮寻,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異赠摇,居然都是意外死亡固逗,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門藕帜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來烫罩,“玉大人,你說我怎么就攤上這事洽故”丛埽” “怎么了?”我有些...
    開封第一講書人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵时甚,是天一觀的道長隘弊。 經(jīng)常有香客問我,道長荒适,這世上最難降的妖魔是什么梨熙? 我笑而不...
    開封第一講書人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮吻贿,結(jié)果婚禮上串结,老公的妹妹穿的比我還像新娘。我一直安慰自己舅列,他們只是感情好肌割,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著帐要,像睡著了一般把敞。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上榨惠,一...
    開封第一講書人閱讀 49,829評(píng)論 1 290
  • 那天奋早,我揣著相機(jī)與錄音,去河邊找鬼赠橙。 笑死耽装,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的期揪。 我是一名探鬼主播掉奄,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼凤薛!你這毒婦竟也來了姓建?” 一聲冷哼從身側(cè)響起诞仓,我...
    開封第一講書人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎速兔,沒想到半個(gè)月后墅拭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡涣狗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年谍婉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片屑柔。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡屡萤,死狀恐怖珍剑,靈堂內(nèi)的尸體忽然破棺而出掸宛,到底是詐尸還是另有隱情,我是刑警寧澤招拙,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布唧瘾,位于F島的核電站,受9級(jí)特大地震影響别凤,放射性物質(zhì)發(fā)生泄漏饰序。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一规哪、第九天 我趴在偏房一處隱蔽的房頂上張望求豫。 院中可真熱鬧,春花似錦诉稍、人聲如沸蝠嘉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蚤告。三九已至,卻和暖如春服爷,著一層夾襖步出監(jiān)牢的瞬間杜恰,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來泰國打工仍源, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留心褐,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓笼踩,卻偏偏與公主長得像逗爹,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子戳表,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,790評(píng)論 25 707
  • 使用sketch最重要的一點(diǎn)是設(shè)計(jì)好控件的規(guī)范。 為做好設(shè)計(jì)規(guī)范需要對(duì)色彩進(jìn)行編號(hào)镣屹,比如:color_a”_1圃郊,c...
    youyeath閱讀 26,130評(píng)論 2 237
  • 說起臺(tái)灣,腦海中浮現(xiàn)的是長長的海岸線女蜈,是自行車劃過公路的痕跡持舆,還是與你躲過雨的屋檐?是夜市里的主角蚵仔煎伪窖,是肉燥做...
    洛洛莉ya閱讀 1,200評(píng)論 5 25
  • 青石板留著誰的夢(mèng)啊 一場(chǎng)秋雨 又落一地花 旅人匆匆地趕路啊 走四季 訪人家 如同昨夜天光乍破了遠(yuǎn)山的輪廓 想起很久...
    簡單alan閱讀 425評(píng)論 1 3
  • 生命是一個(gè)輪回逸寓。自己即是70古稀的父親的兒子,又是兩個(gè)孩子的父親覆山≈裆欤或許是因?yàn)檫M(jìn)入不惑之年了,人喜歡回憶過去的時(shí)光簇宽。...
    客家傳人閱讀 487評(píng)論 0 3