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

    如何從用戶角度設計網(wǎng)站和導航

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

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

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

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

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

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

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

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

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