網(wǎng)站首頁(yè)的重要性不言而喻，目前網(wǎng)站優(yōu)化目標(biāo)頁(yè)80%以上都是首頁(yè)，這就意味著，當(dāng)有陌生訪客進(jìn)入網(wǎng)站的時(shí)候，他們百分之八十的幾率訪問(wèn)的是網(wǎng)站首頁(yè)，人們常常說(shuō)，狹路相逢，第一印象很重要， 所以網(wǎng)站建設(shè)中設(shè)計(jì)一個(gè)可圈可點(diǎn)的首頁(yè)是很重要的，那么，網(wǎng)站首頁(yè)設(shè)計(jì)如何做才能有亮點(diǎn)呢?

目前，針對(duì)網(wǎng)站首頁(yè)的設(shè)計(jì)，已經(jīng)呈多元化方向發(fā)展，這樣的好處在于，可以充分滿足不同網(wǎng)站的需求，現(xiàn)在總結(jié)起來(lái)，網(wǎng)站首頁(yè)設(shè)計(jì)，大概有以下六個(gè)比較常見(jiàn)方案。

用照片做背景

網(wǎng)站背景是一個(gè)比較糾結(jié)的選擇，對(duì)于傳統(tǒng)行業(yè)而言，直接用一張照片作為網(wǎng)站背景，仿佛讓用戶直接進(jìn)入企業(yè)大門一般，這樣做可以形成強(qiáng)烈的共鳴， 也可以形成線上和線下有機(jī)的結(jié)合在一起。

而用網(wǎng)站背景做首頁(yè)，在一些旅游網(wǎng)站比較常見(jiàn)，試想一個(gè)旅游景點(diǎn)，把最好的旅游景點(diǎn)作為背景做出的網(wǎng)站，效果一下就出來(lái)了;同時(shí)，對(duì)于一些城市社區(qū)網(wǎng)站，使用城市照片或者社區(qū)圖片做背景，同樣給人如臨其境的感覺(jué)，一下拉近了和網(wǎng)站之間的關(guān)系。

色塊設(shè)計(jì)

色塊，顧名思義，就是由顏色和幾何形構(gòu)成，具有一定功能性的可視化的形狀，形態(tài)上也是多種多樣的，可以是矩形，三角形，圓形抑或是其他不規(guī)則的圖形。

色塊的運(yùn)用在版式設(shè)計(jì)中可謂多種多樣，且涉獵范圍之廣，無(wú)論是海報(bào)設(shè)計(jì)，畫冊(cè)設(shè)計(jì)，宣傳折頁(yè)設(shè)計(jì)等都會(huì)經(jīng)常見(jiàn)到。很多時(shí)候，用好色塊往往會(huì)為網(wǎng)站加不少分。

主頁(yè)采取色塊設(shè)計(jì)，這些方塊要么是純色塊配上文字，要么是方形照片配上文字。不同的色塊放在一起形成強(qiáng)烈的對(duì)比，容易引起用戶的視覺(jué)興趣，進(jìn)而繼續(xù)探索下去。

聚焦簡(jiǎn)潔

自從移動(dòng)互聯(lián)網(wǎng)攪局，網(wǎng)站設(shè)計(jì)從復(fù)雜化趨向于簡(jiǎn)潔化，簡(jiǎn)潔而不簡(jiǎn)單，復(fù)雜的網(wǎng)站，可以用龐大來(lái)掩飾一些不足，而去偽存真之后，網(wǎng)站想要簡(jiǎn)潔不簡(jiǎn)單，必須把最好的一面展現(xiàn)給用戶，極簡(jiǎn)設(shè)計(jì)旨在通過(guò)整合或是刪除多余的頁(yè)面實(shí)現(xiàn)簡(jiǎn)化，只給用戶需要的東西。極簡(jiǎn)設(shè)計(jì)通常會(huì)用到大號(hào)的加粗字體、以及超大號(hào)的圖片，清晰地把重要的東西傳達(dá)出來(lái)。

聚焦簡(jiǎn)潔，無(wú)需多言，直奔主題，雖然這樣對(duì)網(wǎng)站優(yōu)化而言有一些難度，可是，我們看看一些應(yīng)用，比如一個(gè)打車軟件，地圖、計(jì)價(jià)、聯(lián)絡(luò)方式，這幾個(gè)點(diǎn)做好了，就可以獲得用戶滿意，網(wǎng)站走心的設(shè)計(jì)，也應(yīng)該如此簡(jiǎn)單。

響應(yīng)式設(shè)計(jì)

響應(yīng)式網(wǎng)站設(shè)計(jì)是一種網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)布局，其理念是：集中創(chuàng)建頁(yè)面的圖片排版大小，可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境進(jìn)行相對(duì)應(yīng)的布局。

隨著手機(jī)和平板設(shè)備越來(lái)越多地進(jìn)入人們的生活，人們?cè)L問(wèn)網(wǎng)站的設(shè)備多了起來(lái)，如何讓用戶在不同設(shè)備上流暢的進(jìn)入網(wǎng)站呢?響應(yīng)式設(shè)計(jì)也成為了當(dāng)下網(wǎng)站開(kāi)發(fā)不可忽視的一股力量。一個(gè)可自適應(yīng)任何設(shè)備的網(wǎng)頁(yè)是很了不起的。響應(yīng)式設(shè)計(jì)能確保用戶無(wú)論是在移動(dòng)設(shè)備還是在PC上都能按你的意愿瀏覽內(nèi)容。

響應(yīng)式網(wǎng)站設(shè)計(jì)，一般應(yīng)用于三網(wǎng)合一的情景中，這是時(shí)代的進(jìn)步的需求，如果一個(gè)網(wǎng)站缺少柔韌度，那么，在其優(yōu)化推廣中，會(huì)遇到很多阻力，與時(shí)俱進(jìn)是最為明確的選擇。

視差滾動(dòng)

讓主頁(yè)從一開(kāi)始就能抓住用戶的眼球，視差滾動(dòng)的網(wǎng)頁(yè)在現(xiàn)在來(lái)說(shuō)無(wú)疑是效果可以的。因?yàn)橐暡钚?yīng)使背景圖像的移動(dòng)速度低于前景中的內(nèi)容，從而產(chǎn)生深度和沉浸感。當(dāng)你的網(wǎng)站想要以流暢、線性的方式講述一個(gè)故事時(shí)，滿屏滾動(dòng)與視差效應(yīng)的結(jié)合可以創(chuàng)造一個(gè)完全沉浸式的瀏覽體驗(yàn)。

視差滾動(dòng)就是讓多層背景以不同的速度移動(dòng)，形成運(yùn)動(dòng)視差 3D 效果。隨著越來(lái)越多的瀏覽器增加對(duì)視差的支持，這一技術(shù)也很有可能會(huì)更加流行。在短視頻如此猖獗的今天，網(wǎng)站也應(yīng)該“動(dòng)”起來(lái)，視差滾動(dòng)，或許是未來(lái)網(wǎng)站設(shè)計(jì)的一個(gè)主打方向，目前因?yàn)橐恍┘夹g(shù)上原因，不是所有的用戶都喜歡這種相對(duì)前衛(wèi)的首頁(yè)設(shè)計(jì)。