隨著網(wǎng)頁(yè)設(shè)計(jì)和通用設(shè)計(jì)的發(fā)展，已經(jīng)建立了確保一致性和實(shí)用性的規(guī)則設(shè)計(jì)。創(chuàng)建這些規(guī)則是因?yàn)榫W(wǎng)站創(chuàng)建者濫用某些原則，而沒(méi)有為用戶(hù)考慮這些原則。但這些規(guī)則并沒(méi)有強(qiáng)制執(zhí)行任何人應(yīng)該是必要的，特別是當(dāng)把他們會(huì)導(dǎo)致一個(gè)驚人的設(shè)計(jì)。在本文中，我們提出了10條規(guī)則，如果它適合您的設(shè)計(jì)需要，您可以打破這些規(guī)則。

　　規(guī)則一：#不顯示水平滾動(dòng)條，大量鼠標(biāo)沒(méi)有水平鼠標(biāo)滾輪。當(dāng)向左或向右滾動(dòng)時(shí)，頁(yè)面內(nèi)容超出了瀏覽器的側(cè)邊，這使得它變得很尷尬。將鼠標(biāo)光標(biāo)移到窗口底部，然后拖動(dòng)滾動(dòng)條，只看到頁(yè)面可見(jiàn)區(qū)域之外的一個(gè)或兩個(gè)，這可能會(huì)很煩人。也就是說(shuō)，這里有一些詳細(xì)的設(shè)計(jì)和有效的方法，使?jié)L動(dòng)條的工作。

　　圖形療法顯示在頁(yè)面上，沒(méi)有水平滾動(dòng)條，也可以通過(guò)單擊并拖動(dòng)水平滾動(dòng)條顯示在屏幕上。平面導(dǎo)航的圖論因?yàn)樗械膱D像都是相同的高度，但寬度不一樣。水平導(dǎo)航有助于網(wǎng)站暢通交通。

　　水平方法水平方法是使用水平滾動(dòng)的表示網(wǎng)站。劣質(zhì)的圖形是美麗的，這網(wǎng)站是唯一的CSS畫(huà)廊去。

　　規(guī)則2：使用**少數(shù)量的字體。太多的字體通常相互沖突，并征服觀眾。每種字體都有自己的個(gè)性，過(guò)多的字符會(huì)造成障礙。為了有效地使用多個(gè)字體設(shè)計(jì)必須是面向文本的，而其他字體設(shè)計(jì)則需要是相對(duì)的安靜。以下是一些網(wǎng)站使用沖突和混亂來(lái)吸引用戶(hù)的例子。鏈接，鏈接，在非線(xiàn)性布局中，創(chuàng)建一種使用多種字體的方式。這個(gè)頁(yè)面很難快速閱讀，吸引用戶(hù)。另外，值得一提的是字體沒(méi)有太大的裝飾性；字字清楚，保持設(shè)計(jì)干凈。

　　規(guī)則三：#不要用太多的顏色，走得太遠(yuǎn)設(shè)計(jì)是專(zhuān)業(yè)從菜鳥(niǎo)起怕忘的。讓他們的設(shè)計(jì)盡可能成為一個(gè)極端的隨意嘗試，用火的話(huà)，閃爍的話(huà)，盡可能多的顏色。新手想要保持他們的眼睛設(shè)計(jì)微妙和容易，但**終他們的眼睛設(shè)計(jì)有時(shí)看起來(lái)毫無(wú)生氣。下面這些吸引眼球的設(shè)計(jì)都是一些真正的專(zhuān)業(yè)人士在推動(dòng)邊境。

　　馬特·馬倫韋格（mattmullenweg）的《美麗》設(shè)計(jì)看起來(lái)像一幅水彩畫(huà)網(wǎng)站在本文中由我更新）。背景中所有的顏色都會(huì)引起任何人的注意。一般來(lái)說(shuō)，一噸的顏色，好設(shè)計(jì)會(huì)有這些顏色的背景，使用一個(gè)簡(jiǎn)單的調(diào)色板。很難把課文讀得太多。

　　規(guī)則4：明確你的網(wǎng)站目標(biāo)。這件事真的會(huì)讓年輕設(shè)計(jì)的老師們耳目一新。是的，設(shè)計(jì)你應(yīng)該立即告訴聽(tīng)眾他們?cè)谧x課文的時(shí)候在看什么。對(duì)大企業(yè)來(lái)說(shuō)，品牌識(shí)別很重要，但有時(shí)候小人物需要聰明點(diǎn)，吸引觀眾的注意力。封鎖信息能引起受眾的注意，并能“屏蔽”信息；很有趣；大多數(shù)人想了解更多。將這項(xiàng)技術(shù)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)可以大大提高用戶(hù)在網(wǎng)頁(yè)網(wǎng)站上的停留時(shí)間。

