http://www.piece2ec.com.tw/news.asp?ID=119 (詳閱)

因應一位朋友的邀請，我整理了一些關於 網頁設計 的原則！

網頁設計是一種需要多方面專業相互配合的領域，在設計、製作上，都需要有多方的考量。以下以常見的幾個面向來討論網頁設計原則。本篇的設計主要著眼於規劃，規畫就是理想的實踐，因此內文難免有許多看似刁難的地方，就請多多包涵。

規劃
規劃是網站整體設計前期的作業，在規劃中，最重要的工作就是確認網站的方向與架構。以下是各個步驟與重要的注意事項。

1.認真思考
所有網站在構思前，請認真思考是否真的有必要製作網頁。網站需要持續的金錢來維持，其中包含了軟體方面的人力更新更新、維護，以及硬體條件的機器、網路正常運作的維持。這些費用少則4000（使用虛擬主機，加上網址的年租費），多則上萬。

2.確立方向
確定要建立網站後，要開始規劃 網站設計 的方向，如此一來才能讓接下來的工作有個依據。首先必須明確條列網站會提供哪方面的服務，常見的如

1.資訊服務 : 也就是一般最常見的網頁瀏覽。
2.資料服務 : 提供一個存取資料的方式，如搜尋。
3.線上下單 : 提供線上訂購的服務，也就是線上購物。
4.交流服務 : 提供一個互動的平台，通常是 留言板 或 討論區 。
這些項目都不是固定的，要看看網站的主題是什麼。以YouTube為例，他的方向就是「影片交換分享」。

3.分析客群
所有的服務都會有目標的客群，這些目標確立了之後，後續的配置才會有更好的依據。客群的分類有許多種，常見的如基本的「性別」、「年齡／年代」，進階的如「習慣」、「喜好」等。客群將會大大影響之後的規劃方向，舉例來說

1.兒童 : 網站必須鮮豔活潑，用詞淺顯易懂。
2.廠商 : 所有的資訊必須清楚，產品編號更需醒目。
3.阿宅 : 最好備齊各種先進功能，如RSS、digg、好吃書籤等等。
4.有點年紀 : 最好能夠閃來閃去，動畫越俗氣越好 (這項很弔詭，不管什麼背景的都吃這套)
4.決定伺服器配置
伺服器配置將會影響到後續的花費。常見的狀況如下 :

1.簡單ADSL : 伺服器接上一般ADSL，每月 = 網路1000上下 + 電費 250上下
2.進階ADSL : 伺服器接上企業用ADSL，每月 = 網路2500上下 + 電費 250上下
3.虛擬主機 : 每月 250 – 數千不等，要看等級
4.託管 : 要與電信公司洽談
一般網站會使用虛擬主機，除了便宜之外，許多過程也由虛擬主機廠商代辦。對於大多數需要架設網站的狀況，虛擬主機是最經濟實惠的方式。

5.構思目錄項目
這裡所說的是內容的結構，而非檔案的結構。此時必須先列舉出所有將會出現的內容，並將所有的內容分入數個適當的目錄項目之中。一般而言，若是你的網站目錄項目少於3個，那麼你可以重新思考你建立網站的必要性。目錄項目的配置並沒有聖經供參考，但必須注意幾個原則 :

1.語意清晰且適當 : 請勿使用「飛鴿傳書」來代表「聯絡我們」
2.請勿超過3階層 : 若真有3階層，則考慮內容重寫
3.盡可能使用清晰的列表 : 尤其是產品類頁面
6.構思內容樣板
網站的內容一定都會是有固定結構的。為了在系統規劃時能夠妥善規劃資料庫系統，以及後續維護進行時可以更輕鬆，必須在規劃時就明訂出結構。以商品為例，我們可以這樣看 :

1.商品圖 : 比例為 4:3；3種尺寸，(全圖)800×600、(頁面)320×240、(目錄)120×90
2.商品規格 : 名稱(中英)、尺寸(公分、長寬高)、重量、顏色等
3.商品介紹 : HTML圖文
7.設計版面
根據上述條件開始設計版面。請接續閱讀設計篇。

8.規劃系統
根據上述條件開始規劃系統，此過程可與「設計版面」同時進行。此部分將另有文章說明。

經驗
規劃時，無可避免地會牽涉到其他領域的專業。這時候請一定要仔細了解該專業的內容，才能擬出適當地呈現方式。

在討論的過程中，一定會有些不太會的人喜歡裝會，像是公司裡的高階主管或是老闆，這時候必須要以專業向他解釋。解釋之後，可能會出現兩種狀況 :

‧上級很有誠意地跟你討論這個問題
那麼這個老闆可能很有心想要做好這個網站。
‧上級 :「根據我們的經驗，這樣做比較好」
若你無法判斷這句的真偽，請立刻去研究此議題。通常會這麼說的上級，有大部分都是根本不懂，或是他對於網站根本就是可有可無，可以想見將來此網站將會越來越差。從這點慢慢觀察，基本上這位上級有很高的機率對所有的事情都是這種態度。

轉貼來源：Cassatte`s Blog

參考文獻：

1.林隆儀、林岳民 (2005), 廣告比較策略與廣告訴求方式對購買意願的影響-產品涉入之干擾效果, 企業管理學報, 65(), 1-30.

2.林建煌 (2007), 消費者行為, 台北市: 智勝文化.

3.林永惟、宋同正 (2008), 商業 平面設計 之設計品質, 商業設計學報, 12(), 19-34.

關聯關鍵字

網頁設計、網路行銷、關鍵字行銷、網站設計、網站代管、程式設計、SEO關鍵字、廣告設計、網路開店、關鍵字排名

台南網頁設計、台北網頁設計、台南網頁設計公司、台北網頁設計公司、seo、關鍵字、關鍵字廣告、關鍵字搜尋、搜尋排序、關鍵字排序