B2B職業(yè)門戶網(wǎng)站由于具有B2B網(wǎng)站的特性和門戶網(wǎng)站的特性，決議了頁面規(guī)劃及制造具有與其他網(wǎng)站許多的不相同點，當然仍是有許多的相同點。在寫這個華章之前，我覺得有必要從理論上和咱們講下頁面規(guī)劃及制造的底子要害。這些底子原則將輔導咱們十分好的閱覽和了解這個章節(jié)的一切內(nèi)容。

1、頁面用色、結(jié)構(gòu)及全體個性應當是謹慎的，充溢商業(yè)空氣的

由于B2B職業(yè)網(wǎng)站觸及職業(yè)的開展動態(tài)、技能常識、營銷管理常識、商品信息等，注定了內(nèi)容是謹慎的、高端的;由于觸及的是公司與公司之間的買賣推進、信息溝通與交友，所以在商業(yè)節(jié)目更多的要體現(xiàn)出稠密的商業(yè)空氣，一切頁面規(guī)劃都是為商人而思考的。

A 、頁面的用色要更謹慎、忌諱非商業(yè)色彩

藍色、赤色、黃色是B2B職業(yè)網(wǎng)站的常用主色，其間常常是幾種色彩調(diào)配運用，當然在運用過程中，常常是用這幾種色彩以外的色彩來調(diào)配，或許這幾種色彩的漸變色。由此衍生的色彩包括：深藍色、暗赤色、鮮赤色、橙色、橙黃色、灰色等等，在此不一一列舉，色彩的調(diào)配由規(guī)劃師自個來斷定，咱們最后來審閱即可，要害要的即是一個頁面全體效果。

B、頁面標題欄和導航欄更多要方形的、規(guī)矩的

作為公司網(wǎng)站、時髦類型的網(wǎng)站，或許為了表達時髦、生動的主題，網(wǎng)站的規(guī)劃能夠?qū)Ρ壬鷦右恍�，多選用圓形或不規(guī)矩的排版方法，可是作為B2B職業(yè)網(wǎng)站，就不能這么規(guī)劃。

每個有些要具有顯著的區(qū)別，每個區(qū)域都是規(guī)矩的，運用的圖像、布景都是謹慎的。不能把圖像斜放、用很大的橢圓形、用很大的圖標、用卡通的圖標、生動的圖形等來規(guī)劃網(wǎng)站的標題欄和導航欄。

C 、全體個性應謹慎、充溢商業(yè)空氣

網(wǎng)站的全體個性比用色、標題欄規(guī)劃愈加主要，某個調(diào)配色彩對比生動、時髦一些，并不會影響全體的個性。某個圖像不規(guī)矩，或許頁面里的內(nèi)容圖像不規(guī)矩，也不會對全體的感受發(fā)生多大的影響。B2B職業(yè)網(wǎng)站的主頁、二級節(jié)目主頁、主要的專題頁，都要先做效果圖，保證全體的效果后，才干開端做頁面規(guī)劃，不能一開端就做頁面。全體的頁面?zhèn)�性不能花哨，要下降結(jié)構(gòu)、布景等對閱覽內(nèi)容的影響，專業(yè)的說法叫下降頁面的噪聲，全體個性要濃艷，讓拜訪的人靜下心來思考。一起B(yǎng)2B職業(yè)網(wǎng)站不是面臨普通消費者的，而是面臨職業(yè)從業(yè)者，是為了咱們?nèi)〉寐殬I(yè)常識與商業(yè)信息而呈現(xiàn)的，供給的是工作和商業(yè)上的協(xié)助，需要謹慎。

2、內(nèi)容和功用決議表現(xiàn)形式和界面規(guī)劃

頁面規(guī)劃是沒有一個固定規(guī)范的，許多時分咱們不能用美丑來判別，也不能用是不是有構(gòu)思來判別，而應當歸納剖析這個頁面的拜訪者，頁面的內(nèi)容、功用。有時分一點構(gòu)思都沒有，和其他許多網(wǎng)站都是類似的，才是最佳的，由于就應當是這么的。看到過一篇講規(guī)劃的文章說：“構(gòu)思是羞恥的，剖析能力遠比構(gòu)思來的主要”，和我這個小標題所要表達的內(nèi)在是相同的。規(guī)劃師常常期望自個的網(wǎng)站是最有構(gòu)思的，最美麗的;程序員期望自個開發(fā)的網(wǎng)站功用是最強的，最易用的;可是任何規(guī)劃、功用都是為拜訪者、運用者效勞的，規(guī)劃者的剖析能力遠比構(gòu)思來的主要。

