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

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

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

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

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

B、頁(yè)面標(biāo)題欄和導(dǎo)航欄更多要方形的、規(guī)矩的

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

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

C 、全體個(gè)性應(yīng)謹(jǐn)慎、充溢商業(yè)空氣

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

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

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

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

3、要多運(yùn)用習(xí)氣用法，不要輕易運(yùn)用一種新用法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

8、頁(yè)面要模塊化、可修正性要強(qiáng)

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