雖然網(wǎng)站設(shè)計(jì)是一項(xiàng)創(chuàng)意工作，特別是首頁的設(shè)計(jì)，作為訪客首先看到的頁面，按照“先入為主”的定律，首頁設(shè)計(jì)的好壞直接決定了用戶的第一印象，所以，首頁必須設(shè)計(jì)的出彩，因?yàn)檫@是一個(gè)網(wǎng)站好壞非常重要的因素。但是，網(wǎng)站首頁設(shè)計(jì)也是有規(guī)律的，如下六條規(guī)律，是設(shè)計(jì)師應(yīng)該遵循的。
 

使用視覺層級(jí)

根據(jù)重要性來表示元素有助于訪問者了解什么是重要的，什么是需要注意的。然而，請(qǐng)記住，重要性的定義是基于你的受眾想要什么，而不是你想要什么。創(chuàng)建信息塊，并把它們放在你的主頁的層次結(jié)構(gòu)。這將按照內(nèi)容的優(yōu)先順序和相關(guān)性顯示數(shù)據(jù)。您可以通過將最重要的信息放置在最上方的左側(cè)以及將最不重要的信息放置在頁面的末尾來合并視覺層次結(jié)構(gòu)。在寫標(biāo)題和副標(biāo)題時(shí)，你還應(yīng)該把相關(guān)的內(nèi)容分組，并使用不同的字體。應(yīng)該在開頭以粗體顯示call-to-action，以吸引用戶的注意。

不要添加太多文本

由于高質(zhì)量的圖像、圖標(biāo)、動(dòng)畫和其他視覺效果，主頁看起來很有吸引力。訪客不會(huì)期望網(wǎng)站上有太多的文字。最初，用戶訪問網(wǎng)站是為了直觀地體驗(yàn)網(wǎng)站，而不是閱讀詳細(xì)的介紹。所以，盡量避免長段落，壓縮信息，創(chuàng)建一個(gè)有效的單行文本。這將突出引人注目的內(nèi)容，減少視覺噪音，并使頁面緊湊。這些文本為網(wǎng)站提供了價(jià)值，而不占用太多空間。

不要太有創(chuàng)意

有些設(shè)計(jì)元素在每個(gè)網(wǎng)站中都很常見，你不應(yīng)該通過獨(dú)特的UI模式來重新設(shè)計(jì)它們。如果用戶很難理解簡單的元素意味著什么，那么他們很可能會(huì)離開這個(gè)網(wǎng)站，而不管這個(gè)網(wǎng)站的界面有多好。所以，你要設(shè)計(jì)你的網(wǎng)站，包括熟悉的圖標(biāo)和界面，共同的元素，如鏈接的方式，他們通常脫穎而出，或登錄訪問放在右上角。你也應(yīng)該把導(dǎo)航欄放在網(wǎng)站的頂部，讓用戶可以訪問。太多的標(biāo)準(zhǔn)組件的創(chuàng)造性會(huì)使你的界面難以理解，這并不能提高可用性。你可能會(huì)覺得傳統(tǒng)元素與你的網(wǎng)站設(shè)計(jì)不符，但是在創(chuàng)造性和可用性之間找到一個(gè)適當(dāng)?shù)钠胶馐呛苤匾?。一種方法是使用標(biāo)準(zhǔn)元素創(chuàng)建基本布局，然后添加有創(chuàng)意的組件。

保持設(shè)計(jì)簡單明了

首先創(chuàng)建明確的行動(dòng)按鈕，并把他們根據(jù)三分之一的規(guī)則。在視覺上，將注意力集中在“呼叫-行動(dòng)”按鈕上，而不是主頁上的其他按鈕。不斷改進(jìn)你的網(wǎng)站設(shè)計(jì)，使其易于使用。從您的用戶那里獲得反饋以進(jìn)行更改。設(shè)計(jì)的主要部分是使主頁對(duì)大多數(shù)訪問者來說具有高可用性。另外，您應(yīng)該隱藏所有額外的功能，只有當(dāng)用戶選擇查看它時(shí)才能發(fā)現(xiàn)它。此外，您應(yīng)該設(shè)計(jì)一個(gè)簡單的、一致的設(shè)計(jì)，以便用戶能夠更好地了解將要發(fā)生的事情。可以通過為你的網(wǎng)站定義一個(gè)特定的配色方案和美學(xué)來做到這一點(diǎn)。

使用負(fù)空間(或空白)

負(fù)空間實(shí)際上是網(wǎng)站設(shè)計(jì)的一個(gè)積極的方面。負(fù)空間為使用者的眼睛提供了一個(gè)休息的地方。這個(gè)空間也區(qū)分了主頁上的部分，使其更容易瀏覽。如果你在你的主頁上放了很多信息，你的用戶會(huì)對(duì)哪些信息是必要的感到困惑。你應(yīng)該保持重要信息足夠大，以吸引訪問者的注意。另外，不要在call-to-action周圍添加任何內(nèi)容，保持空白，以便突出顯示。負(fù)空間在標(biāo)題、副標(biāo)題和正文之間也提供了足夠的空間。