B2B行業(yè)網(wǎng)站設(shè)計(jì)的原則

2015-10-26    分類(lèi)： 網(wǎng)站設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)人員在進(jìn)行設(shè)計(jì)B2B門(mén)戶(hù)網(wǎng)站時(shí)該注意哪些細(xì)節(jié)特性呢？從用戶(hù)以及搜索引擎的角度來(lái)講，什么樣的頁(yè)面設(shè)計(jì)會(huì)給用戶(hù)一個(gè)好的體驗(yàn)?zāi)?？B2B行業(yè)門(mén)戶(hù)網(wǎng)站由于具有B2B網(wǎng)站的特性和門(mén)戶(hù)網(wǎng)站的特性，決定了頁(yè)面設(shè)計(jì)及制作具有與其他網(wǎng)站很多的不同點(diǎn)，當(dāng)然還是有許多的相同點(diǎn)。本文來(lái)談?wù)?a >廣州建站行業(yè)中，B2B行業(yè)網(wǎng)站設(shè)計(jì)的原則。
1、頁(yè)面用色、框架及整體風(fēng)格應(yīng)該是嚴(yán)謹(jǐn)?shù)?，充滿(mǎn)商業(yè)氛圍的

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

藍(lán)色、紅色、黃色是B2B行業(yè)網(wǎng)站的常用主色，其中常常是幾種顏色搭配使用，當(dāng)然在使用過(guò)程中，常常是用這幾種顏色之外的顏色來(lái)搭配，或者這幾種顏色的漸變色。由此衍生的顏色包括：深藍(lán)色、暗紅色、鮮紅色、橙色、橙黃色、灰色等等，在此不一一列舉，顏色的搭配由設(shè)計(jì)師自己來(lái)確定，我們最后來(lái)審核即可，關(guān)鍵要的就是一個(gè)頁(yè)面整體效果。

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

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

每個(gè)部分要具有明顯的區(qū)分，每個(gè)區(qū)域都是規(guī)則的，使用的圖片、背景都是嚴(yán)謹(jǐn)?shù)?。不能把圖片斜放、用很大的橢圓形、用很大的圖標(biāo)、用卡通的圖標(biāo)、活潑的圖形等來(lái)設(shè)計(jì)網(wǎng)站的標(biāo)題欄和導(dǎo)航欄。

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

網(wǎng)站的整體風(fēng)格比用色、標(biāo)題欄設(shè)計(jì)更加重要，某個(gè)搭配顏色比較活潑、時(shí)尚一些，并不會(huì)影響整體的風(fēng)格。某個(gè)圖片不規(guī)則，或者網(wǎng)頁(yè)里的內(nèi)容圖片不規(guī)則，也不會(huì)對(duì)整體的感覺(jué)產(chǎn)生多大的影響。B2B行業(yè)網(wǎng)站的首頁(yè)、二級(jí)欄目首頁(yè)、重要的專(zhuān)題頁(yè)，都要先做效果圖，保證整體的效果后，才能開(kāi)始做頁(yè)面設(shè)計(jì)，不能一開(kāi)始就做頁(yè)面。整體的頁(yè)面風(fēng)格不能花哨，要降低框架、背景等對(duì)閱讀內(nèi)容的影響，專(zhuān)業(yè)的說(shuō)法叫降低頁(yè)面的噪聲，整體風(fēng)格要淡雅，讓訪問(wèn)的人靜下心來(lái)思考。同時(shí)B2B行業(yè)網(wǎng)站不是面對(duì)普通消費(fèi)者的，而是面對(duì)行業(yè)從業(yè)者，是為了大家獲得行業(yè)知識(shí)與商業(yè)信息而出現(xiàn)的，提供的是工作和商業(yè)上的幫助，需要嚴(yán)謹(jǐn)。
B2B行業(yè)網(wǎng)站設(shè)計(jì)
2、內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計(jì)

頁(yè)面設(shè)計(jì)是沒(méi)有一個(gè)固定標(biāo)準(zhǔn)的，很多時(shí)候我們不能用美丑來(lái)判斷，也不能用是否有創(chuàng)意來(lái)判斷，而應(yīng)該綜合分析這個(gè)頁(yè)面的訪問(wèn)者，頁(yè)面的內(nèi)容、功能。有時(shí)候一點(diǎn)創(chuàng)意都沒(méi)有，和其他很多網(wǎng)站都是類(lèi)似的，才是最好的，因?yàn)榫蛻?yīng)該是這樣的?？吹竭^(guò)一篇講設(shè)計(jì)的文章說(shuō)：“創(chuàng)意是可恥的，分析能力遠(yuǎn)比創(chuàng)意來(lái)的重要”，和我這個(gè)小標(biāo)題所要表達(dá)的內(nèi)涵是一樣的。設(shè)計(jì)師常常希望自己的網(wǎng)站是最有創(chuàng)意的，最漂亮的;程序員希望自己開(kāi)發(fā)的網(wǎng)站功能是最強(qiáng)的，最易用的;但是任何設(shè)計(jì)、功能都是為訪問(wèn)者、使用者服務(wù)的，設(shè)計(jì)者的分析能力遠(yuǎn)比創(chuàng)意來(lái)的重要。

3、要多使用習(xí)慣用法，不要輕易使用一種新用法

