完成行銷網站的規劃後,下一步的工作就是網站的設計工作。常規的網站設計,就是用PS或其他網頁設計軟體進行網站的首頁的設計。
在這裡,我要提醒大家注意的是,在首頁設計之前,需要對整個網站的頁面進行一個細緻的梳理,主要是內容方面,按照網站策劃的拓撲圖,去落實每一個頁面需要展示的內容。梳理的順序是從最終的資訊頁面開始,然後集中到列表頁,再到欄目頁,最好到首頁,按照分散到集中的原則,這樣做,一是網站的資訊會充分的表現出來,不會遺漏內容,二是透過全面資訊的層層遞進,提煉出精要的欄目頁和首頁,對於瀏覽者把握整個網站資訊的流動和重點有很大的幫助。
所有欄目的內容確定以後,以下就是內容展現的問題。行銷網站所展現的統一原則是簡介、流暢,這個原則在頁面設計的每個要素要都要體現:
色彩風格
這一點,在策劃篇中做過一些介紹,主要還是按照企業和產品的特點,找到網站的色彩風格,透過顏色代表的視覺屬性來去設計。當然,也要做到,網站風格獨特且排他性,這是給一個瀏覽者留下特殊印象的一個方法。
版面佈局
網站的版面佈局是多種多樣的,如廠型佈局、同型佈局等等。設計師要掌握網站的整體感,網站不能給人零散的感覺,同時設計師還要把握板塊之間的銜接,例如使用漸層和不同色塊的方式來聯繫和區分板塊,同時給人以層次感。
資訊的流動
瀏覽者開啟一個網站,頁面就要告訴瀏覽者,網站哪些資訊是主要,資訊的主次是怎讓的,瀏覽者該如何按照一個流程去找到自己關注的資訊。這就要求設計師找到網站資訊的流動特徵,例如把重要的資訊放在頁面左側,流程指引,清單層級的延伸。網頁就如同一位解說員一樣,引導瀏覽者一步一步完成流暢的閱讀。
圖形與圖片
圖形和圖片有雙重的屬性,是訊息的傳遞元素又是頁面的修飾元素。所有我們要用好它們。
圖形的使用要注意統一性,例如使用同一系統的標識圖案等。圖片的選擇首先要符合它要表現的內容,例如一張表示資料庫服務的圖片,我們要從圖庫裡去尋找一些數字類的科技圖片等等,其次圖片的顏色方面要注意同頁面風格和其他頁面元素的搭配。
文字和標題
也許你曾經到過一些網站,要么擁擠不堪的文字覺得好像只有把腦袋鑽進去才能閱讀,要么深色的背景給人的感覺好像處於非常狹窄的空間裡,而且讓人的心情感覺很壓抑。某些背景色的令人閱讀困難;紫色、橙色和紅色讓人眼花撩亂。
參考報紙的編排方式,為方便或快速閱讀將你的內容分欄設計,甚至兩欄也要比一滿頁的視覺效果要好。
另一個能提昇文字可讀性的因素是你所選擇的字體,通用的字體(Arial、Times New Roman、Garamond and Courier)最易閱讀,特殊字體用於標題效果較好,但是不適合正文(試想瀏覽整頁的Gothic、、Westminster or Cloister會是怎樣的感受)。因為閱讀費力,你的眼睛很快就會疲勞,不得不轉移到其他頁面。
須盡量使你的網頁易於閱讀,除了分欄之外(將頁面縱向分割),也需要利用標題和副標題將文檔分段。
為所有標題和副標題設定同一字體,並將標題字體加大一號,所有標題和副標題都採用粗體,這樣便於識別標題(字體加大加粗)和副標題(粗體,與正文字體大小相同) ,讓瀏覽者一眼就可以看到要點,以便找出並繼續閱讀有興趣的內容。標題的重要性可見一斑,要認真寫好每個標題!
也可以將整句採用粗體或用不同的顏色突出某些內容,不過不要用難以閱讀的顏色。
動畫
為了提高行銷型網站開啟速度,所以建議盡量少使用動畫元素。
導航
最重要的東西,放在最後來說。我們4個不要跟4個一定要來說明。
1.導航千萬不要用圖片,一定要用文字。
2.導航一定要主題集中,千萬不要各自為戰。
3.導航一定要有首頁,千萬不要回不到首頁。
4.重要的欄位一定放在導覽左邊,千萬別放在導覽的右邊。
行銷網站的設計要點還有很多,希望大家來補充。
如鄰網絡專注於企業行銷型網站建立領域,努力研究發展行銷網站系統體系,為廣大企業創造最有價值和回報的網路行銷服務。
作者:如鄰網路資深行銷顧問EMAIL: [email protected] MSN:[email protected]。
北京如鄰網路技術有限公司—企業身邊的網路行銷專家www.rulin.net。