小編由于所處行業(yè)和工作性質(zhì)的原因，可以說要花費很多時間泡在各種SEO論壇和網(wǎng)站設(shè)計的網(wǎng)站，例如站長之家和A5都是小編經(jīng)常逛的地方。但是，這幾天小編驚奇的發(fā)現(xiàn)，站長之家首頁進(jìn)行了改變，相比之前的網(wǎng)站，現(xiàn)在的站長之家給人的一種感覺，無論從色彩和尋找信息的角度出發(fā)都更加容易。

首先，小編認(rèn)為網(wǎng)站的整體風(fēng)格。選擇顏色的搭配，對于網(wǎng)站來說，就要充分照顧到行業(yè)。一個網(wǎng)站良好的版面風(fēng)格決定了用戶對于網(wǎng)站的好壞印象，也決定了網(wǎng)站能否吸引到客戶。如果我們在選擇網(wǎng)站風(fēng)格中，選擇的顏色給人一種壓抑的感覺或者在顏色方面過于明亮和太絢麗就給人的眼球造成一種負(fù)擔(dān)，用戶的行為可能就是立馬關(guān)閉網(wǎng)站或者點擊進(jìn)入下一個頁面，以躲開這種行為給人造成過度傷害。

因此，選擇網(wǎng)站風(fēng)格，盡量選擇柔和或者是暖色，例如站長之家選擇的就是一種藍(lán)白基調(diào)，這種就給人在視覺上不會造成任何的傷害。同樣A5選擇也是這樣一種風(fēng)格基調(diào)，小編在使用這么長不會出現(xiàn)視覺疲勞。所以，在選擇風(fēng)格中，就要充分照顧到用戶。

接下來，是網(wǎng)站的字體大小。在字體的選擇中，也是有講究的。如果網(wǎng)站字體在這個頁面都選擇同樣大小，這就很容易給人一種很亂的感覺。小編在這里說一句不要給用戶設(shè)置難度，用戶其實是很懶，不會刻意對你網(wǎng)站都進(jìn)行全面的查看，除非是你的對手。然而，站長之家這次改版在字體選擇中給小編很好的啟發(fā)。

在網(wǎng)站頭條中采用紅色字體，熱點閱讀也是使用紅色，專欄選擇藍(lán)色。字體大小選擇適中，這種鮮明的字體表達(dá)方式，給小編的一種很清楚的感覺，既不顯拖泥帶水，又能清晰表達(dá)出標(biāo)題和頭條以及文章的描述。

導(dǎo)航條的細(xì)分。之前小編清楚的知道，站長之家都是采用了一個導(dǎo)航條的形式。只是對主要版塊，進(jìn)行集合，能出首頁主導(dǎo)航。這次站長之家改版就采用了細(xì)分的原則，一級欄目后面緊接著就是二級欄目。之前小編如果想要進(jìn)入二級欄目就是需要點擊一級欄目才能看到這種二級欄目，經(jīng)過這次細(xì)分之后，我們可以很輕松的進(jìn)入到二級欄目，減少小編查找信息的點擊距離。例如，之前小編查找一篇文章，可能需要點擊四次，這次只需要點擊三次或者是兩次就可以找到。

版塊采用先上后下，先左后右的原則。我們從上往下可以清楚看到網(wǎng)站頂部logo，接下來就是網(wǎng)站的導(dǎo)航，再下來就是網(wǎng)站幻燈品和頭條、推薦，然后專家專欄和原創(chuàng)文章。這樣清楚知道人的視線焦點從上往西，從左往右。不會偏離出人視線范圍、可以說這種極簡風(fēng)格小編特別喜歡。

網(wǎng)站選擇寬度的大小。我們都知道現(xiàn)在PC分為電腦筆記本和臺式機(jī)。臺式機(jī)的分辨率越來越大，但是相對來說，筆記本還是偏大。這就要求我們在網(wǎng)站策劃和設(shè)計中兼顧到筆記本和臺式機(jī)。小編在這里建議，網(wǎng)站的寬度盡量選擇1000px，這樣能充分兼顧到筆記本和臺式機(jī)。至于說移動端，這里也提醒下移動端可以選適配和建立手機(jī)站的形式。

最后一點就是網(wǎng)站的廣告位選擇。我們都知道廣告位的選擇，在選擇廣告位之前，就要先規(guī)劃出廣告位的位置，盡量不要給用戶查找信息帶來困難。之前小編查看過一個健康養(yǎng)生網(wǎng)站，在廣告位設(shè)置上，不管任何地方都放置廣告欄。這種行為根本沒有考慮過用戶體驗，這點站長之家給人一種示范作用，既設(shè)置廣告位，還能保持網(wǎng)站的極簡，干凈整潔的風(fēng)格，實屬不易。

網(wǎng)站設(shè)計兼顧到用戶體驗，應(yīng)該站到用戶的角度去思考問題。小編也是結(jié)合下自己經(jīng)驗說說網(wǎng)站設(shè)計方面，至于網(wǎng)站設(shè)計還有很多的要求，例如程序的選擇，文案的策劃等，由于小編知識有限，今天就說到這里。

延伸閱讀：

• 技巧總結(jié)！網(wǎng)頁設(shè)計師必知的高效導(dǎo)航設(shè)計三原則
• 從需求到內(nèi)容：導(dǎo)航設(shè)計總結(jié)

本文來源于鄭州云端科技http://www.cloudso.net/，轉(zhuǎn)載請保留作者鏈接，謝謝。

標(biāo)簽： 網(wǎng)站導(dǎo)航設(shè)計 導(dǎo)航欄設(shè)計 網(wǎng)站設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。