雅客部落格

本文來自：http://doc.linuxpk.com/52768.html

01明確內容
如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。

02抓住用戶
如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03優化內容
內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。

本文轉載自：http://doc.linuxpk.com/52741.html

色彩為第一視覺語言，具有影響人民心理，喚起人們感情的作用，左右我門的感情和行動。
1、可以傳達意念，表達某種確切的含義，如交通燈上的紅色表示停止，綠色表示放行的意念，已成為全世界所瞭解和承認的一種視覺語言。
2、色彩有明顯的影響情緒的作用。不同的色彩可以表現不同的情感。
3、色彩有使人增強識別記憶的作用。如富士彩色膠卷的綠色，柯達的彩色膠卷的黃色則成為消費者識別、記憶商品的標準色。
4、彩色畫面更具有真實感，充分地表現對象的色彩、質感、量感。
5、色彩能增強畫面的感染力。色彩遠較黑、白和灰色更刺激視覺神經。具有良好色彩構成的設計作品，能強烈地吸引消費者的注意力，加強藝術魅力。

一個知名網站的Master曾經告訴我“網上無菜鳥，這是名言。”的確，一向自命不凡的我自從上網之後才看到原來高手如森啊（注意，不是筆誤，而是筆者覺得“森”比“林”還多一個“木”）！在網上的一年多來，做得最多的可能就是流覽網頁（廢話）和製作網頁了，於是，我又發現眾多網頁中的製作水平可也真是良莠不齊，有的內容不錯，可是結構設計得不好；有的圖片很多，顏色靚麗，可卻華而不實，沒什麼有價值的內容。所以特總結一下網頁製作的點點滴滴奉獻大家，旨在?磚引玉，希望能夠給大家一些啟示，讓我們共同創造美好的網上世界吧……（哎呦！那兒來的香蕉皮？）

在許多糟糕的網站中，我們可以找出100條錯誤。現在，讓我們將問題集中到最嚴重的10條上。僅僅防止這些錯誤，你的網站將會遠好於你的眾多的競爭對手。
 
1、沒有策劃你的網站
在建立你的網站之前，應該確定你的網站目標。然後，根據這個目標，畫出從主頁開始到所有次頁的網站流程。無論是為了宣傳你提供的服務，還是銷售你自己製造的產品，你的網站的目標都將指導網站和網頁的設計。如果你在開始建設網站的時候就沒有一個明確的主意，那麼你建設成的網站一定顯示給用戶的是資訊和鏈結的大雜燴。
 
2、沒有把你的聯繫資訊放在明顯的地方
如果你要銷售，你就要給流覽者提供多種和你聯繫的方式。最明智的方法是建一個“聯繫我們”鏈結，用它引導出全部的聯繫資訊――電話號碼、傳真號碼、郵政位址。即使沒有人給你打電話，這些資訊的出現也會給一些流覽者帶來許多安慰。並且總是將電子郵件位址放在每一頁網頁的底部。
 
3、死鏈結
死鏈結是當點擊了這樣的超連結後，它沒有任何反應。任何流覽者都討厭這種情況。每個星期檢查一次你的網站，確保所有的鏈結工作正常。

一、注意超連結顏色與單純敘述文字的顏色呈現
 WWW的語言―HTML允許Webpage設計者特別標明單純敘述文字與超連結的顏色，以便豐富Webpage的色彩呈現。如果您的網站充滿知識性的資訊，欲傳達給訪問者，建議您將網頁內的文字與超連結顏色，設計成較乾淨素雅的色調，會較有利於閱讀∶純粹的敘述文字採用較暗、較深的顏色來呈現(如∶黑色、墨綠色、暗褐色)，超連結文字則以較鮮明搶眼的色彩來強調(如∶亮黃色、翠綠色、鮮橘色)，至於探訪過的超連結則採用較低于原超連結亮度的顏色做呈現。
 
二、測試所有的超連結與導覽按鈕的真實可行性
 Webpage上線之後，第一件該做的事，是逐一測試每一頁的每一個超連結與每一個導覽按鈕的真實可行性。徹底檢驗有沒有失敗的link無法連結到該連結的Webpage，卻反而冒出“FileNotFound”的錯誤訊號出來。這是一個負責任、夠水準的Webpage設計者對自己的作品應有的基本品質要求。
如果您果真有那麼多的超連結必須提供給讀者，不如將這些超連結以條列的方式，一筆一筆清楚地列在一選單頁或目錄頁上，既不防礙走文的順暢，又呈現一目了然的導覽連結。
 
三、讓超連結的字串長短適中且走文自然
抓住能傳達主要訊息的字眼當做超連結的錨點(anchor)，可有效地控制住超連結的字串長度，避免字串過長(如∶整行、整句都是錨點字串)或過短(如∶僅一個字當做錨點)，而不利於讀者的閱讀或點取。
 
四、當導覽按鈕連結到目前此頁時
各Webpage若重複使用同一組的導覽按鈕，無可避免地會產生某一導覽按鈕連結到目前此頁的情形。為達成介面設計的一致性，並沒有絕對的必要性拿掉此導覽按鈕，但Webpage設計者可讓此按鈕不再具有超連結的功能;或將此按鈕的彩度、亮度降低(如∶深綠色變成淡綠色，亮紅色變成暗紅色)，使讀者可清楚地意識到∶這個暗設下來的導覽按鈕不再具有超連結的功能。