所謂習(xí)慣用法，是用戶(hù)經(jīng)常使用的網(wǎng)站，或者非常知名的網(wǎng)站用法，往往就是用戶(hù)的習(xí)慣，因?yàn)橹W(wǎng)站的用戶(hù)最多，用戶(hù)也是最認(rèn)可的。相同的功能，或者說(shuō)不會(huì)因?yàn)榫W(wǎng)站的不同而表達(dá)方式發(fā)生變化的功能，就可以用習(xí)慣用法。

比如網(wǎng)站的注冊(cè)，幾乎所有具有會(huì)員功能的網(wǎng)站都有這個(gè)功能，用戶(hù)點(diǎn)擊一個(gè)注冊(cè)的鏈接，在新窗口里填寫(xiě)自己的登錄信息、聯(lián)系方式等，用戶(hù)注冊(cè)過(guò)非常多的網(wǎng)站，如果你的頁(yè)面做的和其他易用的知名網(wǎng)站很多不一樣，用戶(hù)就會(huì)不習(xí)慣。比如當(dāng)我們來(lái)到一個(gè)新網(wǎng)站的時(shí)候，常常需要了解這個(gè)網(wǎng)站的介紹、主辦方聯(lián)系方式等信息，習(xí)慣就是在網(wǎng)站底部找這些信息，絕大部分的網(wǎng)站底部都有一排的鏈接來(lái)表達(dá)，如果你設(shè)計(jì)個(gè)網(wǎng)站，希望很創(chuàng)新，把這些鏈接不放在底部，用戶(hù)就會(huì)覺(jué)得不習(xí)慣，因?yàn)槟愦蚱屏肆?xí)慣用法。

對(duì)設(shè)計(jì)師來(lái)講，那怕有時(shí)這樣的熟悉讓你覺(jué)得相似而乏味，一點(diǎn)都沒(méi)有創(chuàng)新，你還是要這樣去用。比如絕大部分的網(wǎng)站都是把Logo放在頁(yè)面左上角，如果你非要放在右上角，用戶(hù)就不能很快的明白這是一個(gè)什么樣的網(wǎng)站，因?yàn)樗?xí)慣了左邊看網(wǎng)站Logo，也許右邊根本就不怎么注意到。

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

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

建立清楚的視覺(jué)層次，既要確保頁(yè)面上所有內(nèi)容的外觀、所有的可視線(xiàn)索清楚，還要能準(zhǔn)確地表述頁(yè)面上的內(nèi)容之間的關(guān)系。一個(gè)視覺(jué)層次清楚的頁(yè)面有如下三個(gè)特點(diǎn)：A、越重要的部分越突出;B、功能或內(nèi)容相關(guān)的部分在視覺(jué)上也要相關(guān);C、功能或內(nèi)容在邏輯上包含的部分在視覺(jué)上也要進(jìn)行嵌套，關(guān)于這三個(gè)特點(diǎn)，我在《B2B行業(yè)門(mén)戶(hù)網(wǎng)站設(shè)計(jì)開(kāi)發(fā)實(shí)戰(zhàn)研究報(bào)告》里做了非常詳細(xì)的闡述。

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

根據(jù)《別讓我思考》(英文名：DON'TMAKEMETHINK)一書(shū)所講：“訪問(wèn)者不是在閱讀，而是在掃描，是極少數(shù)幾個(gè)得到了證明的事實(shí)之一，人們會(huì)花極少的時(shí)間來(lái)閱讀大部分的頁(yè)面，相反，我們只是掃描一下(或者匆匆掠過(guò))網(wǎng)頁(yè)，尋找能吸引我們注意力的文字或詞語(yǔ)。”當(dāng)然這個(gè)還是有一定條件的，對(duì)于導(dǎo)航頁(yè)、首頁(yè)等，用戶(hù)會(huì)更多的用掃描來(lái)獲得自己感興趣的內(nèi)容。但是對(duì)于內(nèi)容最終頁(yè)，大部分用戶(hù)是在閱讀，但是也會(huì)先掃描一下大概內(nèi)容，對(duì)于太長(zhǎng)的文章或內(nèi)容，就要看下是否有小標(biāo)題，如果有就要先掃描小標(biāo)題，看自己是否感興趣，感興趣了才會(huì)繼續(xù)閱讀。從這個(gè)角度講，還是會(huì)先掃描。

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

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

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

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

7、B2B行業(yè)網(wǎng)站大部分的頁(yè)面界面應(yīng)弱化，強(qiáng)調(diào)功能和內(nèi)容

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

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

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

模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風(fēng)格，還可以降低程序開(kāi)發(fā)的強(qiáng)度。模塊化的大好處就是統(tǒng)一網(wǎng)站風(fēng)格，讓用戶(hù)無(wú)論在網(wǎng)站的那個(gè)頁(yè)面，也能明白還是在這個(gè)網(wǎng)站，形成了很強(qiáng)的品牌辨識(shí)度。時(shí)刻記住，做網(wǎng)站的最終目標(biāo)，就是要做品牌，設(shè)計(jì)時(shí)就必須要作為指導(dǎo)思想。無(wú)論是架構(gòu)、模塊或圖片，都要考慮其可修改性。采用DIV+CSS設(shè)計(jì)是目前最好的解決方法，不僅使頁(yè)面易于修改，關(guān)鍵是降低頁(yè)面代碼的數(shù)量，易于搜索引擎找到最重要的內(nèi)容。

分享名稱(chēng)：B2B行業(yè)網(wǎng)站設(shè)計(jì)的原則
文章路徑：http://www.muchs.cn/news/33079.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化