以下內容由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您編輯整理。

1 頁(yè)面用色、框架及整體風(fēng)格應是嚴謹的，充滿(mǎn)商業(yè)氛圍的

由于B2B行業(yè)網(wǎng)站的內容是嚴謹的、高端的，涉及行業(yè)的發(fā)展動(dòng)態(tài)、各種技術(shù)交流、企業(yè)的營(yíng)銷(xiāo)管理知識等信息，注定了內容是嚴謹的、高端的；由于其涉的是企業(yè)與企業(yè)之間的交易促進(jìn)、信息交流與交友，所以在商業(yè)欄目更多的要體現出濃厚的商業(yè)氛圍，一切頁(yè)面設計都是為商人而考慮的。

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

藍色、紅色、黃色是B2B行業(yè)網(wǎng)站的常用主色，其中常常是幾種顏色搭配使用，當然在使用過(guò)程中，常常是用這幾種顏色之外的顏色來(lái)搭配，或者這幾種顏色的漸變色。

由此衍生的顏色包括：深藍色、暗紅色、鮮紅色、橙色、橙黃色、灰色等等。

忌諱使用如下幾種顏色為主色調：

綠色：綠色更多的象征大自然、純潔、天然等含義，不符合B2B行業(yè)網(wǎng)站的嚴謹、商業(yè)兩個(gè)特點(diǎn)，可作為橙色、紅色等的搭配顏色，但是建議不能作為主色調。

粉紅色：這種顏色更多表達的是女性化、溫馨的氛圍，就算是以女性產(chǎn)品為特色的行業(yè)，也不能使用，作為搭配顏色也盡量少用，畢竟與用戶(hù)需求相差太遠。

黑色：黑色、灰色是頁(yè)面絕大部分文字可以采用的顏色，但是不能作為B2B行業(yè)網(wǎng)站的主色調。

B 頁(yè)面的標題欄和導航欄更多要方形的、規則的

作為企業(yè)網(wǎng)站、時(shí)尚類(lèi)型的網(wǎng)站，或者為了表達時(shí)尚、活潑的主題，網(wǎng)站的設計可以比較活潑一些，多采用圓形或不規則的排版方式，但是作為B2B行業(yè)網(wǎng)站，就不能這樣設計。

每個(gè)部分要具有明顯的區分，每個(gè)區域都是規則的，使用的圖片、背景都是嚴謹的。不能把圖片斜放、用很大的橢圓形、用很大的圖標、用卡通的圖標、活潑的圖形等來(lái)設計網(wǎng)站的標題欄和導航欄。

C 整體風(fēng)格應嚴謹、充滿(mǎn)商業(yè)氛圍

網(wǎng)站的整體風(fēng)格比用色、標題欄設計更加重要，某個(gè)搭配顏色比較活潑、時(shí)尚一些，并不會(huì )影響整體的風(fēng)格。某個(gè)圖片不規則，或者網(wǎng)頁(yè)里的內容圖片不規則，也不會(huì )對整體的感覺(jué)產(chǎn)生多大影響。整體的頁(yè)面風(fēng)格不能花哨，要降低框架、背景等對閱讀內容的影響，降低頁(yè)面的噪聲，整體風(fēng)格要淡雅，讓訪(fǎng)問(wèn)的人靜下心來(lái)思考。

2 內容和功能決定表現形式和界面設計

頁(yè)面設計是沒(méi)有一個(gè)固定標準的，很多時(shí)候不能用美丑來(lái)判斷，也不能用是否有創(chuàng )意來(lái)判斷，而應該綜合分析這個(gè)頁(yè)面的訪(fǎng)問(wèn)者，頁(yè)面內容、功能。有時(shí)候一點(diǎn)創(chuàng )意都沒(méi)有，和其他很多網(wǎng)站都是類(lèi)似的，才是最好的，因為就應該是這樣的。任何設計、功能都是為訪(fǎng)問(wèn)者、使用者服務(wù)的，設計者的分析能力遠比創(chuàng )意來(lái)的重要。

舉例說(shuō)明：

用戶(hù)注冊頁(yè)面如果頭部有很多導航條，左邊或右邊有許多精彩內容推薦，設計很漂亮的圖標，反而是不對的，這個(gè)頁(yè)面的鏈接應該越少越好，頁(yè)面越簡(jiǎn)潔越好。引導用戶(hù)靜下心來(lái)填寫(xiě)真實(shí)、豐富的內容才是最關(guān)鍵的，不然用戶(hù)可能操作一半，覺(jué)得麻煩，還有更好的內容吸引他，就不再填寫(xiě)下去了。

