網(wǎng)站首頁(yè)是一個(gè)網(wǎng)站的重要組成部分，用戶一打開網(wǎng)站，除去部分網(wǎng)站做了引導(dǎo)頁(yè)之外，首先看到的都是網(wǎng)站首頁(yè)，并且網(wǎng)站外鏈留下的鏈接也是首頁(yè)的鏈接，那么首頁(yè)要如何設(shè)計(jì)，才能留住用戶呢。

1、審美方面

文本布局中，文本大小應(yīng)當(dāng)適當(dāng)搭配，并有一定的層次感，顏色方面可選白色或黑色（黑色為底色的網(wǎng)站使用的較少，通常是以白色為主）為底色，然后再搭配1-2種顏色，可選的色系優(yōu)先挑選logo所使用的顏色，然后從logo顏色中往冷色調(diào)或暖色調(diào)進(jìn)行延伸。最后再使用點(diǎn)晴色。

2、網(wǎng)站布局

網(wǎng)站的核心內(nèi)容應(yīng)當(dāng)直接展示在首頁(yè)除banner外的第一屏或者第二屏，核心內(nèi)容主要有產(chǎn)品、企業(yè)介紹等。用處則是讓用戶在看到相關(guān)內(nèi)容后對(duì)企業(yè)的業(yè)務(wù)或者介紹有一定的了解。然后是頁(yè)面布局需要適當(dāng)?shù)牧舭祝ㄒ簿褪莾?nèi)容版塊的左右兩邊盡可能留出一定空間），這樣使網(wǎng)站看起來會(huì)顯得簡(jiǎn)潔、框架與結(jié)構(gòu)也會(huì)更清晰，可以滿足用戶的美學(xué)。

3、banner圖

大多數(shù)企業(yè)站都會(huì)在首頁(yè)導(dǎo)航下面放置banner，即輪播的橫幅圖片，也可添加超鏈接跳轉(zhuǎn)至對(duì)應(yīng)頁(yè)面。這里的區(qū)別就在于圖片的內(nèi)容以及尺寸。企業(yè)站可使用企業(yè)內(nèi)部環(huán)境圖，外景圖或者鳥瞰圖等，再搭配文字進(jìn)行排版設(shè)計(jì)，而尺寸的話，目前所使用的banner基本上都是全屏的，然后根據(jù)顯示器的大小進(jìn)行綻放，這樣做的好處就在于在任何分辨率的顯示器下都能顯示完整的圖片，以前則是使用限定寬度的圖片，例如1000像素或1400像素等。這類情況，在顯示器較大時(shí)，則會(huì)顯示不全，使得首頁(yè)進(jìn)來第一屏就看到一張較小的圖片和兩邊過多的留白。

4、首頁(yè)各版塊的布局

首頁(yè)各版塊中有很多內(nèi)容，如介紹、產(chǎn)品圖、新聞圖等，產(chǎn)品圖和新聞圖都需要有統(tǒng)一的尺寸標(biāo)準(zhǔn)或者固定比例，且文字內(nèi)容也需要有統(tǒng)一的字體、字號(hào)以及顏色。所以在版塊布局，需要合理的整合文字和圖片，結(jié)合客戶對(duì)設(shè)計(jì)的要求進(jìn)行頁(yè)面設(shè)計(jì)。

5、突顯重要布局內(nèi)容

合理的首頁(yè)布局主要是突顯出企業(yè)較為重要的內(nèi)容，一部分突出企業(yè)介紹或理念 ，一部分突出產(chǎn)品，一部分突出服務(wù)或者優(yōu)勢(shì)等。但還是建議不要將所有的內(nèi)容都放在首頁(yè)，一是因?yàn)槭醉?yè)對(duì)應(yīng)版塊所展示的內(nèi)容往往沒有內(nèi)頁(yè)更為詳細(xì)，二是容易造成用戶的視覺疲勞。最好是將想突出展示的內(nèi)容以及對(duì)用戶來說有用、有價(jià)值的內(nèi)容放在首頁(yè)。使用戶在打開網(wǎng)站時(shí)第一眼就能看到自己想知道的內(nèi)容。

網(wǎng)站首頁(yè)的組成部分主要包括文字、圖片、視頻，將三種內(nèi)容合理的組合在一起就形成了首頁(yè)的各個(gè)版塊。

網(wǎng)站的主題應(yīng)該以用戶為起點(diǎn)，展示用戶所需要的東西或者展示你能為用戶做什么內(nèi)容。這才是首頁(yè)的真正用途所在。