用戶(hù)進(jìn)入一個(gè)網(wǎng)站，首先看到的網(wǎng)站主頁(yè)。一個(gè)常規(guī)的網(wǎng)站，首頁(yè)是網(wǎng)站的主要核心部分。以前，設(shè)計(jì)理論是網(wǎng)站頁(yè)面只要有足夠的位置，就要往里填充相應(yīng)的內(nèi)容，整個(gè)網(wǎng)站沒(méi)有任何空白的地方，這樣看起來(lái)比較豐滿(mǎn)。但其實(shí)，這樣的做法是不太對(duì)，除非是一些商城網(wǎng)站和一些分類(lèi)信息網(wǎng)，但就算這些網(wǎng)站，也會(huì)適當(dāng)在的內(nèi)容區(qū)添加廣告圖片，讓網(wǎng)站不至于太過(guò)單調(diào)�，F(xiàn)在，網(wǎng)站太多了，每一個(gè)網(wǎng)站并非要面面俱到。只需要展示最主要的、用戶(hù)關(guān)注最高的、訪(fǎng)問(wèn)頻繁的內(nèi)容，經(jīng)過(guò)合理的布局和調(diào)整，把那些邊緣化的內(nèi)容移到不注意的角落，或者直接打入冷宮，因?yàn)閷?duì)用戶(hù)而言，這些內(nèi)容有和沒(méi)有差別不大，不如把位置留給更需要的內(nèi)容。這其實(shí)就是所謂的網(wǎng)站設(shè)計(jì)，今天，我們就針對(duì)性的講解一下網(wǎng)站首頁(yè)如何設(shè)計(jì)。

一：顏色塊設(shè)計(jì)

顏色塊，從字面上理解就是不同顏色組成的不同圖形，上面根據(jù)位置填充上所在顯示的功能，形狀可以是正方形、矩形，三角形，圓形抑或是其他不規(guī)則的圖形（當(dāng)然，圓形和矩形是比較常用的，因?yàn)檫@兩種從div+css來(lái)說(shuō)，最好處理）。色塊運(yùn)用不僅是網(wǎng)站上，像一些海報(bào)、畫(huà)冊(cè)、宣傳頁(yè)上都會(huì)經(jīng)常看到用不同顏色背景塊來(lái)區(qū)分不同的內(nèi)容。不同的色塊放在一起形成強(qiáng)烈的對(duì)比，容易引起用戶(hù)的視覺(jué)興趣，不會(huì)引起視覺(jué)疲勞，可以讓用戶(hù)更喜歡瀏覽自己的網(wǎng)站。

二：簡(jiǎn)潔留白

網(wǎng)站設(shè)計(jì)從復(fù)雜到越來(lái)越簡(jiǎn)潔化，但簡(jiǎn)潔并不等于不簡(jiǎn)單。復(fù)雜的網(wǎng)站就算有一些不足，人們也關(guān)注不到，會(huì)被豐富的內(nèi)容掩飾住。而簡(jiǎn)潔的網(wǎng)站，必須把最好的一面展示給用戶(hù)，極簡(jiǎn)設(shè)計(jì)意在通過(guò)整合或是刪除多余的頁(yè)面實(shí)現(xiàn)簡(jiǎn)潔化，留給用戶(hù)最想要知道的東西。簡(jiǎn)潔化設(shè)計(jì)通常會(huì)用到大號(hào)的加粗文字、以及超大的圖片，清晰地把重要的東西傳達(dá)出來(lái)。越是簡(jiǎn)潔的網(wǎng)站對(duì)設(shè)計(jì)人員的經(jīng)驗(yàn)要求也越高，對(duì)程序而言反而越簡(jiǎn)單。在這里我們重要提醒一下，簡(jiǎn)潔的網(wǎng)站最好是普通企業(yè)網(wǎng)站，如果是一些商城，那做得簡(jiǎn)潔，反而會(huì)讓人感覺(jué)到無(wú)所適從。商城和功能性的網(wǎng)站，最好還是大眾化一點(diǎn)，這樣更利于普通用戶(hù)使用。

三：用圖片做整個(gè)網(wǎng)頁(yè)背景
網(wǎng)站背景是一個(gè)比較糾結(jié)的選擇，因?yàn)橛玫膱D片小了不清楚，讓人看著有點(diǎn)虛，如果用高清圖片，那就比較大，這樣影響網(wǎng)站加載速度。但對(duì)于傳統(tǒng)企業(yè)網(wǎng)站而言，直接使用一張相關(guān)圖片作為網(wǎng)站背景，可以讓用戶(hù)仿佛進(jìn)入企業(yè)大門(mén)一樣，如果你的背景圖片選擇的是你的企業(yè)照片或企業(yè)環(huán)境照片，這樣更加可以潛意識(shí)里把網(wǎng)絡(luò)上和真實(shí)企業(yè)聯(lián)系在一起。而網(wǎng)站整體用上背景，多用于一些旅游網(wǎng)站，試想一下，一個(gè)旅游景點(diǎn)，把最好的旅游景點(diǎn)作為背景，用戶(hù)在瀏覽網(wǎng)站的時(shí)候，效果一下就出來(lái)了。同樣的，對(duì)于一些城市社區(qū)網(wǎng)站，使用城市圖片或者社區(qū)圖片做背景，同樣給人如臨其境的感覺(jué)，一下拉近了用戶(hù)和網(wǎng)站之間的關(guān)系。

四：滾動(dòng)特效

網(wǎng)站，如果不想給人一種一潭死水的感覺(jué)，就要適當(dāng)使用一些特效。常用的無(wú)疑滾動(dòng)效果是最多的，用戶(hù)每訪(fǎng)問(wèn)一屏都有一個(gè)不同滾動(dòng)的版塊，可以加深用戶(hù)對(duì)網(wǎng)站的好感。深入一點(diǎn)來(lái)說(shuō)，對(duì)于更加高大上的網(wǎng)站，當(dāng)你的網(wǎng)站以流暢、動(dòng)感的方式展示介紹一些網(wǎng)站信息時(shí)，滾動(dòng)特效與視差感覺(jué)結(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ù)上原因，不是所有的用戶(hù)都喜歡這種相對(duì)前衛(wèi)的首頁(yè)設(shè)計(jì)。

每個(gè)網(wǎng)站都有一個(gè)主題，無(wú)論怎么設(shè)計(jì)，都要把這些主要內(nèi)容放在第一位。就是能夠讓用戶(hù)多欣賞自己的同時(shí)而看到想要的內(nèi)容，如果單純的是一個(gè)華而不實(shí)的網(wǎng)站，也只能讓用戶(hù)感覺(jué)好看而已。因?yàn)椋瑥挠脩?hù)體驗(yàn)來(lái)說(shuō)，用戶(hù)停留在一個(gè)網(wǎng)站頁(yè)面上，總有什么東西吸引著他，則包括的內(nèi)容有很多，當(dāng)然也包括網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)，一個(gè)設(shè)計(jì)別致一新的網(wǎng)頁(yè)，總會(huì)讓人停留一會(huì)欣賞一下，這是毋庸置疑的。北京網(wǎng)站設(shè)計(jì)鵬飛網(wǎng)絡(luò)，專(zhuān)業(yè)定制開(kāi)發(fā)設(shè)計(jì)，有需要?dú)g迎來(lái)電咨詢(xún)。