網(wǎng)站設計規(guī)范

創(chuàng)新互聯(lián)小編為你提供，網(wǎng)站設計規(guī)范。網(wǎng)站設計包括，網(wǎng)站代碼文件結構設計，網(wǎng)頁模塊設計，網(wǎng)頁風格設計，網(wǎng)站交互規(guī)范... ...詳情請看下文、

一、HTML代碼規(guī)范

符合國際標準的W3C規(guī)范，比如title，mate標簽的書寫，HTML 中最好不要將無內(nèi)容元素 的標簽閉合，例如：使用
而非
標簽的閉合等等書寫技巧，總之，即讓搜索引擎易識別。

二、CSS樣式文件

比如怎樣在不同兼容性的情況下調(diào)用不同的css文件，css代碼編寫時注釋的寫法，hack的識別規(guī)范等等，還有別忘了樣式的英文命名規(guī)范，讓開發(fā)者和設計者易懂，便于團隊協(xié)作。

三、文件命名和網(wǎng)站結構

比如網(wǎng)頁文件后綴的書寫，文件命名，圖片文件使用規(guī)范、網(wǎng)頁文件運行速度、怎樣去影響瀏覽者等。網(wǎng)站內(nèi)部結構包含，網(wǎng)站上線后的內(nèi)部關系結構與開發(fā)時的目錄結構，也關系到后期的搜索引擎優(yōu)化，開發(fā)者的使用便利性。再比如文件夾的使用等等。

四、網(wǎng)頁框架尺寸規(guī)范

比如一般標準設計按照寬度去設計，再在這寬度擴展成寬屏效果，這樣兼容各種分辨率，滿足不同的用戶瀏覽視覺需求。

五、頁面內(nèi)部設計的用戶體驗規(guī)范

1. 導航的規(guī)劃(可查靠《14個導航菜單網(wǎng)頁設計作品》)
2. 板塊的劃分
3. 層級的劃分
4. 廣告系統(tǒng)(如有)

視覺規(guī)范

頁面尺度規(guī)范

1. 頁面寬度以及Grid系統(tǒng)

主流瀏覽器的界面參數(shù)與份額

系統(tǒng)分辨率統(tǒng)計

頁面設計規(guī)范

1. 網(wǎng)頁設計中字體設計要規(guī)范
2. 字體字號（可參考《網(wǎng)頁設計中字體設計要規(guī)范》）
3. 通用板塊
4. 色彩要求（可參考《網(wǎng)頁設計中圖片色彩處理》）
5. K數(shù)要求
6. 頁面視覺元素要求
7. 圖標Icon庫
8. 模塊組合形式庫
9. 色彩搭配（詳情內(nèi)容可參看《網(wǎng)站建設顏色設計N+1張配色圖》、《網(wǎng)站如何配色及網(wǎng)站配色方案》）比如：

交互規(guī)范(可查看《交互網(wǎng)頁設計之新手入門手冊》)

1. 多媒體使用規(guī)范(針對特別需求的網(wǎng)站，多媒體也極大影響了網(wǎng)站的性能，是否用flash，是否用HTML5直接誒渲染，是否用js?這些，都是設計者要考慮的規(guī)范化問題。)
2. UGC操作(留言，發(fā)布，刪除)
3. 注冊與登錄
4. 搜索功能
5. 鏈接

本文名稱：網(wǎng)站設計規(guī)范
路徑分享：http://www.bm7419.com/news/160509.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站設計等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)