B2B行業網站由于具有B2B網站的特性和門戶網站的特性，決議了頁面設計與其他網站一些不同點。在寫作“B2B行業門戶網站頁面設計”章節之前，在此從理論上講下頁面設計及制造的基本要點。
1 頁面用色、框架及整體作風應該是嚴謹的，充溢商業氛圍的
由于B2B行業網站的內容是嚴謹的、高端的，觸及行業的展開動態、各種技術交流、企業的營銷管理學問等信息，必定了內容是嚴謹的、高端的；由于其涉的是企業與企業之間的買賣促進、信息交流與交友，所以在商業欄目更多的要表現出濃厚的商業氛圍，一切頁面設計都是為商人而思索的。
A頁面的用色要更嚴謹、忌諱非商業顏色
藍色、紅色、黃色是B2B行業網站的常用主色，其中常常是幾種顏色搭配運用，當然在運用過程中，常常是用這幾種顏色之外的顏色來搭配，或者這幾種顏色的突變色。
由此衍生的顏色包括：深藍色、暗紅色、鮮紅色、橙色、橙黃色、灰色等等，在此不逐一羅列，顏色的搭配由設計師自己來肯定，我們最后來審核。
忌諱運用如下幾種顏色為主顏色：
綠色：綠色更多的意味大自然、純真、自然等含義，不契合B2B行業網站的嚴謹、商業兩個特性，可作為橙色、紅色等的搭配顏色，但是建議不能作為主顏色。
粉紅色：這種顏色更多表達的是女性化、溫馨的氛圍，就算是以女性產品為特征的行業，也不能運用，作為搭配顏色也盡量少用，畢竟與用戶需求相差太遠。
黑色：黑色、灰色是頁面絕大部分文字可以采用的顏色，但是不能作為B2B行業網站的主顏色。
B頁面的標題欄和導航欄更多要方形的、規則的
作為企業網站、時興類型的網站，或者為了表達時興、生動的主題，網站的設計可以比較生動一些，多采用圓形或不規則的排版方式，但是作為B2B行業網站，就不能這樣設計。
每個部分要具有明顯的區分，每個區域都是規則的，運用的圖片、背景都是嚴謹的。不能把圖片斜放、用很大的橢圓形、用很大的圖標、用卡通的圖標、生動的圖形等來設計網站的標題欄和導航欄。
C整體作風應嚴謹、充溢商業氛圍
網站的整體作風比用色、標題欄設計愈加重要，某個搭配顏色比較生動、時興一些，并不會影響整體的作風。某個圖片不規則，或者網頁里的內容圖片不規則，也不會對整體的覺得產生多大影響。整體的頁面作風不能花哨，要降低框架、背景等對閱讀內容的影響，降低頁面的噪聲，整體作風要淡雅，讓訪問的人靜下心來思索。
2內容和功用決議表現方式和界面設計
頁面設計是沒有一個固定標準的，很多時分不能用美丑來判別，也不能用能否有創意來判別，而應該綜合分析這個頁面的訪問者，頁面內容、功用。有時分一點創意都沒有，和其他很多網站都是類似的，才是最好的，由于就應該是這樣的。任何設計、功用都是為訪問者、運用者效勞的，設計者的分析才干遠比創意來的重要。
舉例說明：
用戶注冊頁面假定頭部有很多導航條，左邊或右邊有許多精彩內容引薦，設計很漂亮的圖標，反而是不對的，這個頁面的鏈接應該越少越好，頁面越簡約越好。引導用戶靜下心來填寫真實、豐厚的內容才是最關鍵的，不然用戶可能操作一半，覺得省事，還有更好的內容吸收他，就不再填寫下去了。
任何一個頁面在設計之前，設計師都必需求靜下心來想想，這個頁面在表達什么內容，或者說是一個什么樣的功用，根據內容和功用再來肯定應該具有的表現方式。網站謀劃時就要初步為設計師思索頁面的表達方式，詳情請參考《B2B行業門戶網站謀劃實戰研討報告》第四版第8章，對這個問題中止過系統化的闡述。
3要多運用習氣用法，不要隨意運用一種新用法
所謂習氣用法，是用戶經常運用的網站，或者非常知名的網站用法，常常就是用戶的習氣，由于知名網站的用戶最多，用戶也是最認可的。相同的功用，或者說不會由于網站的不同而表達方式發作變化的功用，就可以用習氣用法。
比如當我們來到一個新網站的時分，常常需求了解這個網站的引見、主辦方聯絡方式等信息，習氣就是在網站底部找這些信息，絕大部分的網站底部都有一排的鏈接來表達，假定你設計網站時，希望很創新，把這些鏈接不放在底部，用戶就會覺得不習氣。
對設計師來講，那怕這樣的熟習讓你覺得相似而乏味，一點都沒有創新，你還是要這樣去用。但并不是說我們不需求創新，相反，在謀劃、設計的工作中，需求大膽的創新，假定我們不打算運用一種習氣用法，謀劃者、設計師必需確認新用法有如下兩個特性：
（1）同樣清楚，同樣顯而易見：只是換一個更好的表達方式，和原來本質上沒有太大的改動，同樣讓用戶一眼就能看明白，不是完好憑空的創新，要比原來的更好才干夠。
（2）帶來很大的價值，值得用戶付出努力來學習：這個功用固然是以前大家沒有見過的，但是我們確認他能帶來質的變化，而不是僅僅換個用戶不習氣的功用和界面。比如以前絕大多數的網站注冊都是一步搞定，往常假定注冊會員，有許多網站就分為二步或三步，為什么要這么設計呢？由于填寫的內容太多，分紅幾步用戶更能接受。
4樹立清楚的視覺層次，讓用戶能從視覺上區分
頁面具有層次感，一看就能明白那些是重點，那些是次要的，每個部分表達的內容都非常的明晰，用戶能很快的找到自己重點關注的部分。與此相反的就是頁面很紊亂，結構不明晰，用戶來到頁面不知道那些是重點。網絡用戶耐性很差，30秒之內很難發現自己感興味的內容，可能就不找了，以為網站不是他感興味的，或者痛快以后都不來了，但是理論上網站有他要的內容或想運用的功用，只是由于頁面設計的不好，不能更快找到而已。
A越重要的部分越突出
在一個頁面上，假定沒有重點，用戶就要花很多時間在一切一樣的內容里去找他最喜歡的內容和功用，對用戶不夠友好。越是用戶經常運用、經常閱讀的內容，越要放在最重要的位置，用戶會用最短的時間獲得最關注的內容和功用，才干吸收他留下來。
在頁面設計的時分，突出重點的內容有許多的方法，常用的有：字體加粗、字號變大、字的顏色和周圍的顏色不一樣、文字前配上醒目的圖標、用圖片或顏色作為背景等等。
B功用或內容相關的部分在視覺上也要相關
在功用或內容相關的部分視覺也要相關，由于用戶掃描的時分，視覺相關的部分就會作為一同掃描，否則容易忽略掉，同時會顯得紊亂。常用的方法是把相關的功用或內容用同樣的框、同樣的背景、同樣的圖標來表達。
C功用或內容在邏輯上包含的部分在視覺上也要中止嵌套
所謂邏輯上包含，就是從邏輯的角度推理，他應該是屬于包含的，比如：B2B行業網站的上游原料和設備，假定我們把這2個部分放在一個頁面，就應該把設備和原料分開來設計，但是原料和設備模塊本身還會包括許多不同的內容，為了讓想采購的企業很快速的找到自己想要的產品，就要在設備模塊和原料模塊內部再中止嵌套。
5訪問者不是在閱讀，而是在掃描
訪問者不是在閱讀，而是在掃描，是極少數幾個得到了證明的事實之一，人們會花極少的時間來閱讀大部分的頁面，相反，我們只是掃描一下（或者匆匆擦過）網頁，尋覓能吸收我們留意力的文字或詞語。”關于導航頁、首頁等，用戶會更多的用掃描來獲得自己感興味的內容。關于內容最終頁，用戶在閱讀前也會先掃描一下大約內容，關于太長的文章或內容，就要看下能否有小標題，假定有就要先掃描小標題，看自己能否感興味，感興味了才會繼續閱讀下去。用戶普通會先掃描如下內容：
A、與我們往常手頭任務有關的，急需想知道的。
B、我們當前或接下來的個人興味，比如：想采購一批機器、想找工作；
C、還有我們腦袋里一些根深蒂固的詞，例如“免費”、“打折”、“美女”等。B2B行業網站用戶都會感興味的：例如行業最爆炸性的新聞、知名公司老總動態、最新求購等。
當我們在謀劃、設計網站的頁面時，在編輯網站內容時，要時辰謹記用戶不是在閱讀，而是在掃描，將這個思想貫徹地執行下去。會指導很多正確的謀劃和設計，比如：重要的內容要大標題、要加粗；每個模塊盡量能圖文并茂，讓讀者掃描的時分看到圖片，更容易惹起興味；對廣告文案等要多加總結、提煉，吸收他們感興味；編輯在寫文章、內容編輯的時分，關于超越800字的文章，最好能加上小標題，讓用戶可以預先掃描能否感興味等。
6閉門造車者做出的東西，是遠遠趕不上綜合自創者的
網頁技術更新很快，一個網站的界面設計壽命僅僅2-3年而已。不管是渣滓還是精品，都沒有所謂的經典。經典只存在于是那個初次成功創新性的應用。一個閉門造車者做出的東西，是遠遠趕不上綜合自創者的。網頁設計不同于其他藝術，在模仿加創新的網頁設計范疇當中，即便是完好自己設計的，也是沿用了人們曾經認同的大部分用戶習氣，而且這種因循的痕跡有時非常的明顯！
關于B2B行業網站的設計，要多參考，多模仿，找出幾十個同類型的最優秀網站來參考，分析別的網站為什么要這么設計，取其精華，去其糟粕，聯絡自己設計網站的特性加以改進或修正，常常這樣的設計才是最成功的設計。由于最成功的網站都是經過多方研討的，他們不只僅模仿，也有屬于自己的創新，大部分也經得起用戶的考驗，契合絕大部分用戶的需求。
7B2B行業網站大部分的界面應弱化，強調功用和內容
B2B行業門戶網站不同于企業網站，它存在的最大價值在于給用戶提供一個平臺，提供更多有價值的內容，界面存在的價值在于輔助、引導用戶更好的去運用這個平臺，發現里面自己感興味的內容，選擇并閱讀，獲得學問。并不是要濃墨重彩的運用大量的顏色和圖標來表達頁面的主題，這個是一些設計B2B行業網站的人常犯的錯誤，特別是初學者。
做一個企業網站，我們為什么要運用大的圖片、圖標，大面積的顏色去渲染這個頁面呢？由于每個企業都有其自己共同的產品與企業文化，來這個頁面的讀者都是想了解這個企業或產品的，我們需求用設計向訪問者很直觀的傳送企業信息，特別是很多品牌公司網站。B2B行業網站的專題設計、收費效勞引見等頁面與樹立企業網站一樣，需求用大圖片、小圖標、大面積的顏色來襯托頁面的主題。
8頁面要模塊化、可修正性要強
模塊化不只可以進步重用性，也能統一網站作風，還可以降低程序開發的強度。模塊化的最大好處就是統一網站作風，讓用戶無論在網站的那個頁面，也能明白還是在這個網站，構成了很強的品牌辨識度。做網站的最終目的，就是做品牌，必需求作為設計的指導思想。
無論是架構、模塊或圖片，都要思索其可修正性。舉個簡單的例子：按鈕，很多人喜歡制造圖片，N個按鈕就是N張圖片。假定只做3-5類按鈕的背景圖片，在網頁代碼里打上文字，那么修正起來就簡單了，讓程序/網頁制造者自己改字就可以了。
更多精彩請關注：http://www.www25673.cn
