如何進(jìn)行網(wǎng)站首頁設(shè)計的呢？通過域名進(jìn)網(wǎng)站的第一眼看到的是網(wǎng)站首頁，所以設(shè)計首頁的好壞直接關(guān)系到用戶是不是會繼續(xù)瀏覽或停留在你的網(wǎng)頁上。因此網(wǎng)站首頁設(shè)計一定要認(rèn)真考慮顏色搭配、內(nèi)容排版布局，爭取做到讓其看著漂亮大方又簡潔實用。

一.畫制草圖
先把需要在首頁展示的所有內(nèi)容，用鉛筆畫出一個大概的結(jié)構(gòu)草圖，這屬于整體規(guī)劃階段，不需要處理細(xì)節(jié)，只要使用線條畫出網(wǎng)頁整體輪廓，加上相應(yīng)的文字說明即可?？梢援嫵龆喾N不同排版風(fēng)格的效果，最后通過對比選擇出最適合此網(wǎng)站所處行業(yè)，最貼近網(wǎng)站主題的一個作為設(shè)計的基礎(chǔ)，再加以修改完善直到感覺自我滿意。

二.網(wǎng)站首頁設(shè)計
使用做圖軟件新建一個空白文檔，上面沒有任何文字內(nèi)容，也沒有任何色彩，你可以把你的草圖完整的繪制到面板上，根據(jù)草圖上的說明，加上文字內(nèi)容和logo以及相關(guān)產(chǎn)品、案例或廣告圖片，并根據(jù)用戶的要求來為導(dǎo)航及每個版塊搭配顏色，最后再一點點的修改每一塊的細(xì)節(jié)，直到看著沒有任何細(xì)節(jié)問題，整體也非常協(xié)調(diào)為止（同樣的，也可以多設(shè)計出一兩套不同顏色風(fēng)格的效果，方便客戶選擇）。

三.請同事給出建議
所謂三人行，必有我?guī)?，把你做的效果圖發(fā)給兩個以上的同事，請他們給出相應(yīng)的建議，根據(jù)他們給的意見再加以自己的經(jīng)驗，作出相應(yīng)的修改（如果自己看著沒問題，但感覺總是不太完美，可以再次發(fā)給同事，請他們給出意見，直到自己感覺非常完美）。

四.發(fā)給客戶確認(rèn)
把做好的圖片切圖做成網(wǎng)頁，然后傳到測試空間，并把網(wǎng)址發(fā)給客戶，客戶作為消費者，總會提出自己的修改需求，如果有什么問題，可以跟客戶溝通說明，最終根據(jù)客戶最后的想法修改（畢竟客戶滿意也是網(wǎng)站建設(shè)成功的標(biāo)準(zhǔn)之一）。


上面是我們設(shè)計網(wǎng)站首頁時的基本流程，希望對一些初級網(wǎng)站設(shè)計師起到一定的幫助，但只知道如何去做還是不夠的，以下我們給出一些網(wǎng)站設(shè)計遵循的原則：

1.留白：這也是最簡單的一種設(shè)計風(fēng)格，在網(wǎng)站內(nèi)容集中的區(qū)域留出足夠的空白，一方面可以避免用戶眼睛疲勞，還可以提升搜索流暢度，而且用好留白，網(wǎng)站的可讀性和易讀性都會得到非常大的改善，提升閱讀體驗的同時也更易理解。

2.對比：大多數(shù)人聽到”對比”這個詞，第一想法就是顏色上的比較，但其實對比原則中不只包含顏色，顏色只是對用戶識別頁面不同的版塊有很大的幫助，一般頁面上包含頭部，內(nèi)容區(qū)，腳部，想要很好的區(qū)分這三個區(qū)域，最好的方法就是使用不同的背景顏色。而另一種做法，就是內(nèi)容文字之間也可以使用不同顏色來對比，標(biāo)題、副標(biāo)題、簡介、詳細(xì)內(nèi)容都可以使用不同的顏色來區(qū)分，這樣用戶在滾動頁面時就可以很方便的找到哪塊是正文內(nèi)容。

3.勻稱平衡：這種做法也是大多數(shù)普通企業(yè)網(wǎng)站設(shè)計使用到的，多指左右、上下完全對照，主要體現(xiàn)在規(guī)則的順序展示，一些政府網(wǎng)站和行業(yè)門戶網(wǎng)站使用，這樣可以達(dá)到誠實、依賴的感覺。

4.異常平衡：這也是一種對照形式，只不過這種平衡是不完全勻稱的，可以是斜對角，也可以是跨度間隔很大的兩塊相同風(fēng)格區(qū)域，主要讓用戶可以產(chǎn)生熟悉感。

5.圖片說明：很多內(nèi)容是一些只能意會，不可言傳的，使用圖片就可以很好的說明，并傳達(dá)給瀏覽者更多的語言無法達(dá)到的信息。