推薦：最容易被忽視的60個(gè)建站經(jīng)驗(yàn)
1. 首頁在哪里？您要確保在網(wǎng)站/博客頁面的頂部位置有一個(gè)明顯的首頁鏈接。 2. 將您的logo鏈向您的首頁。 3. 增加搜索框。增加搜索框可以幫助用戶很快找到他們需要的內(nèi)容。 4. 自定義您的404錯(cuò)誤頁面。自定義您的404頁面，使之提供更多的信息，對訪問者更有

一、架構(gòu)

1、網(wǎng)站首頁是兵家必爭之地，每個(gè)頻道負(fù)責(zé)人都想在顯眼的位置推薦自己的產(chǎn)品或者資訊來增加曝光率，總是希望把所有東西一下子讓用戶看到，但最后我們就發(fā)現(xiàn)你放的東西越多，用戶就根本找不到他想要的東西，快速離開的可能性很大。在國內(nèi)的門戶網(wǎng)站都習(xí)慣了資訊多、頁面長，什么都往首頁堆，感覺內(nèi)容越多會顯的越大氣，但用戶的耐性是有限的，所以網(wǎng)頁的通透性對國內(nèi)網(wǎng)站很重要，每一屏的架構(gòu)變化不宜太多，適當(dāng)就好，主次內(nèi)容信息位置保持一致性，不然用戶每瀏覽到下一屏都需要重新去解讀架構(gòu)，思考該從那里開始閱讀，不但用戶的耐性被消耗掉還會增加用戶的瀏覽成本，所以網(wǎng)站首頁的架構(gòu)必須清晰明了，保持較好的通透性，減少用戶的瀏覽成本。

例如網(wǎng)易首頁，采用三欄式結(jié)構(gòu)，左欄為導(dǎo)航推薦區(qū)提供網(wǎng)易特色產(chǎn)品入口，中欄為主要資訊區(qū)，提供快速、全面、動態(tài)的各類新聞資訊，右欄為特色欄目區(qū)如博客、論壇等。各欄的內(nèi)容屬性清晰，用戶能快速找到他們需要的信息暢順的瀏覽不需要多余的思考。

據(jù)研究分析用戶瀏覽網(wǎng)頁的視覺一般是從左到右、從上至下的一個(gè)瀏覽習(xí)慣。網(wǎng)易網(wǎng)站的架構(gòu)也在往這個(gè)方向改進(jìn)，不斷的提升用戶體驗(yàn)。網(wǎng)易資訊類頁面大致可分為3類架構(gòu)，下圖是3類架構(gòu)的視覺走向圖。

網(wǎng)易首頁采用第一種架構(gòu)，各頻道首頁例如新聞、體育、娛樂等采用第二種架構(gòu)，新聞最終頁采用第三種架構(gòu)。這樣可使用戶保持統(tǒng)一的視覺走向，無論瀏覽那個(gè)頁面用戶都知道他們需要的資訊在那里，符合用戶瀏覽網(wǎng)頁的習(xí)慣，減少用戶瀏覽成本。

二、風(fēng)格

相信多數(shù)人都很喜歡apple的產(chǎn)品，為什么apple的產(chǎn)品那么受大眾歡迎，除了品牌影響力外，時(shí)尚簡單的外觀設(shè)計(jì)和界面設(shè)計(jì)，也是受歡迎的其中原因之一，在apple的產(chǎn)品設(shè)計(jì)中讓人感覺沒有多余的東西，每一根線存在都是有意義的。還有在中國的書畫史上，有很多藝術(shù)境界高遠(yuǎn)的作品都是少費(fèi)筆墨卻格外傳神（如鄭燮的竹石、齊翁的墨蝦）。雖然網(wǎng)站設(shè)計(jì)不能稱作為一件藝術(shù)創(chuàng)作，但用最少的元素設(shè)計(jì)出最好的作品這個(gè)也是網(wǎng)站設(shè)計(jì)中所追求目標(biāo)之一。

能用一根線表現(xiàn)出效果就沒有必要使用2根線，能用文字表示清楚的就不需要用圖片。頁面設(shè)計(jì)如果使用過多裝飾元素，會造成頁面龐大下載速度緩慢，不要高估網(wǎng)民的耐性，大部分網(wǎng)民都是沒有耐性的。瀏覽大量信息的時(shí)候需要一個(gè)簡潔無阻礙的界面，過多的色彩和裝飾反而會分散用戶的注意力，影響到用戶瀏覽效果和減少對資訊的點(diǎn)擊。網(wǎng)站需要用戶看到的是網(wǎng)站提供的信息內(nèi)容和服務(wù)而不是花俏的裝飾（個(gè)性產(chǎn)品網(wǎng)站除外）。這也是網(wǎng)易門戶一直沿用簡潔風(fēng)格原因之一。

例如新改版的網(wǎng)易新聞，打破了以往條條框框的感覺，取消了多余的線框，界面更清晰簡潔，資訊內(nèi)容更突出。

列舉2個(gè)簡潔風(fēng)格做的比較好的外國門戶網(wǎng)站

Yaho新聞使用的是立體效果的設(shè)計(jì)，time是以線條為主的設(shè)計(jì)，2者給人感覺是簡潔清晰沒有多余的東西，既突出了資訊內(nèi)容又不失美感。