綜上所述，任何一個頁面在規(guī)劃之前，規(guī)劃師都必須要靜下心來想想，這個頁面在表達啥內(nèi)容，或許說是一個啥樣的功用，依據(jù)內(nèi)容和功用再來斷定應當具有的表現(xiàn)形式。否則規(guī)劃的頁面與網(wǎng)站策劃者所想要到達目的的有時會相差很遠，甚至方向都是不對的。一起規(guī)劃師還要具有一定的商業(yè)思維，將自個的規(guī)劃變的愈加商業(yè)化。

3、要多運用習氣用法，不要輕易運用一種新用法

所謂習氣用法，是用戶常常運用的網(wǎng)站，或許十分聞名的網(wǎng)站用法，通常即是用戶的習氣，由于聞名網(wǎng)站的用戶最多，用戶也是最認可的。相同的功用，或許說不會由于網(wǎng)站的不相同而表達方法發(fā)生改變的功用，就能夠用習氣用法。

比方網(wǎng)站的注冊，幾乎一切具有會員功用的網(wǎng)站都有這個功用，用戶點擊一個注冊的連接，在新窗口里填寫自個的登錄信息、聯(lián)絡方法等，用戶注冊過十分多的網(wǎng)站，假如你的頁面做的和其他易用的聞名網(wǎng)站許多不相同，用戶就會不習氣。比方當咱們來到一個新網(wǎng)站的時分，常常需要了解這個網(wǎng)站的介紹、主辦方聯(lián)絡方法等信息，習氣即是在網(wǎng)站底部找這些信息，絕大有些的網(wǎng)站底部都有一排的連接來表達，假如你規(guī)劃個網(wǎng)站，期望很立異，把這些連接不放在底部，用戶就會覺得不習氣，由于你打破了習氣用法。

對規(guī)劃師來講，那怕有時這么的了解讓你覺得類似而庸俗，一點都沒有立異，你仍是要這么去用。比方絕大有些的網(wǎng)站都是把Logo放在頁面左上角，假如你非要放在右上角，用戶就不能很快的理解這是一個啥樣的網(wǎng)站，由于他習氣了左邊看網(wǎng)站Logo，或許右邊底子就不怎樣注意到。

可是并不是說，咱們不需要立異，相反，在策劃、規(guī)劃的工作中，咱們需要斗膽的立異，假如咱們不計劃運用一種習氣用法，策劃者、規(guī)劃師必須承認新用法有如下兩個特色：

(1)相同理解，相同不言而喻：僅僅換一個十分好的表達方法，和本來的本質(zhì)上沒有太大的改變，相同讓用戶一眼就能看理解，也即是說咱們有所立異，但仍是樹立在習氣用法的根底上，不是徹底憑空立異。

(2)帶來很大的價值，值得用戶支付努力來學習：這個功用雖然是曾經(jīng)咱們沒有見過的，可是咱們承認他能帶來質(zhì)的改變，而不是僅僅換個用戶不習氣的功用和界面。比方曾經(jīng)絕大多數(shù)的網(wǎng)站注冊都是一步搞定，如今假如注冊會員，有許多網(wǎng)站就分為二步或三步，為啥要這么規(guī)劃呢?由于填寫的內(nèi)容太多，分紅幾步用戶更能承受。

4、樹立理解的視覺層次，讓用戶能從視覺上區(qū)別

頁面具有層次感，一看就能理解那些是要點，那些是非必須的，每個有些表達的內(nèi)容都十分的明晰，用戶能很快的找到自個要點重視的有些。與此相反的即是頁面很雜亂，結(jié)構(gòu)不明晰，用戶來到頁面不知道那些是要點，1分鐘之內(nèi)很難發(fā)現(xiàn)自個感愛好的內(nèi)容，網(wǎng)絡上的用戶耐性很差，不能很快找到就不找了，認為你的網(wǎng)站很差，或許爽性今后都不來了，可是實際上網(wǎng)站有他要的內(nèi)容或想運用的功用，僅僅由于頁面規(guī)劃的欠好，不能更快的找到罷了。

樹立理解的視覺層次，既要保證頁面上一切內(nèi)容的外觀、一切的可視頭緒理解，還要能精確地表述頁面上的內(nèi)容之間的關(guān)系。一個視覺層次理解的頁面有如下三個特色：A、越主要的有些越杰出;B、功用或內(nèi)容有關(guān)的有些在視覺上也要有關(guān);C、功用或內(nèi)容在邏輯上包括的有些在視覺上也要進行嵌套。

5、拜訪者不是在閱覽，而是在掃描

