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

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

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

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

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


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

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

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

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

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

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