每個(gè)門戶網(wǎng)站的面向受眾都不同，也會造成門戶網(wǎng)站的風(fēng)格定位不一樣，例如面向受眾年齡層比較年輕的門戶網(wǎng)站，在設(shè)計(jì)風(fēng)格可能會偏向多色彩多功能，而面向受眾年齡層較大的門戶網(wǎng)站，在設(shè)計(jì)風(fēng)格上就會相反。但不管怎樣的設(shè)計(jì)風(fēng)格保持清晰方便用戶瀏覽的界面是必要的。

三、信息排布

門戶網(wǎng)站首頁一般都會承載大量的資訊信息，密密麻麻的信息會讓用戶瀏覽網(wǎng)頁的時(shí)候會產(chǎn)生壓迫感，如何能讓用戶順暢的瀏覽成為設(shè)計(jì)中重要的一環(huán)。

大家可以對比下面2張信息排布圖，信息條數(shù)都是相同的但第一張信息排布圖會讓人感覺信息很清晰。而第2張圖會讓用戶感覺到信息排布有壓迫感，可能還沒有開始閱讀就已經(jīng)沒有耐性了（忠誠度非常高的用戶例外，但這類用戶畢竟比較少）。所以在信息排布的時(shí)候到達(dá)一定行數(shù)時(shí)需要用一些留空做到視覺隔離，讓視覺上有透氣的感覺。

四、視覺順序

每天的新聞會有重點(diǎn)和非重點(diǎn)之分，有新和舊之分（舊只是相對），大部分用戶是希望先看最重要的后看非重要的，先看新的后看舊的這樣一個(gè)順序，那網(wǎng)站設(shè)計(jì)師就需要在視覺設(shè)計(jì)上引導(dǎo)用戶去瀏覽，如下圖示

在一個(gè)信息版塊里，會有第一視覺區(qū)、第二視覺區(qū)、第三視覺區(qū)，就是說當(dāng)用戶看到這一信息版塊時(shí)第一眼會落到圖片的位置，第2眼會落到大標(biāo)題上，第3眼會落到其他地方。這樣有順序的引導(dǎo)用戶瀏覽，可減少用戶的瀏覽成本，增加頁面的視覺效果。在這個(gè)信息版塊里第1視覺和第2視覺有可能會因?yàn)檫x材方面而轉(zhuǎn)換視覺，按常理圖型視覺沖擊力是大于文字的，但當(dāng)選用的圖片素材不優(yōu)的時(shí)候也會被文字所吸引過去。

五、亮點(diǎn)

在國內(nèi)的門戶網(wǎng)站有資訊多頁面長的特點(diǎn)，當(dāng)用戶瀏覽到頁面最底部而又需要瀏覽更多資訊的時(shí)候，可能需要拉到最頂部才能點(diǎn)擊導(dǎo)航瀏覽其他頁面，這是一個(gè)比較費(fèi)力的工程，一般門戶網(wǎng)站的做法是提供一個(gè)“返回頂部”的功能，新改版的網(wǎng)易頻道頁面在這個(gè)位置提供一個(gè)和頭部對應(yīng)的導(dǎo)航，不需要用戶二次點(diǎn)擊就能達(dá)到目的。如下圖：

以上從幾方面簡單分析了網(wǎng)易網(wǎng)首頁的設(shè)計(jì)思想，相信還存在很多不足的地方，但我們會不斷的摸索和嘗試，為網(wǎng)友提供一個(gè)人性化的網(wǎng)絡(luò)平臺而努力。

現(xiàn)階段國內(nèi)互聯(lián)網(wǎng)行業(yè)和一些發(fā)達(dá)國家相比確實(shí)還有一段比較遠(yuǎn)的距離，特別是在網(wǎng)站用戶體驗(yàn)上還處于摸索階段，國人對瀏覽網(wǎng)站舒適度需求也在不斷提升，因此提高網(wǎng)站的用戶體驗(yàn)是網(wǎng)站設(shè)計(jì)未來發(fā)展的方向。但因?yàn)橛脩趔w驗(yàn)是純主觀的，就帶有一定的不確定因素，個(gè)體差異也決定了每個(gè)用戶的真實(shí)體驗(yàn)是無法通過其他途徑來完全模擬或再現(xiàn)的。但是對于一個(gè)界定明確的用戶群體來講，其用戶體驗(yàn)的共性是能夠經(jīng)由良好設(shè)計(jì)的實(shí)驗(yàn)來認(rèn)識到。

分享：淺析Drupal與其它網(wǎng)站設(shè)計(jì)方法比較
Drupal內(nèi)容管理系統(tǒng) Drupal是一種基于PHP和MySQL的內(nèi)容管理系統(tǒng)。在使用Drupal創(chuàng)建和編輯網(wǎng)頁之前，需要將其安裝在網(wǎng)站服務(wù)器上（本地或者遠(yuǎn)程托管都可以）。一旦安裝成功，就可用Drupal創(chuàng)建和編輯任何網(wǎng)頁。不同規(guī)模的網(wǎng)站所需要的常見功能都可通過Drupal實(shí)