網(wǎng)頁(yè)設(shè)計(jì)和通用設(shè)計(jì)的演變，規(guī)則已經(jīng)建立，以確保一致的和實(shí)用的設(shè)計(jì)。
這些規(guī)則被創(chuàng)造是因?yàn)榫W(wǎng)站創(chuàng)造者濫用某些原則沒(méi)有為用戶(hù)考慮。
但這些規(guī)則不執(zhí)行任何人應(yīng)該被必要時(shí)，特別是當(dāng)把它們將導(dǎo)致一個(gè)驚人的設(shè)計(jì)。
在這篇文章中，我們提出了10條規(guī)則，你可以打破如果它適合你的設(shè)計(jì)需求。
 

規(guī)則1：#不顯示水平滾動(dòng)條
小鼠大量沒(méi)有水平的鼠標(biāo)滾輪。這使得它尷尬向左或者向右滾動(dòng)的時(shí)候，網(wǎng)頁(yè)的內(nèi)容超出了瀏覽器的側(cè)。
它可以是惱人得把鼠標(biāo)光標(biāo)移動(dòng)到窗口的底部和拖動(dòng)滾動(dòng)條只看到一個(gè)或者兩個(gè)，超出頁(yè)面的可視面積。就是說(shuō)，這里有一些精心設(shè)計(jì)的網(wǎng)站，把滾動(dòng)條來(lái)工作的有效途徑。

圖形化療法
而圖形化療法在其頁(yè)面上顯示沒(méi)有水平滾動(dòng)條，還可以通過(guò)單擊和拖動(dòng)水平滾動(dòng)條在屏幕上。圖形理論水平導(dǎo)航因?yàn)樗械膱D像是相同的高度，但不相同的寬度。水平導(dǎo)航幫助網(wǎng)站流量平穩(wěn)。

橫向的方法
橫向的方法是一個(gè)展示網(wǎng)站使用水平滾動(dòng)。低劣的圖形是美麗的，而這個(gè)網(wǎng)站是唯一盡CSS畫(huà)廊去。

 
規(guī)則2：#使用最少數(shù)量的字體
太多的字體通?；ハ鄾_突和征服觀眾。每種字體都很有個(gè)性，和太多的人物可以創(chuàng)造障礙。
為了有效地使用超過(guò)幾個(gè)字體設(shè)計(jì)必須面向文本，和其它的設(shè)計(jì)需要相對(duì)安靜。這里有一些網(wǎng)站使用這個(gè)意義上的沖突和混亂來(lái)吸引用戶(hù)的例子。
鏈接啦
鏈接啦在一個(gè)非線(xiàn)性的布局，創(chuàng)造出一種能使用多種字體。頁(yè)面難以閱讀快而吸引用戶(hù)。另外值得一提的是，該字體沒(méi)有過(guò)分裝飾的；每個(gè)字都是清晰的，保持設(shè)計(jì)干凈利落。

規(guī)則3：#不要使用太多的顏色
走得太遠(yuǎn)的設(shè)計(jì)就是將專(zhuān)業(yè)從菜鳥(niǎo)新秀從遺忘的恐懼。使他們的設(shè)計(jì)盡可能的極端不經(jīng)意的嘗試，有字的火，閃爍的文字，并盡可能多的顏色。
新手想保持他們的眼睛設(shè)計(jì)微妙的和容易的，但最終他們的設(shè)計(jì)有時(shí)看起來(lái)毫無(wú)生氣。以下養(yǎng)眼的設(shè)計(jì)都是用一些真正的專(zhuān)業(yè)人士誰(shuí)是推動(dòng)邊界。

Matt Mullenweg的漂亮的設(shè)計(jì)看起來(lái)像一幅水彩畫(huà)（網(wǎng)站已被我寫(xiě)這篇文章的更新）。在背景中所有的顏色會(huì)抓住任何人的注意。
一般來(lái)說(shuō)，一噸的顏色，好的設(shè)計(jì)會(huì)在后臺(tái)有這些顏色，用一種簡(jiǎn)單的調(diào)色板上。閱讀文本很難當(dāng)太多的東西。

規(guī)則4：讓你的網(wǎng)站#目標(biāo)明顯
這東西真的會(huì)擠在年輕設(shè)計(jì)師的耳朵是，設(shè)計(jì)應(yīng)該立即告訴觀眾，他們?cè)诳词裁丛谒麄冏x課文。
品牌識(shí)別的大型企業(yè)是重要的，但有時(shí)候小家伙需要聰明一點(diǎn)把觀眾的注意力。阻礙信息能激起觀眾和“逗”的人想要學(xué)習(xí)更多。
該技術(shù)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)可以大大提高用戶(hù)在您的網(wǎng)站上停留的時(shí)間。

