網(wǎng)站設(shè)計(jì)規(guī)范

2022-05-29    分類: 網(wǎng)站設(shè)計(jì)

創(chuàng)新互聯(lián)小編為你提供,網(wǎng)站設(shè)計(jì)規(guī)范。網(wǎng)站設(shè)計(jì)包括,網(wǎng)站代碼文件結(jié)構(gòu)設(shè)計(jì),網(wǎng)頁(yè)模塊設(shè)計(jì),網(wǎng)頁(yè)風(fēng)格設(shè)計(jì),網(wǎng)站交互規(guī)范... ...詳情請(qǐng)看下文、

一、HTML代碼規(guī)范

符合國(guó)際標(biāo)準(zhǔn)的W3C規(guī)范,比如title,mate標(biāo)簽的書寫,HTML 中最好不要將無內(nèi)容元素 的標(biāo)簽閉合,例如:使用<br>而非<br/>標(biāo)簽的閉合等等書寫技巧,總之,即讓搜索引擎易識(shí)別。

二、CSS樣式文件

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

三、文件命名和網(wǎng)站結(jié)構(gòu)

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

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

比如一般標(biāo)準(zhǔn)設(shè)計(jì)按照寬度去設(shè)計(jì),再在這寬度擴(kuò)展成寬屏效果,這樣兼容各種分辨率,滿足不同的用戶瀏覽視覺需求。

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

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

視覺規(guī)范

頁(yè)面尺度規(guī)范

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

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

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

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

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

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

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

分享標(biāo)題:網(wǎng)站設(shè)計(jì)規(guī)范
標(biāo)題路徑:http://www.bm7419.com/news9/160509.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

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

網(wǎng)站優(yōu)化排名

網(wǎng)站設(shè)計(jì)知識(shí)