對網頁設計的一點看法

其實我的美工是差得令我認識的所有人無語的，本來是沒什麼資格談網頁設計這碼事的，但我有一缺點就是自以為是，因此還是忍不住說上兩句。

其實要說的也不是什麼新鮮的，都基本上被其他人說到過了，但實際上能全部做到的卻並不多。這就是為什麼我那麼無聊要寫這篇玩意來讓你們笑話。

網頁設計的作用我的理解是導航用戶進行瀏覽，提高用戶體驗效果和網頁推廣效果。因此我認為網頁設計應注意以下事項。

一、用戶體驗

1.速度優先

何為速度優先？我的理解就是一切為了網頁的載入速度讓路。這個道理搞網頁都知道，但是又幾乎所有搞網頁都曾經或仍在試圖違反它。為什麼會這樣呢？通常是一個極具創意或功能強大的hack在疑惑著網頁設計者，迫使其為了應用這個hack而犧牲一部分速度，但是hack的資源是無窮無盡的，就像毒品一樣，你用了第一個就想要用第二個，最終的後果是什麼？就是你的網頁的打開速度讓人無法忍受，根本沒有訪客來瀏覽，這時候你的hack也就純粹成為了擺設，沒人用的hack存在有何價值？

因此我對於添加hack的原則是凡是會破壞速度與功能的平衡點的hack無論多麼具有創意或功能多麼強大都必須堅定不移地捨棄或通過捨棄其它hack/改變網頁設計等方法來達到平衡。而我對於使用hack的原則則是對於用戶有用的hack才使用，實用為先。估計很多人都會罵我太現實，沒有一點藝術家的浪漫。但是我也必須很現實地告訴你，網頁設計者不是藝術家，他們存在的價值是使更多用戶訪問你的網頁，網頁設計的根本目的也是為了增加用戶瀏覽量。因此如果你覺得某個hack的效果十分華麗或功能十分有新意但用戶卻極少使用到那我會建議你將其捨棄，這純粹是個妨礙你提高網頁速度的障礙。

為何我如此注重速度？因為無數的例子告訴我們速度是信息時代成功的最關鍵的因素，最典型的例子就是Google。如果你是一個Google的用戶，相信你會注意到Google的所有服務都有一個共同點：載入速度極快。而Google的兩大競爭對手Yahoo和Microsoft的產品相較之下速度慢如蝸牛。這就是Google擊敗他們的一個關鍵因素。現代人的生活節奏很快，他們需要極高的工作效率，而如果你搜索是為了最快找到需要的信息而不是注意搜索引擎的版式多麼華麗，打開郵箱是為了查看郵件而不是為了欣賞郵箱的設計風格多麼前衛。因此這就是Google兩大服務Google搜索和Gmail的成功原因。Windows Live Mail設計得再前衛，結果我1分鐘都還沒打開郵箱我怎麼可能看得到。而Gmai雖然沒有華麗的界面，但卻可以十分快速地打開進行工作，這無疑是用戶所需要的。

因此一個快速打開的頁面帶給用戶的感覺要比一個視覺效果華麗但卻等了N久都無法打開而不能被用戶注意到的網頁要好多了，這將成為你的網站吸引用戶的關鍵因素。

2.簡潔最美

最好的例子同樣是Google。Google的所有產品的界面都並不華麗，但都是十分簡潔（這也是決定其高速的一個重要因素），用戶可以一目了然地找到需要的功能，同時又有一種舒適的感覺。相關一個十分華麗的界面卻很有可能會造成無法對用戶正確導航的後果。而且簡潔的界面比較容易進行hack的搭配，而華麗的界面由於色彩等因素，添加新的hack很有可能會破壞界面的平衡感。由於各人審美觀的不同，也許有些用戶不喜歡華麗的界面，但簡潔高效的界面無疑是所有用戶都會青睞的。

因此大刀闊斧地對你的界面進行改造吧，把那些華而不實影響對用戶的導航的元素去處，只留下真正有用的元素，這將對新用戶起到至關重要的作用。

3.個性化的設計

網頁設計最忌諱的就是同質化的設計。如果用戶看了N個網站都是使用那令人審美疲勞的模版，而你的網站卻特立標新，那絕對會帶來一種極大的視覺衝擊力。因此如果你看到一個模版十分喜愛，但卻已經被大量網站所使用，一定要堅決放棄，否則你的網站只會被用戶所忽略。

儘管用戶對一個網站的評價最主要是取決於網站的內容，但是如果沒有恰當的網頁設計，很可能會使用戶忽略好的內容，網頁設計是用戶對網站的第一印象，因此避免同質化的網頁設計是使用戶關注內容的前提。

二、搜索引擎優化

可能許多網頁設計者對此都相當不屑，他們的理由也十分正當，如果過於關注搜索引擎的優化就會破壞用戶體驗效果。但是我的看法是實際上一些恰當簡單的搜索引擎優化技巧對於用戶體驗效果不僅不會造成破壞，而且能起到更好的推廣作用，何樂而不為呢？

1.網頁結構優化

使用div+css的架構，這一架構的優勢十分顯著，修改方便，而且可以選擇讓搜索引擎bot先對正文部分進行爬行而避免因Head和Sidebar的信息多次重複而提前中止了對正文部分的爬行，使bot在最短時間內索引到網頁的核心內容。

2.標題、描述、關鍵字、排版的優化

標題字數控制在35個漢字以內，將你的網頁主要內容和要優化的關鍵字體現在標題上。而描述和關鍵字則要盡量全面地覆蓋你需要優化的關鍵字。排版上要多運用加粗、添加下劃線、使用斜體、使用H1、H2、H3等標籤來突出要優化的關鍵字，並且盡量將關鍵字的密度保持在6%-10%之間。

3.細節的優化

主要就是注意多交換鏈接和保證交換鏈接的質量。一個頁面內的外鏈數量最多不要超過3個，最好保持在1－2個，內鏈數量越多越好。對於圖片添加鏈接以及添加alt說明，讓搜索引擎可以讀懂你的圖片並索引你的網頁。內容盡量原創，搜索引擎對於頁面相似度高的站點會採取一定的懲罰措施。

4.製作和提交sitemap

提交你的sitemap到Google Webmaster Tools和Yahoo! Site Explorer，以及提交你的網站到其它各大搜索引擎和DMOZ等網站目錄。幫助搜索引擎更好地索引你的站點。

基本上我認為對於網頁設計這些是需要注意的，但由於我的實際經驗太少，可能會有錯漏，請各位提出意見。

版權聲明：本作品作者為IwfWcf，首發於IwfWcf『s Blog，轉載請遵循知識共享署名-非商業性使用-相同方式共享 2.5 許可協議並註明出處。