　　那么5:#導(dǎo)航應(yīng)該很容易找到，導(dǎo)航不應(yīng)該成為網(wǎng)站瓶頸。用戶(hù)應(yīng)該很快就能找到他們想要的東西。有時(shí)，直觀但引人入勝的導(dǎo)航可以幫助用戶(hù)感受網(wǎng)站，這是為了推廣。如前所述，當(dāng)一個(gè)組合沒(méi)有被表達(dá)出來(lái)時(shí)的一種自信的表達(dá)。這種情況出現(xiàn)在阿爾文唐攝影集團(tuán)。當(dāng)**個(gè)到達(dá)現(xiàn)場(chǎng)時(shí)，用戶(hù)不會(huì)立即確認(rèn)他們看到的文本鏈接。這種不確定性應(yīng)該會(huì)鼓勵(lì)他們出去玩。把鼠標(biāo)移到一個(gè)詞上，發(fā)現(xiàn)它確實(shí)是一個(gè)鏈接，點(diǎn)擊它就可以加載一幅絢麗的圖片。照片將吸引用戶(hù)繼續(xù)瀏覽。要查看更多照片，用戶(hù)需要單擊瀏覽器的“”按鈕；退后一步；按鈕（大多數(shù)人都理解這樣做），然后單擊另一個(gè)鏈接。不用手設(shè)計(jì)，效果很好。這不是“傳統(tǒng)意義上的；華麗設(shè)計(jì)，但它只是需要。

　　規(guī)則6：使用不同顏色的文字和背景這條規(guī)則可能不是到處都寫(xiě)，但是很多新手害怕讓文字看不懂，他們不考慮使用相同的基本顏色作為背景和字體本身。你可以按照一些簡(jiǎn)單的技術(shù)來(lái)制作相似的顏色。

　　規(guī)則6：使用不同顏色的文字和背景這條規(guī)則可能不是到處都寫(xiě)，但是很多新手害怕讓文字看不懂，他們不考慮使用相同的基本顏色作為背景和字體本身。你可以按照一些簡(jiǎn)單的技術(shù)來(lái)制作相似的顏色。

　　規(guī)則7：不要把動(dòng)畫(huà)放在你的內(nèi)容里，不要彈出小廣告flash供用戶(hù)閱讀。同樣，這些調(diào)查框顯示用戶(hù)是否在一個(gè)句子中。用戶(hù)不喜歡在瀏覽句子中間部分時(shí)分心。hellip除外；真的很難不做一個(gè)小蜘蛛阿壩的網(wǎng)站設(shè)計(jì)是干凈的，雖然蜘蛛是一個(gè)分心，這是可以的。到目前為止，我認(rèn)為這網(wǎng)站是唯一的例外。

　　規(guī)則8：堅(jiān)持使用網(wǎng)絡(luò)安全字體雖然字體替換技術(shù)還很年輕，但他們犯了一個(gè)很大的錯(cuò)誤。另一個(gè)缺點(diǎn)是，如果用戶(hù)或JavaScript或flash殘疾人，他們將只能看到原來(lái)的字體。這是對(duì)未來(lái)幾年將會(huì)發(fā)生的事情的預(yù)演。

　　規(guī)則9:#沒(méi)有啟動(dòng)/登錄頁(yè)許多設(shè)計(jì)老師和他們的客戶(hù)有相同的老討論為什么啟動(dòng)頁(yè)不是一個(gè)好主意谷歌傾向于頁(yè)面級(jí)別太低，以至于在用戶(hù)得到他們的內(nèi)容后他們會(huì)放慢速度。但如果做得好，它們會(huì)非常美麗和鼓舞人心。

　　規(guī)則10：不要使用表格#任何使用設(shè)計(jì)頁(yè)面設(shè)計(jì)上表格的人將立即被經(jīng)驗(yàn)豐富的設(shè)計(jì)新手取代。表并不是在所有瀏覽器中都顯示相同的內(nèi)容，而且可能會(huì)使源代碼看起來(lái)很混亂，但至少你會(huì)知道你得到了它們。下面是一些設(shè)計(jì)包含的表實(shí)例。這張桌子有點(diǎn)難看，它藏在兩張椅子之間。這是一個(gè)不錯(cuò)的小邊桌，但遺憾的是，本網(wǎng)站設(shè)計(jì)沒(méi)有太多貢獻(xiàn)。

　　至于設(shè)計(jì)表，這是**好的。這兩個(gè)表使用Flash動(dòng)畫(huà)和設(shè)計(jì)來(lái)引起它們的注意。這網(wǎng)站應(yīng)該是每個(gè)設(shè)計(jì)分區(qū)的列表，great設(shè)計(jì)，使用表格。

　　打破規(guī)則！當(dāng)a設(shè)計(jì)需要時(shí)，打破規(guī)則是好的。許多設(shè)計(jì)選擇不被普通設(shè)計(jì)教師考慮。是什么使偉大的設(shè)計(jì)大師平均水平。那些勇敢地反對(duì)他們的人總是被教導(dǎo)要站起來(lái)。

　　謝潑德設(shè)計(jì)文章建議：

　　10頁(yè)布局規(guī)則，每一頁(yè)設(shè)計(jì)都應(yīng)該知道

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

http://m.ezekroy.com/wangzhansheji/837.html 需要打破10個(gè)網(wǎng)頁(yè)設(shè)計(jì)的規(guī)則