依據(jù)《別讓我思考》(英文名：DON'T MAKE ME THINK)一書所講：“拜訪者不是在閱覽，而是在掃描，是很少數(shù)幾個得到了證實的現(xiàn)實之一，大家會花很少的時間來閱覽大有些的頁面，相反，咱們僅僅掃描一下(或許匆匆掠過)頁面，尋找能招引咱們注意力的文字或詞語。”當然這個仍是有一定條件的，關(guān)于導航頁、主頁等，用戶會更多的用掃描來取得自個感愛好的內(nèi)容�？墒顷P(guān)于內(nèi)容終究頁，大有些用戶是在閱覽，可是也會先掃描一下大約內(nèi)容，關(guān)于太長的文章或內(nèi)容，就要看下是不是有小標題，假如有就要先掃描小標題，看自個是不是感愛好，感愛好了才會持續(xù)閱覽。從這個視點講，仍是會先掃描。

當咱們在策劃、規(guī)劃網(wǎng)站的頁面時，在修正網(wǎng)站內(nèi)容時，要時間謹記用戶不是在閱覽，而是在掃描，將這個思維遵循地履行下去。會輔導許多正確的策劃和規(guī)劃，比方：主要的內(nèi)容要大標題、要加粗;每個模塊盡量能圖文并茂，讓讀者掃描的時分看到圖像，更簡單導致愛好;對主要的內(nèi)容，廣告案牘等要多加總結(jié)、提煉，招引他們感愛好;修正在寫文章、內(nèi)容修正的時分，關(guān)于超越800字的文章，最佳能加上小標題，讓用戶能夠預先掃描是不是感愛好。

6、憑空捏造者做出的東西，是遠遠趕不上歸納借鑒者的

頁面技能更新很快，一個網(wǎng)站的界面規(guī)劃壽數(shù)僅僅2-3年罷了。不管是廢物仍是精品，都沒有所謂的經(jīng)典。經(jīng)典只存在所以那個首次成功立異性的應用。一個憑空捏造者做出的東西，是遠遠趕不上歸納借鑒者的。頁面規(guī)劃不相同于其他藝術(shù)，在仿照加立異的頁面規(guī)劃范疇傍邊，即便是徹底自個規(guī)劃的，也是沿用了大家已經(jīng)認同的大有些用戶習氣，并且這種沿用的痕跡有時十分的顯著!還有那個規(guī)劃者敢腆著臉說，這都是我自個的自創(chuàng)規(guī)劃?關(guān)于業(yè)界來說，經(jīng)典僅僅個理念和標志!

關(guān)于B2B職業(yè)網(wǎng)站的規(guī)劃，要多參閱，多仿照，找出幾十個同類型的最優(yōu)異網(wǎng)站來參閱，剖析其他網(wǎng)站為啥要這么規(guī)劃，取其精華，去其糟粕，聯(lián)絡自個規(guī)劃網(wǎng)站的特色加以改進或修正，通常這么的規(guī)劃才是最成功的規(guī)劃。由于最成功的網(wǎng)站都是通過多方研究的，他們不只僅仿照，也有屬于自個的立異，大有些也經(jīng)得起用戶的考驗，契合絕大有些用戶的需要。

7、B2B職業(yè)網(wǎng)站大有些的頁面界面應弱化，著重功用和內(nèi)容

B2B職業(yè)門戶網(wǎng)站不相同于公司網(wǎng)站，它存在的最大的價值在于給用戶供給一個渠道，供給更多有價值的內(nèi)容，界面存在的價值在于輔佐、引導用戶十分好的去運用這個渠道，發(fā)現(xiàn)里邊自個感愛好的內(nèi)容，選擇并閱覽，取得常識。并不是要濃墨重彩的運用許多的色彩和圖標來表達頁面的主題，這個是一些規(guī)劃B2B職業(yè)網(wǎng)站的人常犯的過錯，尤其是初學者。

比方做一個公司網(wǎng)站，咱們?yōu)樯兑�運用大的圖像、圖標，大面積的色彩去渲染這個頁面呢?由于每個公司都有其自個獨特的商品與公司文化，來這個頁面的讀者都是想了解這個公司或商品的，咱們需要用規(guī)劃向拜訪者很直觀的傳遞公司信息，尤其是許多品牌公司網(wǎng)站。B2B職業(yè)網(wǎng)站的專題頁面規(guī)劃、收費效勞介紹等頁面與建造公司網(wǎng)站相同，需要用大的圖像、小圖標、大面積的色彩來烘托頁面的主題。

8、頁面要模塊化、可修正性要強

模塊化不只能夠進步重用性，也能一致網(wǎng)站個性，還能夠下降程序開發(fā)的強度。模塊化的最大優(yōu)點即是一致網(wǎng)站個性，讓用戶不管在網(wǎng)站的那個頁面，也能理解仍是在這個網(wǎng)站，形成了很強的品牌辨識度。時間記住，做網(wǎng)站的終究目標，即是要做品牌，規(guī)劃時就必須要作為輔導思維。不管是架構(gòu)、模塊或圖像，都要思考其可修正性。選用DIV+CSS規(guī)劃是現(xiàn)在最佳的解決方法，不只使頁面易于修正，要害是下降頁面代碼的數(shù)量，易于搜索引擎找到最主要的內(nèi)容。