設(shè)計(jì)在網(wǎng)站的建設(shè)中起著重要作用，用戶打開網(wǎng)站的第一印象，不是直接看單獨(dú)某塊頁(yè)面，也不是一眼就能找到自己想要的點(diǎn)，而是網(wǎng)站整體的感覺是否美觀，會(huì)不會(huì)讓人停留在這個(gè)頁(yè)面深入了解以及進(jìn)行二次點(diǎn)擊的想法。 

隨著網(wǎng)站設(shè)計(jì)不斷發(fā)展，設(shè)計(jì)者和前端人員需要經(jīng)常了解和學(xué)習(xí)前端的設(shè)計(jì)潮流和應(yīng)用程序，這樣才能不斷進(jìn)步，不會(huì)被淘汰。不僅要關(guān)注頁(yè)面的美觀，還要關(guān)注是否使用，也有利于優(yōu)化。 

今天就和大家分享一下高端的網(wǎng)頁(yè)設(shè)計(jì)時(shí)應(yīng)該注意的幾點(diǎn)事項(xiàng)： 

1. 網(wǎng)頁(yè)版式結(jié)構(gòu) 

皮屑狀導(dǎo)航，扁平的樹狀結(jié)構(gòu)。為便于網(wǎng)站優(yōu)化，為便于百度收錄，降低頁(yè)面層次，點(diǎn)擊首頁(yè)不超過三次就能到達(dá)網(wǎng)站任意一個(gè)頁(yè)面，任何頁(yè)面都能很快返回到所需頁(yè)面。 

行業(yè)的細(xì)分使得設(shè)計(jì)的外延大大豐富，如今的設(shè)計(jì)已經(jīng)有了網(wǎng)頁(yè)設(shè)計(jì)、圖形設(shè)計(jì)、組織結(jié)構(gòu)設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、設(shè)計(jì)思維等眾多小分支。 

2. 劃分框架 

在做網(wǎng)站設(shè)計(jì)之前，要分清展現(xiàn)內(nèi)容的主次與優(yōu)先級(jí)，給它建立一套完整清晰的框架。將需要放在網(wǎng)站中的內(nèi)容，如圖片，團(tuán)隊(duì)展示，發(fā)展歷程等，確定好位置，形成大致的框架，讓一切內(nèi)容變得有理可循，更符合用戶的使用習(xí)慣，也能更好的展示公司品牌風(fēng)貌。 

在確定標(biāo)題的時(shí)候，也要分清主次關(guān)系，什么時(shí)候需要加粗標(biāo)重，什么時(shí)候需要放大，文字居左還是居右，這些都是需要考慮到的比較細(xì)節(jié)的點(diǎn)。 

3. 注意細(xì)節(jié) 

很多設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站的時(shí)候都沒有注意到字體元素的重要性。如果標(biāo)題和正文之間對(duì)比不明顯，會(huì)破壞整個(gè)設(shè)計(jì)，分不清主次關(guān)系。 

我們可以嘗試在字重上加粗，讓它顯得比其他文字重要，這樣有利于建立文字層級(jí)關(guān)系引導(dǎo)用戶瀏覽我們的方向。 

4. 設(shè)計(jì)應(yīng)該與產(chǎn)品相匹配 

網(wǎng)站的設(shè)計(jì)風(fēng)格要與自己的品牌產(chǎn)品相匹配，不然會(huì)顯得格格不入。 

要從產(chǎn)品的定位人群入手，設(shè)計(jì)出符合用戶審美和習(xí)慣的網(wǎng)站頁(yè)面，同時(shí)與產(chǎn)品相適宜，達(dá)到雙重加倍的效果。 

5. 慎用深色背景 

網(wǎng)站的背景顏色覆蓋了大部分區(qū)域，所以要慎重選擇。除非有專業(yè)的設(shè)計(jì)師，才能適當(dāng)考慮深色設(shè)計(jì)。 

市面上一般使用白色系或者淺色系的居多一些，一方面是為了區(qū)分黑色字母的可讀性，另一方面也是為了提高整個(gè)網(wǎng)站設(shè)計(jì)的明亮度和可讀性。 

保持適當(dāng)間距，元素之間不要過度留白，確保各元素都可以得到恰當(dāng)?shù)姆纸M，并保持一定的留白。