(樂購網專欄 作者：李學江)在本報告前面的11個小節里，我已經把B2B行業網站的頁面設計分成一個一個的元素，從框架、用色、導航欄、標題欄、內容、廣告設計、按鈕、搜索框等各個方面做了系統的講解。這個小節，我將從整體的角度對B2B行業門戶網站首頁設計做一些講述，講解把不同的設計元素應用到首頁時的注意事項。由于通用的設計方法在上面的11個小節里已經講過了，在此就不再贅述了，各位讀者如果想知道每個元素更細節的設計方法，需要看本報告前面11個小節。
1 首頁整體風格要符合用戶習慣
B2B行業網站首頁整體風格很重要，用戶的訪問，很大一部分是從這些頁面開始的，即使用戶從搜索引擎搜索內頁到網站，如果用戶對這個網站感興趣，想收藏和進一步了解這個網站，大部分訪問者都會訪問網站的首頁。設計師要讓用戶的第一感覺就覺得這個網站與他經常訪問的優秀網站差不多，當然也要有自己的特點，但是不能差異太大，要遵守用戶習慣，這個在前面章節進行過詳細的介紹。
設計師要去參考各個行業最好的B2B行業門戶網站，挑選20家左右。不必要從設計風格上追求多大的標新立異，越是新的東西，風險越大，也許一部分人很認可，另外一部分人可能就不認可，如果我們水平不夠好，求穩還是最好的。作為首頁，更多表現設計水平的工作還是放在對內容的排版布局上比較好，畢竟用戶來網站還是想找到更多有價值的內容。
2 首頁用色分析及舉例說明
B2B行業門戶網站首頁不適合用一種顏色做漸變，再配合黑色的文字。雖然不花哨，但是也顯得太單調了，這樣的用色方法可以作為企業商鋪、個人空間、專題頁面設計時的用色方案。首頁用色一般都是選擇一種顏色作為主色，再選擇1種對比色，結合萬能搭配色：灰色和黑色來設計更好。比如阿里巴巴首頁就只用了3種顏色：主色調橙色、藍色，和萬能搭配色：黑色。
圖(78) 阿里巴巴首頁截圖(截圖日期：2011-10-5)
圖(78)為阿里巴巴首頁截圖(截圖日期：2011-10-5)，從圖片上可以看出，阿里巴巴使用了藍色、橙色、黑色三種顏色。一般來講，無論我們使用什么顏色來做網頁，黑色是必須要用到的，以及和黑色同色系的灰色來搭配，基本成了所有商業門戶網站首頁設計的標準。
3 首頁標題欄設計及排版
B2B行業網站首頁標題欄一般不要用太多種，一般做3-5種不同類型的標題欄即可，太多了就會顯得太亂，根據實際情況，可以做一些細節上的改變。而且標題欄背景圖片不能太突出，可以突出標題欄上的文字，用戶只要看文字就知道這個模塊里體現的是那個方面的內容，是否是自己需要的，這樣的設計方法是現在商業門戶網站設計時最常用的。
一般是從上到下統一標題欄的，比如首頁為左中右框架，那么左邊的標題欄都是一樣的，如果中間變換結構，標題欄的樣式可以發生變化。正如我在《B2B行業門戶網站設計開發實戰研究報告》第三章第7節講過的，同類型的內容也可以統一標題欄，這樣讓用戶看起來更加和諧統一。也可以不統一，但是注意不能太亂，不能太花哨。
4 首頁整體框架結構及頁面寬度設計
B2B行業網站首頁常用通欄、左右、左中右3種框架結構，使用左右或左中右框架的時候，上下寬度一般要保持一致，看起來才不會顯的太亂，左右標題欄要對齊，由于多種原因使設計對不齊的時候，要和網站策劃者溝通，加點或減少點內容，使標題欄左右對齊。首頁的框架看起來盡量和諧、統一、規范，使整個網站看起來更嚴肅、高端一些。
框架的寬度目前還是以990PX左右為主，800PX的寬度已經完全不考慮了，目前電腦寬屏越來越多。從2008年以后新出來的電腦，屏幕絕大部分都比1000PX要寬，所以以后可能會采取更寬的頁面，不過目前絕大部分的主流門戶還是使用990PX左右的寬度。程序也可以判斷用戶的屏幕，如果用戶使用的是寬屏，可以左右加2個對聯廣告。
5 首頁各種廣告排版及設計
B2B行業網站首頁是廣告最多的一個頁面，就象雜志一樣，大家都想做前彩頁和封面。所以首頁廣告的排版就顯的尤其重要，廣告排版不好，顯得雜亂無章。這個部分的內容，我在《B2B行業門戶網站策劃實戰研究報告》第七章第7節：“網站廠商廣告策劃要點也做了詳細說明”。如果廣告放的太少，用戶體驗雖然很好，但是銷售人員又沒有廣告位賣，影響網站的收益。所以網站既需要有許多廣告位，又要保證用戶的體驗，設計師就要遵守一些廣告排版設計的標準。
A 廣告的高度不要太高：一般首頁的廣告，絕大部分的廣告高度盡量在60PX及以下，本人認為50PX是最好的，為未來考慮。當廣告比較少的時候，可以用更長的廣告來吸引眼球，如果開始的時候高度太高了，廣告就放不了太多，會影響銷售額。少數幾個廣告的高度可以更高一些，但是不要超過75PX為最佳。一級欄目的大廣告可以更高一些，因為廣告更少，更不值錢，但是不要超過90PX為最好。
B 盡量少采用Flash設計：由于一些B2B行業網站首頁廣告比較多，如果都采用Flash來設計，會使首頁打開非常慢，因為Flash很占資源。對于一些寬度比較長的廣告，可以使用Flash來設計，但是首頁廣告中Flash廣告盡量在10個左右，更多的小廣告，使用GIF動畫來設計更好，也可以放一個圖片。
C 廣告排版要整齊統一：由于首頁廣告可能比較多，所以要考慮好用戶體驗，最好是把內容和廣告分開排，比如一排廣告，一排內容。或者一排內容，兩排廣告。這樣用戶不至于在廣告里找內容，看起來也更加和諧統一，用戶想看廣告的時候，自己再去找。而且廣告與內容間隔開來放，還會讓廣告更有效果。
圖(79) 中國建材網首頁廣告排版
圖(79)為中國建材網首頁廣告，從圖上可以看出，廣告放在上下兩個內容中間，放的兩排，高度60PX，長度235PX，一排正好可以放4個，廣告既能放的比較多，也還能有效果，用戶在看上下兩個部分的內容時，都可能看到客戶的廣告，為客戶廣告帶來更好的效果。
推薦閱讀
導語： 2012 是否是世界末日 ? 小編不知道 ! 這個你需要去問上帝 !!! 但小編知道， 2012 是眾多電商們的 “ 末日 ” 。耀點 100 、名品打折、品聚 …… 一個個接連倒閉。 如果說， 2011 年下半年，電商在參演 “ 冰川>>>詳細閱讀
地址：http://www.sdlzkt.com/a/b2b/20120903/83006.html
網友點評
精彩導讀
科技快報
品牌展示