做網站的設計規範，該如何做？

做網站是一(yī)件很繁瑣的事情，因爲在設計時要考慮很多事情。爲了簡化網站設計這件事，武漢網站制作公司翊衆世紀列舉了每個網站設計者都應該考慮的行爲準則，包括能做什麽，不能做什麽。放(fàng)心，這些準則都是一(yī)些很簡單的原則。

1、在不同設備上采用相似的設計

用戶可以通過不同類型的設備訪問你的網站，這些設備包括：電(diàn)腦、平闆、手機、音樂播放(fàng)器、甚至是智能手表等。無論用戶使用什麽設備訪問你的網頁，确保他們具有類似的體(tǐ)驗，這是用戶體(tǐ)驗設計中(zhōng)的一(yī)條重要标準。

2、導航的設計要簡單易用、清晰明了

導航設計是網頁可用性的基石。記住，如果用戶在你的網站裏找不到導航，那麽無論你的網站有多少都沒用用。這也是導航設計要遵循以下(xià)原則的原因：

簡單：每個網站都應該有盡可能簡單的結構。

清晰：導航的每項對用戶而言，都應該是清楚的。

一(yī)緻：系統的導航頁在每一(yī)頁中(zhōng)都應該是相同的。

用戶以最少的點擊次數，最快地到達他們想要浏覽的網頁。這才是導航設計的目的。

3、改變訪問過的鏈接的顔色

鏈接是導航的一(yī)個關鍵因素。假如用戶點擊過的鏈接沒有改變顔色，很可能導緻用戶多次點擊同一(yī)個鏈接。

如果用戶知(zhī)道自己過去(qù)訪問的鏈接和現在還未訪問過的鏈接，那麽用戶會更容易決定自己下(xià)一(yī)次要點擊什麽。

4、讓頁面浏覽變得更容易

用戶浏覽我(wǒ)(wǒ)們的網頁時，并不是通讀所有的内容，而是快速地掃描整個網頁。因此，如果用戶來到這個網站，是爲了尋找特定的内容或者是完成某個任務，那麽他們會先浏覽整個網頁，直到用戶找到了自己想要去(qù)的地方。因此，作爲網頁設計者的我(wǒ)(wǒ)們，應該通過設計網站可視化的層級架構幫助這些用戶盡快達成自己的目的。可視化的層級架構意味着網頁上每個元素的擺放(fàng)或呈現都具有權重（比如說，我(wǒ)(wǒ)們的設計決定了用戶先看到哪個，再看到哪個，最後看到哪個）。

我(wǒ)(wǒ)們在設計網站時，要确保網頁标題、登錄注冊按鈕、導航欄或其它同等重要的元素放(fàng)在用戶很容易看到的地方，以減少用戶尋找的時間。

用戶的視線是Z字形的

5、仔細檢查所有的鏈接

當用戶點擊網站上的一(yī)個鏈接，界面上卻出現404的錯誤頁面時，用戶很容易變得沮喪。當用戶在網站上尋找内容時，他們希望自己點擊過的每個鏈接都是自己正在尋找的那個，而不是出現404的錯誤頁面、或者點進去(qù)後，卻發現不是自己尋找的那個頁面。

6、确保能點擊的元素讓用戶看起來就能點擊

一(yī)個物(wù)體(tǐ)的樣子會告訴用戶如何使用它。看起來像按鈕或鏈接的視覺元素卻不能點擊，很容易困擾用戶，這些視覺元素包括：文字下(xià)劃線并不代表鏈接、擁有動畫效果的元素也不是超鏈接。用戶想要知(zhī)道界面上哪些區域是純靜态内容，哪些區域是可以點擊的。

讓可以點擊的元素明顯一(yī)點。

1、不要讓用戶等

網站用戶的耐心和注意力是非常小(xiǎo)的。根據NNGroup的研究，10秒是用戶集中(zhōng)注意力完成一(yī)個任務的極限。

當用戶在等待内容加載時，他們很可能會變的沮喪。如果加載速度很慢(màn)，用戶很可能會離(lí)開(kāi)這個網站，即使是足夠漂亮的加載動畫設計也無法改變這個結果。

2、在新标簽頁打開(kāi)鏈接

在新标簽頁打開(kāi)鏈接的設計讓用戶無法使用“返回”按鈕返回之前的頁面。這是非常不好的設計。

3、整個網站充斥着廣告

促銷和廣告會掩蓋網站裏的内容，也會讓用戶很難集中(zhōng)注意力去(qù)完成任務，更不用說那些看起來像廣告的事情常常會被用戶忽略（這種現象被稱爲：旗幟盲點）。

4、滾動劫持

滾動劫持是指：網站的設計者或開(kāi)發者控制滾動條，從而使得用戶在滾動鼠标時，會在網站上看到不同的效果，包括動畫效果、固定的滾動點、甚至是重新設計過的滾動條。滾動劫持是用戶最不喜歡的設計之一(yī)，因此，它奪取了用戶控制滾動條的權利。當你設計網站時或設計用戶界面時，你應該讓用戶自己決定自己浏覽的網頁或APP的位置。

5、自動播放(fàng)視頻(pín)

在後台自動播放(fàng)視頻(pín)、音樂或聲音文件，都是用戶難以接受的設計方式。用戶很少使用這些元素，除非是在适當的時候。

Facebook會在網頁上自動播放(fàng)視頻(pín)，但是在靜音狀态。但是當用戶意識到自己在看視頻(pín)時，用戶可以自己點擊屏幕決定聲音的有無以及大(dà)小(xiǎo)。

6、爲了網站的美觀犧牲網站的可用性

一(yī)個網站或用戶界面的設計不應該因爲内容影響用戶的消費(fèi)能力。最好不要在文字後使用繁重的背景、也不要使用讓用戶很難閱讀或顔色對比不明顯的配色方案。

7、使用閃爍的文字或廣告

閃爍的内容或閃爍會導緻易感人群的癫痫病。這樣的設計不僅能引發癫痫，而且還會因吸引用戶的注意力而惹惱用戶。所以請不要使用閃爍的文字。

每個行業都有規範，做網站當然也是一(yī)樣，并不是随意發揮，要适當而行，不同行業，不同企業的設計風格及規範也是不一(yī)樣的，比如說政府網站你能設計的很卡通可愛嗎(ma)？所以還請各位做網站的設計師們注意規範化，這種用戶體(tǐ)驗，把網站創造成藝術品！