行銷型網站完美風暴--設計篇

&HTTP://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   完成行銷型網站的策劃後，下一步的工作就是網站的設計工作。 常規的網站設計，就是用PS或者其他網頁設計軟體進行網站的首頁的設計。

在這裡，我要提醒大家注意的是，在首頁設計之前，需要對整個網站的頁面進行一個細緻的梳理，主要是內容方面，按照網站策劃的拓撲圖，去落實每一個頁面需要展示的內容。 梳理的順序是從最終的資訊頁面開始，然後集中到清單頁，再到欄目頁，最好到首頁，按照分散到集中的原則，這樣做，一網站的資訊會充分的表現出來，不會遺漏內容，二通過全面資訊的層層遞進，提煉出精要的欄目頁和首頁， 對於流覽者把握整個網站資訊的流動和重點有很大的説明。

所有欄目的內容確定以後，下面就是內容展現的問題。 行銷型網站展現的統一原則是簡介、流暢，這個原則在頁面設計的每個要素要都要得到體現：

色彩風格

這點，在策劃篇中做過一些介紹，主要還是按照企業和產品的特點，找到網站的色彩風格，通過顏色代表的視覺屬性來去設計。 當然，也要做到，網站風格獨特和排他性，這是給一個流覽者留下特殊印象的一個方法。

版面佈局

網站的版面佈局是多種多樣的，如廠型佈局、同型佈局等等。 設計師要把握網站的整體感，網站不能給人以零散的感覺，同時設計師還要把握板塊之間的銜接，比如使用漸變和不同色塊的方式來聯繫和區分板塊，同時給人以層次感。

資訊的流動

流覽者打開一個網站，頁面就要告訴流覽者，網站哪些資訊是主要，資訊的主次是怎讓的，流覽者應該如何按照一個流程去找到自己關注的資訊。 這就要求設計師找到網站資訊的流動特徵，比如把重要的資訊放在頁面左側，流程指引，清單級別的延伸。 網頁就如同一個講解員一樣，引導流覽者一步一步完成流暢的閱讀。

圖形與圖片

圖形和圖片有雙重的屬性，是資訊的傳遞元素又是頁面的修飾元素。 所有我們要用好它們。

圖形的使用要注意統一性，比如使用同一體系的標識圖案等。 圖片的選擇首先要符合它要表現的內容，比如一張表示資料庫服務的圖片，我們要從圖庫裡去尋找一些數位類的科技圖片等等，其次圖片的顏色方面要注意同頁面風格和其他頁面元素的搭配。

文字和標題

也許你曾到過一些網站，要麼擁擠不堪的文字覺得好象只有把腦袋鑽進去才能閱讀，要麼深色的背景給人的感覺好象處於非常狹窄的空間裡，而且讓人的心情感覺很壓抑。 某些背景色的令人閱讀困難;紫色、橙色和紅色讓人眼花繚亂。

參考報紙的編排方式，為方便或快速閱讀將你的內容分欄設計，甚至兩欄也要比一滿頁的視覺效果要好。

另一種能夠提高文字可讀性的因素是你所選擇的字體，通用的字體（Arial、Times New Roman、Garamond and Courier）最易閱讀，特殊字體用於標題效果較好，但是不適合正文（試想流覽整頁的Gothic、、 Westminster or Cloister會是怎樣的感受）。 因為閱讀費力，你的眼睛很快就會疲勞，不得不轉移到其他頁面。

須儘量使你的網頁易於閱讀，除了分欄之外（將頁面縱向分割），也需要利用標題和副標題將文檔分段。

為所有標題和副標題設置同一字體，並將標題字體加大一號，所有標題和副標題都採用粗體，這樣便於識別標題（字體加大加粗）和副標題（粗體，與正文字體大小相同），使流覽者一眼就可以看到要點，以便找出並繼續閱讀有興趣的內容。 標題的重要性可見一斑，要認真寫好每個標題！

也可以將整句採用粗體或用不同的顏色突出某些內容，不過不要用難以閱讀的顏色。

動畫

為了提高行銷型網站打開速度，所以建議儘量少使用動畫元素。

導航

最重要的東西，在放在最後來說。 我們4個不要和4個一定要來說明。

1、導航千萬不要用圖片，一定要用文字。

2、導航一定要主題集中，千萬不要各自為戰。

3、導航一定要有首頁，千萬不要回不到首頁。

4、重要的欄目一定放在導航左邊，千萬別放在導航的右邊。

行銷型網站的設計要點還有很多，希望大家來補充。

如鄰網路專注于企業行銷型網站建設領域，努力研究和發展行銷型網站系統體系，為廣大企業創造出最有價值和回報的網路行銷服務。

本文為系列文章如下：敬請關注

行銷型網站完美風暴-價值篇

行銷型網站完美風暴--策劃篇

行銷型網站完美風暴--設計篇

行銷型網站完美風暴--網站代碼篇

行銷型網站完美風暴--軟體工具篇

行銷型網站完美風暴--流量統計篇

行銷型網站完美風暴--即時工具篇

行銷型網站完美風暴--CRM篇

作者：如鄰網路高級行銷顧問  EMAIL: sales@rulin.net   MSN：ywxchina@hotmail.com

北京如鄰網路技術有限公司—企業身邊的網路行銷專家   www.rulin.net