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

使用視覺層級

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

不要添加太多文本

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

不要太有創(chuàng)意

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

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

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

使用負空間(或空白)

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