任何一個(gè)頁(yè)面在設計之前，設計師都必須要靜下心來(lái)想想，這個(gè)頁(yè)面在表達什么內容，或者說(shuō)是一個(gè)什么樣的功能，根據內容和功能再來(lái)確定應該具有的表現形式。

3 要多使用習慣用法，不要輕易使用一種新用法

所謂習慣用法，是用戶(hù)經(jīng)常使用的網(wǎng)站，或者非常知名的網(wǎng)站用法，往往就是用戶(hù)的習慣，因為知名網(wǎng)站的用戶(hù)最多，用戶(hù)也是最認可的。相同的功能，或者說(shuō)不會(huì )因為網(wǎng)站的不同而表達方式發(fā)生變化的功能，就可以用習慣用法。

比如當我們來(lái)到一個(gè)新網(wǎng)站的時(shí)候，常常需要了解這個(gè)網(wǎng)站的介紹、主辦方聯(lián)系方式等信息，習慣就是在網(wǎng)站底部找這些信息，絕大部分的網(wǎng)站底部都有一排的鏈接來(lái)表達，如果你設計網(wǎng)站時(shí)，希望很創(chuàng )新，把這些鏈接不放在底部，用戶(hù)就會(huì )覺(jué)得不習慣。

對設計師來(lái)講，那怕這樣的熟悉讓你覺(jué)得相似而乏味，一點(diǎn)都沒(méi)有創(chuàng )新，你還是要這樣去用。但并不是說(shuō)我們不需要創(chuàng )新，相反，在策劃、設計的工作中，需要大膽的創(chuàng )新，如果我們不打算使用一種習慣用法，策劃者、設計師必須確認新用法有如下兩個(gè)特點(diǎn)：

（１）同樣清楚，同樣不言而喻：只是換一個(gè)更好的表達方式，和原來(lái)本質(zhì)上沒(méi)有太大的改變，同樣讓用戶(hù)一眼就能看明白，不是完全憑空的創(chuàng )新，要比原來(lái)的更好才可以。

（２）帶來(lái)很大的價(jià)值，值得用戶(hù)付出努力來(lái)學(xué)習：這個(gè)功能雖然是以前大家沒(méi)有見(jiàn)過(guò)的，但是我們確認他能帶來(lái)質(zhì)的變化，而不是僅僅換個(gè)用戶(hù)不習慣的功能和界面。比如以前絕大多數的網(wǎng)站注冊都是一步搞定，現在如果注冊會(huì )員，有許多網(wǎng)站就分為二步或三步，為什么要這么設計呢？因為填寫(xiě)的內容太多，分成幾步用戶(hù)更能接受。

4 建立清楚的視覺(jué)層次，讓用戶(hù)能從視覺(jué)上區分

頁(yè)面具有層次感，一看就能明白那些是重點(diǎn)，那些是次要的，每個(gè)部分表達的內容都非常的清晰，用戶(hù)能很快的找到自己重點(diǎn)關(guān)注的部分。與此相反的就是頁(yè)面很凌亂，結構不清晰，用戶(hù)來(lái)到頁(yè)面不知道那些是重點(diǎn)。網(wǎng)絡(luò )用戶(hù)耐性很差，30秒之內很難發(fā)現自己感興趣的內容，可能就不找了，認為網(wǎng)站不是他感興趣的，或者干脆以后都不來(lái)了，但是實(shí)際上網(wǎng)站有他要的內容或想使用的功能，只是由于頁(yè)面設計的不好，不能更快找到而已。

A 越重要的部分越突出

在一個(gè)頁(yè)面上，如果沒(méi)有重點(diǎn)，用戶(hù)就要花很多時(shí)間在所有一樣的內容里去找他最喜歡的內容和功能，對用戶(hù)不夠友好。越是用戶(hù)經(jīng)常使用、經(jīng)常閱讀的內容，越要放在最重要的位置，用戶(hù)會(huì )用最短的時(shí)間獲得最關(guān)注的內容和功能，才能吸引他留下來(lái)。

