如何有效打破網(wǎng)頁設(shè)計(jì)規(guī)則
如何有效打破好網(wǎng)頁設(shè)計(jì)的“規(guī)則”
我們都看過的文章致力于各種網(wǎng)頁設(shè)計(jì)的“規(guī)則”的存在。事實(shí)上，他們可能已經(jīng)鉆入我們所有人令人作嘔。對(duì)很多人來說，它們是一套讓我們的生活更輕松的令人安慰的指導(dǎo)方針，至少在設(shè)計(jì)方面是如此。

但是當(dāng)你有一個(gè)不太符合規(guī)則的想法的時(shí)候呢？或者，如果你只是厭倦了按照書本做每一件事，你想創(chuàng)造性地挑戰(zhàn)自己？是規(guī)則真的確定嗎？

我的回答是，當(dāng)然不是。一方面，很多規(guī)則都過時(shí)了。因此，他們可能會(huì)在某個(gè)時(shí)間是真實(shí)的，他們沒有了。另一件事是，幾乎所有的情況都要求規(guī)則完全彎曲或斷裂。作為設(shè)計(jì)師，我們需要學(xué)會(huì)如何識(shí)別那些時(shí)光。

下面是一系列公認(rèn)的Web設(shè)計(jì)規(guī)則，以及可能要破壞它們的原因，以及如何有效地實(shí)現(xiàn)這些規(guī)則。我們還包括為每一個(gè)牢不可破的規(guī)則的例子。

你的網(wǎng)頁布局和設(shè)計(jì)應(yīng)該貫穿整個(gè)站點(diǎn)。

一致性可以幫助訪問者在你的站點(diǎn)上立刻感覺到家。這使他們更有可能四處看看，花更多的時(shí)間在那里。舒適是件好事。大部分時(shí)間。

但是這條規(guī)則有兩個(gè)問題。首先，一些設(shè)計(jì)師解釋它意味著每一頁都應(yīng)該是完全相同的。無論網(wǎng)站內(nèi)容如何，他們都會(huì)為網(wǎng)站上的每一頁使用相同的基本模板。這幾乎總是導(dǎo)致一個(gè)無聊且沒有樂趣的網(wǎng)站。

另一個(gè)問題是不同的內(nèi)容通常需要不同的設(shè)計(jì)處理。刪除站點(diǎn)上大部分的一致性可以使用戶體驗(yàn)更加有趣。請(qǐng)注意，我說的“大多數(shù)”的一致性，雖然。你會(huì)選擇一個(gè)或兩個(gè)錨點(diǎn)來讓你的訪問者在每次進(jìn)入不同的頁面時(shí)都能感覺到他們完全訪問了另一個(gè)站點(diǎn)?？紤]在你的站點(diǎn)上的每一頁上都保留一個(gè)設(shè)計(jì)元素，比如你的頁眉或配色方案或者像你的logo一樣簡(jiǎn)單的東西。

不要把重要的信息放在下面的“折”

“均價(jià)”是從報(bào)紙的設(shè)計(jì)世界緩繳期限。在報(bào)紙上，它所指的地區(qū)在頭版上半。這是通過可見的地區(qū)如果坐在報(bào)刊亭。當(dāng)天最重要的新聞和標(biāo)題位于那里吸引人購買的紙。

但這里的東西：網(wǎng)站真的沒有一個(gè)“折”。人們經(jīng)常吹噓主頁上沒有滾動(dòng)的區(qū)域是不可見的，但這不是準(zhǔn)確的翻譯。用報(bào)紙，折疊以上的區(qū)域是很重要的因?yàn)樗T使人們購買報(bào)紙。一個(gè)網(wǎng)站，有沒有這樣的決策的必要。訪問者已經(jīng)在你的網(wǎng)站上了，滾動(dòng)并不是和花錢買東西一樣的心理決定。

避免使用太多不同的字體

這個(gè)規(guī)則背后的理論是，太多的字體會(huì)使頁面看起來凌亂無序。和太多的字體使用不當(dāng)可導(dǎo)致amteurish頁最好，和一個(gè)幾乎不可讀一在最壞的情況。

但是，有很多方法可以使用多種字體，并創(chuàng)建一個(gè)華麗的和可用的網(wǎng)站。關(guān)鍵是要仔細(xì)注意你使用的字體和你使用的字體大小和重量。使用的字體，也有類似的權(quán)重，x-heights，和其他相關(guān)特性。小心混合太多的顏色或樣式。

如果你不習(xí)慣使用多種字體，你可以永遠(yuǎn)欺騙和利用一個(gè)單一的字體不同的重量和款式。這是一種更容易的技術(shù)，它會(huì)產(chǎn)生非常相似的外觀，尤其是如果您使用的字體具有多種變體（如格魯吉亞或羅馬新時(shí)代）?；旌闲斌w，粗體，小型大寫，全部大寫，大小不同可能導(dǎo)致不同的看，仍然是統(tǒng)一的。

一個(gè)恰當(dāng)?shù)睦樱好涝钊丝謶?/p>

美元糟糕的網(wǎng)站使用大量的字體。主頁上有超過二十個(gè)頁面。但總體效果令人印象深刻，在網(wǎng)站的主題中效果很好。如果僅限于一個(gè)或兩個(gè)字體，它肯定不會(huì)引人注目。

讓一切保持簡(jiǎn)單

簡(jiǎn)單高估了。我相信這句話已經(jīng)讓你有一半的信心了，準(zhǔn)備停止閱讀。簡(jiǎn)單有它的位置。但是有時(shí)候你想要一些復(fù)雜的東西。多層。這沒什么不對(duì)的。很可能，你的訪問者很聰明，如果你還想著他們的話，你就可以把事情搞清楚。

如果你或你的客戶想要的話，保持網(wǎng)站簡(jiǎn)單并沒有什么錯(cuò)。但不要把簡(jiǎn)約當(dāng)作某種網(wǎng)頁設(shè)計(jì)的圣杯。有很多情況下，一個(gè)更復(fù)雜的解決方案比一個(gè)簡(jiǎn)單的解決方案更好，最終更有用。

案例：澳洲燒烤的傳說

澳洲燒烤傳奇首頁都是很簡(jiǎn)單的。大量的內(nèi)容，動(dòng)畫，以及一個(gè)混亂的易于使用的導(dǎo)航系統(tǒng)，加上一個(gè)大背景圖像，它創(chuàng)建一個(gè)多層和復(fù)雜的印象，同時(shí)仍然是容易和有趣的使用。

把導(dǎo)航在預(yù)期的地方

傳統(tǒng)告訴我們，導(dǎo)航應(yīng)該放在頁眉或（左）一個(gè)網(wǎng)站欄。次導(dǎo)航往往是放在頁腳，但從來沒有主導(dǎo)航。

為什么？人們只看那些地方因?yàn)樗麄円呀?jīng)被訓(xùn)練去做。但有更多的可用空間，在網(wǎng)頁上可以使用。如果做得好，那些地方可以一樣容易使用在頁眉或側(cè)邊欄導(dǎo)航。

以Point為例：沒人比你更屬於這里

這個(gè)站點(diǎn)不僅不把導(dǎo)航放在預(yù)期的位置（它位于頁面的右下角），而且還使用線性導(dǎo)航。你只能去哪兒網(wǎng)站的創(chuàng)建者希望你去。