以下內容由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司---寶雞世紀網(wǎng)絡(luò )公司為您搜集整理，我公司公司是寶雞地區專(zhuān)業(yè)的網(wǎng)站建設服務(wù)提供商，五年建站歷程、六百家客戶(hù)的選擇，值得信賴(lài)！咨詢(xún)熱線(xiàn)0917-3535180 3536690……以下文字為我公司公司原創(chuàng )，如需商業(yè)用途或轉載請與我公司公司聯(lián)系，謝謝配合！

這個(gè)小節，我將從整體的角度對B2B行業(yè)門(mén)戶(hù)網(wǎng)站首頁(yè)設計做一些講述，講解把不同的設計元素應用到首頁(yè)時(shí)的注意事項。

1 首頁(yè)整體風(fēng)格要符合用戶(hù)習慣

B2B行業(yè)網(wǎng)站首頁(yè)整體風(fēng)格很重要，用戶(hù)的訪(fǎng)問(wèn)，很大一部分是從這些頁(yè)面開(kāi)始的，即使用戶(hù)從搜索引擎搜索內頁(yè)到網(wǎng)站，如果用戶(hù)對這個(gè)網(wǎng)站感興趣，想收藏和進(jìn)一步了解這個(gè)網(wǎng)站，大部分訪(fǎng)問(wèn)者都會(huì )訪(fǎng)問(wèn)網(wǎng)站的首頁(yè)。設計師要讓用戶(hù)的第一感覺(jué)就覺(jué)得這個(gè)網(wǎng)站與他經(jīng)常訪(fǎng)問(wèn)的優(yōu)秀網(wǎng)站差不多，當然也要有自己的特點(diǎn)，但是不能差異太大，要遵守用戶(hù)習慣，這個(gè)在前面章節進(jìn)行過(guò)詳細的介紹。設計師要去參考各個(gè)行業(yè)最好的B2B行業(yè)門(mén)戶(hù)網(wǎng)站，挑選20家左右。不必要從設計風(fēng)格上追求多大的標新立異，越是新的東西，風(fēng)險越大，也許一部分人很認可，另外一部分人可能就不認可，如果我們水平不夠好，求穩還是最好的。作為首頁(yè)，更多表現設計水平的工作還是放在對內容的排版布局上比較好，畢竟用戶(hù)來(lái)網(wǎng)站還是想找到更多有價(jià)值的內容。

2 首頁(yè)用色分析及舉例說(shuō)明

B2B行業(yè)門(mén)戶(hù)網(wǎng)站首頁(yè)不適合用一種顏色做漸變，再配合黑色的文字。雖然不花哨，但是也顯得太單調了，這樣的用色方法可以作為企業(yè)商鋪、個(gè)人空間、專(zhuān)題頁(yè)面設計時(shí)的用色方案。首頁(yè)用色一般都是選擇一種顏色作為主色，再選擇1種對比色，結合萬(wàn)能搭配色：灰色和黑色來(lái)設計更好。比如阿里巴巴首頁(yè)就只用了3種顏色：主色調橙色、藍色，和萬(wàn)能搭配色：黑色。

阿里巴巴使用了藍色、橙色、黑色三種顏色。一般來(lái)講，無(wú)論我們使用什么顏色來(lái)做網(wǎng)頁(yè)，黑色是必須要用到的，以及和黑色同色系的灰色來(lái)搭配，基本成了所有商業(yè)門(mén)戶(hù)網(wǎng)站首頁(yè)設計的標準。

3 首頁(yè)標題欄設計及排版

B2B行業(yè)網(wǎng)站首頁(yè)標題欄一般不要用太多種，一般做3-5種不同類(lèi)型的標題欄即可，太多了就會(huì )顯得太亂，根據實(shí)際情況，可以做一些細節上的改變。而且標題欄背景圖片不能太突出，可以突出標題欄上的文字，用戶(hù)只要看文字就知道這個(gè)模塊里體現的是那個(gè)方面的內容，是否是自己需要的，這樣的設計方法是現在商業(yè)門(mén)戶(hù)網(wǎng)站設計時(shí)最常用的。一般是從上到下統一標題欄的，比如首頁(yè)為左中右框架，那么左邊的標題欄都是一樣的，如果中間變換結構，標題欄的樣式可以發(fā)生變化。正如我在《B2B行業(yè)門(mén)戶(hù)網(wǎng)站設計開(kāi)發(fā)實(shí)戰研究報告》第三章第7節講過(guò)的，同類(lèi)型的內容也可以統一標題欄，這樣讓用戶(hù)看起來(lái)更加和諧統一。也可以不統一，但是注意不能太亂，不能太花哨。

4 首頁(yè)整體框架結構及頁(yè)面寬度設計