在頁(yè)面設計的時(shí)候，突出重點(diǎn)的內容有許多的方法，常用的有：字體加粗、字號變大、字的顏色和周?chē)念伾灰粯?、文字前配上醒目的圖標、用圖片或顏色作為背景等等。

B 功能或內容相關(guān)的部分在視覺(jué)上也要相關(guān)

在功能或內容相關(guān)的部分視覺(jué)也要相關(guān)，因為用戶(hù)掃描的時(shí)候，視覺(jué)相關(guān)的部分就會(huì )作為一起掃描，否則容易忽略掉，同時(shí)會(huì )顯得凌亂。常用的方法是把相關(guān)的功能或內容用同樣的框、同樣的背景、同樣的圖標來(lái)表達。

C 功能或內容在邏輯上包含的部分在視覺(jué)上也要進(jìn)行嵌套

所謂邏輯上包含，就是從邏輯的角度推理，他應該是屬于包含的，比如：B2B行業(yè)網(wǎng)站的上游原料和設備，如果我們把這2個(gè)部分放在一個(gè)頁(yè)面，就應該把設備和原料分開(kāi)來(lái)設計，但是原料和設備模塊本身還會(huì )包括許多不同的內容，為了讓想采購的企業(yè)很快速的找到自己想要的產(chǎn)品，就要在設備模塊和原料模塊內部再進(jìn)行嵌套。

5 訪(fǎng)問(wèn)者不是在閱讀，而是在掃描

《別讓我思考》一書(shū)講：“訪(fǎng)問(wèn)者不是在閱讀，而是在掃描，是極少數幾個(gè)得到了證明的事實(shí)之一，人們會(huì )花極少的時(shí)間來(lái)閱讀大部分的頁(yè)面，相反，我們只是掃描一下（或者匆匆掠過(guò)）網(wǎng)頁(yè)，尋找能吸引我們注意力的文字或詞語(yǔ)?！睂τ趯Ш巾?yè)、首頁(yè)等，用戶(hù)會(huì )更多的用掃描來(lái)獲得自己感興趣的內容。對于內容最終頁(yè)，用戶(hù)在閱讀前也會(huì )先掃描一下大概內容，對于太長(cháng)的文章或內容，就要看下是否有小標題，如果有就要先掃描小標題，看自己是否感興趣，感興趣了才會(huì )繼續閱讀下去。用戶(hù)一般會(huì )先掃描如下內容：

A、與我們現在手頭任務(wù)有關(guān)的，急需想知道的。

B、我們當前或接下來(lái)的個(gè)人興趣，比如：想采購一批機器、想找工作；

C、還有我們腦袋里一些根深蒂固的詞，例如“免費”、“打折”、“美女”等。B2B行業(yè)網(wǎng)站用戶(hù)都會(huì )感興趣的：例如行業(yè)最爆炸性的新聞、知名公司老總動(dòng)態(tài)、最新求購等。

當我們在策劃、設計網(wǎng)站的頁(yè)面時(shí)，在編輯網(wǎng)站內容時(shí)，要時(shí)刻謹記用戶(hù)不是在閱讀，而是在掃描，將這個(gè)思想貫徹地執行下去。會(huì )指導很多正確的策劃和設計，比如：重要的內容要大標題、要加粗；每個(gè)模塊盡量能圖文并茂，讓讀者掃描的時(shí)候看到圖片，更容易引起興趣；對廣告文案等要多加總結、提煉，吸引他們感興趣；編輯在寫(xiě)文章、內容編輯的時(shí)候，對于超過(guò)800字的文章，最好能加上小標題，讓用戶(hù)可以預先掃描是否感興趣等。

6 閉門(mén)造車(chē)者做出的東西，是遠遠趕不上綜合借鑒者的

網(wǎng)頁(yè)技術(shù)更新很快，一個(gè)網(wǎng)站的界面設計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒(méi)有所謂的經(jīng)典。經(jīng)典只存在于是那個(gè)首次成功創(chuàng )新性的應用。一個(gè)閉門(mén)造車(chē)者做出的東西，是遠遠趕不上綜合借鑒者的。網(wǎng)頁(yè)設計不同于其他藝術(shù)，在模仿加創(chuàng )新的網(wǎng)頁(yè)設計領(lǐng)域當中，即便是完全自己設計的，也是沿用了人們已經(jīng)認同的大部分用戶(hù)習慣，而且這種沿襲的痕跡有時(shí)非常的明顯！還有那個(gè)設計者敢腆著(zhù)臉說(shuō)，這都是我自己的原創(chuàng )設計？對于業(yè)界來(lái)說(shuō)，經(jīng)典只是個(gè)理念和象征！

