做好B2B行業網站首頁設計,建立良好第一印象

作者: 來源:未知 2012-09-03 12:05:23 閱讀 我要評論 直達商品

  (樂購網專欄 作者:李學江)在本報告前面的11個小節里,我已經把B2B行業網站的頁面設計分成一個一個的元素,從框架、用色、導航欄、標題欄、內容、廣告設計、按鈕、搜索框等各個方面做了系統的講解。這個小節,我將從整體的角度對B2B行業門戶網站首頁設計做一些講述,講解把不同的設計元素應用到首頁時的注意事項。由于通用的設計方法在上面的11個小節里已經講過了,在此就不再贅述了,各位讀者如果想知道每個元素更細節的設計方法,需要看本報告前面11個小節。

  1 首頁整體風格要符合用戶習慣

  B2B行業網站首頁整體風格很重要,用戶的訪問,很大一部分是從這些頁面開始的,即使用戶從搜索引擎搜索內頁到網站,如果用戶對這個網站感興趣,想收藏和進一步了解這個網站,大部分訪問者都會訪問網站的首頁。設計師要讓用戶的第一感覺就覺得這個網站與他經常訪問的優秀網站差不多,當然也要有自己的特點,但是不能差異太大,要遵守用戶習慣,這個在前面章節進行過詳細的介紹。

  設計師要去參考各個行業最好的B2B行業門戶網站,挑選20家左右。不必要從設計風格上追求多大的標新立異,越是新的東西,風險越大,也許一部分人很認可,另外一部分人可能就不認可,如果我們水平不夠好,求穩還是最好的。作為首頁,更多表現設計水平的工作還是放在對內容的排版布局上比較好,畢竟用戶來網站還是想找到更多有價值的內容。

  2 首頁用色分析及舉例說明

  B2B行業門戶網站首頁不適合用一種顏色做漸變,再配合黑色的文字。雖然不花哨,但是也顯得太單調了,這樣的用色方法可以作為企業商鋪、個人空間、專題頁面設計時的用色方案。首頁用色一般都是選擇一種顏色作為主色,再選擇1種對比色,結合萬能搭配色:灰色和黑色來設計更好。比如阿里巴巴首頁就只用了3種顏色:主色調橙色、藍色,和萬能搭配色:黑色。

  

做好B2B行業網站首頁設計,建立良好第一印象

  圖(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 廣告排版要整齊統一:由于首頁廣告可能比較多,所以要考慮好用戶體驗,最好是把內容和廣告分開排,比如一排廣告,一排內容。或者一排內容,兩排廣告。這樣用戶不至于在廣告里找內容,看起來也更加和諧統一,用戶想看廣告的時候,自己再去找。而且廣告與內容間隔開來放,還會讓廣告更有效果。

  

做好B2B行業網站首頁設計,建立良好第一印象

  圖(79) 中國建材網首頁廣告排版

  圖(79)為中國建材網首頁廣告,從圖上可以看出,廣告放在上下兩個內容中間,放的兩排,高度60PX,長度235PX,一排正好可以放4個,廣告既能放的比較多,也還能有效果,用戶在看上下兩個部分的內容時,都可能看到客戶的廣告,為客戶廣告帶來更好的效果。


  推薦閱讀

  專訪趙涌在線羅文:電商寒冬對非標產品無影響

導語: 2012 是否是世界末日 ? 小編不知道 ! 這個你需要去問上帝 !!! 但小編知道, 2012 是眾多電商們的 “ 末日 ” 。耀點 100 、名品打折、品聚 …… 一個個接連倒閉。 如果說, 2011 年下半年,電商在參演 “ 冰川>>>詳細閱讀


本文標題:做好B2B行業網站首頁設計,建立良好第一印象

地址:http://www.sdlzkt.com/a/b2b/20120903/83006.html

樂購科技部分新聞及文章轉載自互聯網,供讀者交流和學習,若有涉及作者版權等問題請及時與我們聯系,以便更正、刪除或按規定辦理。感謝所有提供資訊的網站,歡迎各類媒體與樂購科技進行文章共享合作。

網友點評
我的評論: 人參與評論
驗證碼: 匿名回答
網友評論(點擊查看更多條評論)
友情提示: 登錄后發表評論,可以直接從評論中的用戶名進入您的個人空間,讓更多網友認識您。
自媒體專欄

評論

熱度

主站蜘蛛池模板: 国产精品成人无码久久久| 成人午夜视频在线观看| 成人网站免费看黄a站视频| 成人美女黄网站色大色下载| 成人欧美一区二区三区在线观看| 成人免费乱码大片A毛片| 国产成人精品免费视频动漫| 九九九国产精品成人免费视频| 精品欧美成人高清在线观看| 国产成人无码综合亚洲日韩| 日韩成人在线网站| 亚洲国产精品一区二区成人片国内| 欧美成人一区二区三区在线视频| 国产成人福利在线视频播放尤物| 精品久久久久久成人AV| 俄罗斯一级成人毛片| 成人免费无毒在线观看网站| 精品久久久久成人码免费动漫| 四虎永久成人免费影院域名| 天堂成人在线观看| 成人福利小视频| 欧美激情成人网| 欧美14videosex性欧美成人| 亚洲国产成人久久77| 国产成人无码午夜视频在线观看| 成人综合国产乱在线| 成人精品视频一区二区三区| 欧美成人免费全部观看天天性色 | 国产成人精品日本亚洲直接| 成人福利视频app| 成人性生话视频| 成人私人影院在线版| 久久成人国产精品一区二区| 亚洲最大成人网色| 四虎成人精品无码| 国产成人涩涩涩视频在线观看 | 免费观看一级成人毛片| 国产成人精品无码免费看| 国产成人精品福利网站在线| 国产成人亚洲综合无码| 亚洲精品午夜国产va久久成人 |