則5：#導(dǎo)航應(yīng)該很容易找到
導(dǎo)航不應(yīng)該是一個(gè)網(wǎng)站的瓶頸。用戶(hù)應(yīng)該能夠找到他們想要的東西很快。有時(shí)候，雖然直觀但引人入勝的導(dǎo)航可以幫助用戶(hù)感受的網(wǎng)站，它是促進(jìn)。
如前所述，一種自信的表達(dá)當(dāng)一個(gè)組合不拼出來(lái)。這種情況在阿爾文唐攝影組合。當(dāng)?shù)谝粋€(gè)到達(dá)現(xiàn)場(chǎng)，用戶(hù)不會(huì)立即承認(rèn)他們看到的文字鏈接。
這種不確定性應(yīng)促使他們閑逛。移動(dòng)鼠標(biāo)到一個(gè)字，發(fā)現(xiàn)它確實(shí)是一個(gè)鏈接，并點(diǎn)擊它，一個(gè)華麗的圖片加載。照片會(huì)吸引用戶(hù)繼續(xù)瀏覽。
看到更多的照片，用戶(hù)需要點(diǎn)擊瀏覽器的“后退”按鈕（這是大多數(shù)人都明白這樣做），然后點(diǎn)擊另一個(gè)鏈接。沒(méi)有手的設(shè)計(jì)，和它的作品非常好。這不是一個(gè)傳統(tǒng)意義上的“華麗的設(shè)計(jì)，但這正好需要。

規(guī)則6：#使用不同顏色的文字和背景
這條規(guī)則也許不是寫(xiě)的所有地方，但是很多新手害怕使文本不可讀的，他們不考慮使用相同的基本顏色為背景和字體本身。你可以遵循一些簡(jiǎn)單的技巧來(lái)做類(lèi)似的顏色。

規(guī)則6：#使用不同顏色的文字和背景
這條規(guī)則也許不是寫(xiě)的所有地方，但是很多新手害怕使文本不可讀的，他們不考慮使用相同的基本顏色為背景和字體本身。你可以遵循一些簡(jiǎn)單的技巧來(lái)做類(lèi)似的顏色。

規(guī)則7：不要把#動(dòng)畫(huà)在你的內(nèi)容的方法
認(rèn)真，不彈出小flash廣告的權(quán)利，用戶(hù)閱讀。同樣，那些調(diào)查框顯示無(wú)論用戶(hù)是在一個(gè)句子中。用戶(hù)不喜歡被分心，當(dāng)他們通過(guò)一個(gè)句子中間。除非…
真的很難不被小蜘蛛ABA的網(wǎng)站。設(shè)計(jì)是干凈的，雖然蜘蛛是一個(gè)分心，沒(méi)事的。到目前為止，這個(gè)網(wǎng)站我認(rèn)為是唯一的例外。

規(guī)則8：堅(jiān)持#網(wǎng)頁(yè)安全字體
雖然字體替換技術(shù)都還年輕，他們已經(jīng)犯了一個(gè)大水花，另一個(gè)缺點(diǎn)是，如果用戶(hù)或者JavaScript或者Flash的殘疾人，他們只會(huì)看到原來(lái)的字體。所有的事情考慮，還是挺酷的。希望這是一個(gè)預(yù)覽什么來(lái)在未來(lái)幾年。

規(guī)則9：#沒(méi)有飛濺/登陸頁(yè)面
許多設(shè)計(jì)師都有同樣的老的討論與他們的客戶(hù)為什么飛濺頁(yè)是不是一個(gè)好主意。谷歌傾向于這樣的頁(yè)面級(jí)別低，他們慢下來(lái)的用戶(hù)得到他們的內(nèi)容后。但他們可以令人難以置信的美麗和鼓舞人心的如果做得正確。

規(guī)則10：不要使用表#
任何人使用表格在設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)師會(huì)立刻被經(jīng)驗(yàn)豐富的設(shè)計(jì)師新秀。表不顯示相同的在所有的瀏覽器，而且可以使源代碼看起來(lái)凌亂，但至少你會(huì)知道你得到他們。這里是一些設(shè)計(jì)納入表實(shí)例。
這張桌子是稍難看到，是藏在那里的兩把椅子之間。這是一個(gè)不錯(cuò)的小邊桌但可悲的是沒(méi)有多少貢獻(xiàn)本網(wǎng)站的設(shè)計(jì)。

至于設(shè)計(jì)表中去，這是一個(gè)最好的。兩表運(yùn)用Flash動(dòng)畫(huà)，設(shè)計(jì)了他們很多的關(guān)注。這個(gè)網(wǎng)站應(yīng)該是每一個(gè)設(shè)計(jì)師的名單，偉大的設(shè)計(jì)，使用表格。

打破規(guī)則！
打破規(guī)則是好的當(dāng)一個(gè)設(shè)計(jì)需要。許多設(shè)計(jì)選擇了這里不被普通設(shè)計(jì)師考慮。這是什么使偉大的設(shè)計(jì)師從平均的。
那些足夠勇敢的去反對(duì)他們一直被教導(dǎo)總是站出來(lái)。

牧羊人設(shè)計(jì)文章推薦：

10個(gè)網(wǎng)頁(yè)排版規(guī)則，每個(gè)設(shè)計(jì)師都應(yīng)該知道

網(wǎng)頁(yè)設(shè)計(jì)清潔標(biāo)記物嗎
多屏幕顯示優(yōu)點(diǎn)和缺點(diǎn)