對于B2B行業(yè)網(wǎng)站的設計，要多參考，多模仿，找出幾十個(gè)同類(lèi)型的最優(yōu)秀網(wǎng)站來(lái)參考，分析別的網(wǎng)站為什么要這么設計，取其精華，去其糟粕，聯(lián)系自己設計網(wǎng)站的特點(diǎn)加以改進(jìn)或修改，往往這樣的設計才是最成功的設計。因為最成功的網(wǎng)站都是經(jīng)過(guò)多方研究的，他們不僅僅模仿，也有屬于自己的創(chuàng )新，大部分也經(jīng)得起用戶(hù)的考驗，符合絕大部分用戶(hù)的需求。

7 B2B行業(yè)網(wǎng)站大部分的界面應弱化，強調功能和內容

B2B行業(yè)門(mén)戶(hù)網(wǎng)站不同于企業(yè)網(wǎng)站，它存在的最大價(jià)值在于給用戶(hù)提供一個(gè)平臺，提供更多有價(jià)值的內容，界面存在的價(jià)值在于輔助、引導用戶(hù)更好的去使用這個(gè)平臺，發(fā)現里面自己感興趣的內容，挑選并閱讀，獲得知識。并不是要濃墨重彩的使用大量的顏色和圖標來(lái)表達頁(yè)面的主題，這個(gè)是一些設計B2B行業(yè)網(wǎng)站的人常犯的錯誤，尤其是初學(xué)者。

做一個(gè)企業(yè)網(wǎng)站，我們?yōu)槭裁匆褂么蟮膱D片、圖標，大面積的顏色去渲染這個(gè)頁(yè)面呢？因為每個(gè)企業(yè)都有其自己獨特的產(chǎn)品與企業(yè)文化，來(lái)這個(gè)頁(yè)面的讀者都是想了解這個(gè)企業(yè)或產(chǎn)品的，我們需要用設計向訪(fǎng)問(wèn)者很直觀(guān)的傳遞企業(yè)信息，尤其是很多品牌公司網(wǎng)站。B2B行業(yè)網(wǎng)站的專(zhuān)題設計、收費服務(wù)介紹等頁(yè)面與建設企業(yè)網(wǎng)站一樣，需要用大圖片、小圖標、大面積的顏色來(lái)襯托頁(yè)面的主題。

8 頁(yè)面要模塊化、可修改性要強

模塊化不僅可以提高重用性，也能統一網(wǎng)站風(fēng)格，還可以降低程序開(kāi)發(fā)的強度。模塊化的最大好處就是統一網(wǎng)站風(fēng)格，讓用戶(hù)無(wú)論在網(wǎng)站的那個(gè)頁(yè)面，也能明白還是在這個(gè)網(wǎng)站，形成了很強的品牌辨識度。時(shí)刻記住，做網(wǎng)站的最終目標，就是做品牌，必須要作為設計的指導思想。

無(wú)論是架構、模塊或圖片，都要考慮其可修改性。舉個(gè)簡(jiǎn)單的例子：按鈕，很多人喜歡制作圖片，N個(gè)按鈕就是N張圖片。如果只做3-5類(lèi)按鈕的背景圖片，在網(wǎng)頁(yè)代碼里打上文字，那么修改起來(lái)就簡(jiǎn)單了，讓程序/網(wǎng)頁(yè)制作者自己改字就可以了。然而網(wǎng)頁(yè)顯示的字體是帶有鋸齒的，一般既能清晰又保證美觀(guān)的字體字號有幾類(lèi)：“宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+|”等等。

以上內容就是由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您編輯整理的《世紀網(wǎng)絡(luò )8招打造完美B2B網(wǎng)站頁(yè)面設計》的全部?jì)热荨?/SPAN>我公司是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的高新技術(shù)企業(yè)，一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統解決方案，以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近760多家政府網(wǎng)站、企業(yè)網(wǎng)站，是寶雞網(wǎng)站建設行業(yè)規模最大、客戶(hù)數量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò )公司。歡迎您來(lái)電咨詢(xún)，咨詢(xún)熱線(xiàn)：0917-3535180 3536690……