隨著互聯(lián)網(wǎng)技術的提升，網(wǎng)站不再單純的是在PC端上能夠瀏覽。更多的人會傾向于手機站的制作，手機站與PC端的H5網(wǎng)頁設計標準有不同。

       一、什么是H5網(wǎng)頁

       H5網(wǎng)頁簡單的說就是利用html5制作出來的頁面。HTML 5有兩大特點：首先，強化了 Web 網(wǎng)頁的表現(xiàn)性能。其次，追加了本地數(shù)據(jù)庫等 Web 應用的功能。

       二、H5網(wǎng)頁設計標準

       1、非可循環(huán)平鋪圖片的背景圖，須按最大屏幕尺寸設計，即：1920×720；

       2、彈性動效，屬于網(wǎng)站動效的一種。如何應用彈性動效，首先要認清現(xiàn)實，找到切入點；

       3、 必需刪除參考線和非顯示圖層；

       4、分組和命名須標準，倡議運用命名規(guī)矩，中英文均可；

       5、當今設計范疇，用戶須要更多的線索，網(wǎng)站建設通知他們要做什么。一些簡樸的動畫可以引誘用戶，同時不會轉變審美。這有助于增添指令和命令設計系統(tǒng)，簡樸的視覺能為用戶供給足夠的方向。

       6、段落文字須給出行高，須運用10號以上字體，倡議運用1.5倍行高和14號字體。

       7、須要后盾增加的文字（題目、內容等）網(wǎng)站建設須運用罕用字體，即微軟雅黑和宋體；

       三、H5手機頁面設計標準

       1、PSD依據(jù)寬度640PX，高度不限來設計；

       2、 可點擊部件不可小于88PX。

       3、 一切部件的尺寸大小須是單數(shù)。

       4、簡約的動畫后果是贊助用戶理解產(chǎn)品的絕佳工具網(wǎng)站建設，例如應去點擊哪個按鈕，或在網(wǎng)站中如何進行下一步。

       5、除廣告圖片外，其余圖形部件盡量用圖形工具繪制。

       6、 可點擊部件盡量和屏幕四邊維持20－30PX的間隔。

       7、有時動畫元素的宗旨單純?yōu)榇蛟煲曈X后果，這點被普遍認可。這種裝潢性的動畫后果有助于情懷的傳遞或在用戶與界面間樹立情緒聯(lián)絡。

       不平凡軟件，鄭州軟件開發(fā)公司，鄭州軟件開發(fā)，鄭州軟件定制，鄭州微信開發(fā)，鄭州進銷存定制開發(fā)，鄭州OA系統(tǒng)開發(fā)，鄭州軟件開發(fā)公司