南寧網(wǎng)原根據(jù)多年豐富的南寧網(wǎng)站建設(shè)經(jīng)驗，在這篇文章中，總結(jié)一下網(wǎng)站首頁設(shè)計時一些要注意的基本事項。

首先， 我們現(xiàn)在把網(wǎng)站首頁分成7個區(qū)域，對7個區(qū)域的進行逐一分析。

1. 頂部頁眉

頂部頁眉主要用于放置公司logo，企業(yè)聯(lián)系信息，企業(yè)口號等信息，是用戶瀏覽的第一個區(qū)域。在很多網(wǎng)站設(shè)計中，發(fā)現(xiàn)該區(qū)域中l(wèi)ogo圖片背景色為白色，與頁眉底色反差太大，讓人感覺是一個色塊，而不是一個logo，而且沒有任何色彩的過度，總體感覺過于突兀，且很不協(xié)調(diào)。這是一個色彩搭配的問題，設(shè)計師對于整個網(wǎng)站色彩的搭配必須找準(zhǔn)感覺，不能隨意搭配，否則最后整個網(wǎng)站的整體美感將大打折扣！

頂部頁眉示例一

頂部頁眉示例二

2. 頂部欄目導(dǎo)航

頂部欄目導(dǎo)航安排缺少吸引瀏覽者眼球的元素，應(yīng)該貴公司更多的優(yōu)勢體現(xiàn)出來，比如“成功案例”，“我們的優(yōu)勢”。根據(jù)貴公司的自身優(yōu)勢和產(chǎn)品特性，將潛在客戶最在乎的因素結(jié)合自己的優(yōu)勢展示出來。比如您是一家做戶外LED廣告的企業(yè)，LED屏數(shù)量多，選擇性大，地理位置絕佳，人流量大，展現(xiàn)率高可能是主要的優(yōu)勢，也是潛在客戶較為關(guān)心的幾個關(guān)鍵因素，應(yīng)該著重渲染，包括之后將提到的《成功案例》和《合作伙伴》也是同理。一般如果頂部欄目數(shù)量過多的時候，一般先對欄目劃分出2-3級的層級，采取層級菜單的形式進行展示，符合瀏覽者從上至下的瀏覽邏輯。

頂部欄目導(dǎo)航示例一

頂部欄目導(dǎo)航示例二

3. 輪播Banner

首頁的輪播圖片是整個頁面最重要的部分，它占整個頁面大概40%的高度和100%的寬度，因此內(nèi)容的安排，圖片的設(shè)計，色彩的搭配，輪播動畫的展現(xiàn)等等，都很大程度地決定了整個首頁的視覺效果。如果運用得好，可以在第一時間將瀏覽者吸引在網(wǎng)站中，通過視覺沖擊給瀏覽者第一時間的認(rèn)同。

4. 新聞區(qū)域

一個網(wǎng)站內(nèi)的新聞板塊不應(yīng)該出現(xiàn)在過于靠前的位置，因為按照瀏覽者的習(xí)慣和網(wǎng)民上網(wǎng)行為分析顯示，用戶瀏覽網(wǎng)站時第一時間必然是先去瀏覽有圖片和動畫內(nèi)容的區(qū)域。因此如果新聞不是貴公司網(wǎng)站的主要展示內(nèi)容的話，建議將新聞板塊下移，讓瀏覽者第一時間能看到更有吸引力的圖文并茂內(nèi)容。

5. 成功案例

成功案例應(yīng)該是所有公司要著重宣傳的地方，也是最能展示實力的地方，因為這是潛在客戶最為關(guān)心的內(nèi)容。成功案例應(yīng)該豐富，突出，建議使用全寬排版。而且，首頁中的成功案例展示一般是合作方的logo圖片，而且必須是高清圖片，盡量不要出現(xiàn)圖片拉伸變形，質(zhì)量低有瑕疵的情況，否則不僅破壞網(wǎng)站整體美觀，實力展示的功效也大打折扣。

6. 合作伙伴

合作伙伴與成功案例同樣重要，是展示企業(yè)實力的主要元素之一。出現(xiàn)的合作伙伴數(shù)量應(yīng)盡量的多，而且不應(yīng)該使用滾動顯示。因為瀏覽者一般都沒有耐心去等待滾動，也不會去細(xì)看隱藏的部分，所以合作伙伴應(yīng)該盡多的展示出來。

7. 頁腳

頁腳主要是用來放置版權(quán)，備案信息的地方，但是如果內(nèi)容太少會顯得單薄。可以結(jié)合公司的情況將內(nèi)容豐富，比如聯(lián)系信息，微博關(guān)注，微信二維碼，友情鏈接等。

其它

另外，我們還在很多網(wǎng)站上發(fā)現(xiàn)頁面中存在腳本錯誤，如下圖

這些錯誤是由頁面中的代碼編寫錯誤造成的，一般是由網(wǎng)站制作公司程序員沒有做太詳盡的測試而忽略掉了。而且這些錯誤必須通過專業(yè)的測試工具才能發(fā)現(xiàn)，大多數(shù)不懂技術(shù)的客戶在驗收時也不會注意到。

在一個就是網(wǎng)站打開速度，網(wǎng)站正常的響應(yīng)時間應(yīng)在0.6-0.8秒之間，但是在我們對很多網(wǎng)站進行性能測試后發(fā)現(xiàn)網(wǎng)站打開速度偏慢，平均總用時1.5秒左右。提高網(wǎng)站打開速度的技巧有很多，大多與技術(shù)相關(guān)，比如使用緩存，腳本壓縮合并，圖片壓縮等技術(shù)，這里不一一列舉。

總之，對于網(wǎng)站設(shè)計一切都必須從用戶角度考慮，以用戶體驗為核心，通過引導(dǎo)性的數(shù)據(jù)展示，美觀的圖片設(shè)計和流暢的操作體驗，達到引導(dǎo)和促成消費的目的，這也是南寧網(wǎng)原建站的優(yōu)勢，每個網(wǎng)站我們都注重細(xì)節(jié)，反復(fù)推敲，精益求精地遵守以用戶體驗為中心的原則。