B2B行業(yè)網(wǎng)站首頁(yè)常用通欄、左右、左中右3種框架結構，使用左右或左中右框架的時(shí)候，上下寬度一般要保持一致，看起來(lái)才不會(huì )顯的太亂，左右標題欄要對齊，由于多種原因使設計對不齊的時(shí)候，要和網(wǎng)站策劃者溝通，加點(diǎn)或減少點(diǎn)內容，使標題欄左右對齊。首頁(yè)的框架看起來(lái)盡量和諧、統一、規范，使整個(gè)網(wǎng)站看起來(lái)更嚴肅、高端一些?？蚣艿膶挾饶壳斑€是以990PX左右為主，800PX的寬度已經(jīng)完全不考慮了，目前電腦寬屏越來(lái)越多。從2008年以后新出來(lái)的電腦，屏幕絕大部分都比1000PX要寬，所以以后可能會(huì )采取更寬的頁(yè)面，不過(guò)目前絕大部分的主流門(mén)戶(hù)還是使用990PX左右的寬度。程序也可以判斷用戶(hù)的屏幕，如果用戶(hù)使用的是寬屏，可以左右加2個(gè)對聯(lián)廣告。

5 首頁(yè)各種廣告排版及設計

B2B行業(yè)網(wǎng)站首頁(yè)是廣告最多的一個(gè)頁(yè)面，就象雜志一樣，大家都想做前彩頁(yè)和封面。所以首頁(yè)廣告的排版就顯的尤其重要，廣告排版不好，顯得雜亂無(wú)章。這個(gè)部分的內容，我在《B2B行業(yè)門(mén)戶(hù)網(wǎng)站策劃實(shí)戰研究報告》第七章第7節：“網(wǎng)站廠(chǎng)商廣告策劃要點(diǎn)也做了詳細說(shuō)明”。如果廣告放的太少，用戶(hù)體驗雖然很好，但是銷(xiāo)售人員又沒(méi)有廣告位賣(mài)，影響網(wǎng)站的收益。所以網(wǎng)站既需要有許多廣告位，又要保證用戶(hù)的體驗，設計師就要遵守一些廣告排版設計的標準。

A 廣告的高度不要太高：一般首頁(yè)的廣告，絕大部分的廣告高度盡量在60PX及以下，本人認為50PX是最好的，為未來(lái)考慮。當廣告比較少的時(shí)候，可以用更長(cháng)的廣告來(lái)吸引眼球，如果開(kāi)始的時(shí)候高度太高了，廣告就放不了太多，會(huì )影響銷(xiāo)售額。少數幾個(gè)廣告的高度可以更高一些，但是不要超過(guò)75PX為最佳。一級欄目的大廣告可以更高一些，因為廣告更少，更不值錢(qián)，但是不要超過(guò)90PX為最好。

B 盡量少采用Flash設計：由于一些B2B行業(yè)網(wǎng)站首頁(yè)廣告比較多，如果都采用Flash來(lái)設計，會(huì )使首頁(yè)打開(kāi)非常慢，因為Flash很占資源。對于一些寬度比較長(cháng)的廣告，可以使用Flash來(lái)設計，但是首頁(yè)廣告中Flash廣告盡量在10個(gè)左右，更多的小廣告，使用GIF動(dòng)畫(huà)來(lái)設計更好，也可以放一個(gè)圖片。

C 廣告排版要整齊統一：由于首頁(yè)廣告可能比較多，所以要考慮好用戶(hù)體驗，最好是把內容和廣告分開(kāi)排，比如一排廣告，一排內容?；蛘咭慌艃热?，兩排廣告。這樣用戶(hù)不至于在廣告里找內容，看起來(lái)也更加和諧統一，用戶(hù)想看廣告的時(shí)候，自己再去找。而且廣告與內容間隔開(kāi)來(lái)放，還會(huì )讓廣告更有效果。

從圖上可以看出，廣告放在上下兩個(gè)內容中間，放的兩排，高度60PX，長(cháng)度235PX，一排正好可以放4個(gè)，廣告既能放的比較多，也還能有效果，用戶(hù)在看上下兩個(gè)部分的內容時(shí)，都可能看到客戶(hù)的廣告，為客戶(hù)廣告帶來(lái)更好的效果。B2B行業(yè)網(wǎng)站的首頁(yè)設計就講這么多，標題欄、導航條、搜索框、按鈕、內容鏈接等具體元素的設計方法在前面都講的很清楚了，是可以通用的，在此不再贅述。大家一定要明白，設計好B2B行業(yè)網(wǎng)站首頁(yè)非常重要，一級欄目及整個(gè)網(wǎng)站的大部分設計都要參考首頁(yè)，與首頁(yè)保持統一。設計師在真正的設計過(guò)程中至少要參考20個(gè)以上相似行業(yè)做的最好的網(wǎng)站，絕對不能閉門(mén)造車(chē)。