我想大家都知道北京網站設計B2B行業(yè)網站具有B2B網站和門戶網站的特點，這就決定了頁面設計和其他網站的一些區(qū)別。本文從理論上探討了網頁設計與制作的基本要點，供大家參考。希望大家批評指正。

第一，頁面色彩、框架、整體風格要嚴謹，充滿商業(yè)氣息

因為B2B行業(yè)網站內容嚴謹高端，涉及行業(yè)發(fā)展趨勢、各種技術交流、企業(yè)營銷管理知識等信息，注定嚴謹高端；因為涉及到企業(yè)之間的業(yè)務推廣、信息交流、交友等，所以商業(yè)欄目要表現(xiàn)出濃厚的商業(yè)氛圍，所有頁面都是為商人設計的。

A.頁面的色彩要更加嚴謹，避免非商業(yè)色彩。

藍、紅、黃是B2B網站常用的主色調，經常幾種顏色一起使用。當然，在使用的過程中，這些顏色之外的顏色也經常一起使用，或者顏色逐漸變化。

衍生的顏色有：深藍、深紅、大紅、橘黃、橙黃、灰色等。不在此列。配色是設計師自己定的，最后我們會審核。

禁止使用以下顏色作為主色：

綠色：綠色象征自然、純潔、自然。不符合B2B行業(yè)網站的嚴謹性和商業(yè)性特點?？梢宰鳛槌壬图t色的搭配色，但不建議作為主色調。

粉色：這種顏色更女性化，更溫暖。即使是以女性用品為特色的行業(yè)，也不能用。作為搭配色，盡量少用。畢竟離用戶的需求還很遠。

黑色：黑色和灰色是可以用于頁面大部分文字的顏色，但不能作為B2B網站的主色調。

B.頁面的標題欄和導航欄要更方正，更規(guī)整。

作為一個企業(yè)網站，一個時尚的網站，或者為了表達一個時尚活潑的主題，網站設計可以比較活潑，圓形或者不規(guī)則排版，但是作為一個B2B網站，不能這樣設計。

每個部分要區(qū)分清楚，每個區(qū)域要規(guī)整，使用的圖片和背景要嚴謹。你不能把網站的標題欄和導航欄設計成傾斜的圖片，大省略號，大圖標，卡通圖標，活潑的圖形。

C.整體風格要嚴謹，充滿商務氣息。

網站的整體風格比顏色和標題欄設計更重要。一個配色更活潑時尚，不會影響整體風格。不規(guī)則的圖片，或者網頁中不規(guī)則的圖片，對整體感覺不會有太大影響。整體頁面風格不要花哨。需要減少邊框和背景對閱讀內容的影響以及頁面的噪音。整體風格要優(yōu)雅，讓游客靜下心來思考。

第二，內容和功能決定了表現(xiàn)形式和界面設計

頁面設計沒有固定的標準。很多時候，我們不能用美丑，或者創(chuàng)意來評判。而是要綜合分析這個頁面的訪問者、內容、功能。有時候一點創(chuàng)意都沒有，就像其他很多網站一樣，而且是最好的，因為就應該這樣。任何設計和功能都是為了訪客和用戶，設計師的分析能力遠比創(chuàng)意重要。

示例：

如果用戶注冊頁面的頭部有很多導航欄，左側或右側有很多精彩的內容推薦，圖標設計精美，那就錯了。這個頁面上的鏈接越少越好，頁面越簡單。引導用戶靜下心來填寫真實豐富的內容才是最重要的，否則用戶可能會在操作中途遇到麻煩，如果有更好的內容吸引他，他就不會再填寫了。

設計師在設計任何一個頁面之前，一定要靜下心來，想一想這個頁面在表達什么，或者說是一種什么樣的功能，然后根據(jù)內容和功能來確定表現(xiàn)形式。在規(guī)劃一個網站的時候，對于設計師來說，首先要考慮的是頁面的表現(xiàn)形式。

第三，多使用成語，不要輕易使用一個新的用法

所謂習語，是指用戶經常使用的網站，或者知名網站的使用情況，這往往是用戶的習慣，因為知名網站的用戶數(shù)量最多，最受用戶認可。成語可以用于相同的功能，也可以用于不會因為網站不同而改變表達方式的功能。

比如我們來到一個新的網站，往往需要了解網站的介紹和主辦方的聯(lián)系方式。習慣是在網站底部找這些信息。大部分網站底部都有一排鏈接來表達。如果你設計一個網站，你想創(chuàng)新。如果不把這些鏈接放在底部，用戶會覺得不舒服。

對于設計師來說，即使這樣的熟悉讓你覺得雷同無趣，一點創(chuàng)新都沒有，你還是要這樣用。但這并不意味著我們不需要創(chuàng)新。相反，在規(guī)劃設計工作中，我們需要大膽創(chuàng)新。如果我們不打算使用習語，規(guī)劃師和設計師必須確認這種新用法具有以下兩個特征：

(1)同樣清晰不言而喻：只是更好的表達方式，本質上和原來沒有太大變化，也讓用戶一目了然，創(chuàng)新不是完全無中生有，而是比原來更好。

(2)帶來巨大的價值，值得用戶去努力研究：雖然這個功能以前從未見過，但我們確認它能帶來質的變化，而不僅僅是改變用戶不習慣的功能和界面。例如，大多數(shù)網站都是一步注冊的。如果現(xiàn)在注冊會員，很多網站都是分兩三步的。為什么要這樣設計？因為要填寫的內容太多，所以把內容分成幾個步驟，用戶更容易接受。

第四，建立清晰的視覺層次，讓用戶在視覺上區(qū)分

頁面有層次感，一眼就能看出什么是重要的，什么是次要的。每個部分表達的內容都非常清晰，用戶可以快速找到自己關注的部分。反之，頁面凌亂，結構不清晰，用戶來到頁面也不知道重點是什么。網友的耐心差。很難在30秒內找到他們感興趣的東西，所以他們可能找不到。他們覺得網站對他們不感興趣，或者以后根本不會來。但是，其實網站有他想要的內容或者他想要使用的功能，只是因為頁面設計不好，找不到更快而已。

A.越重要的部分，越突出。

在一個頁面上，如果沒有焦點，用戶會花費大量的時間在所有相同的內容中尋找自己喜歡的內容和功能，這對用戶來說是不友好的。用戶經常使用和閱讀的內容越多，它就越重要。用戶會在最短的時間內獲得最關注的內容和功能，吸引他們留下來。

在頁面設計中，突出重點內容的方法有很多，比如加粗字體、較大的字號、文本與周圍顏色不同的顏色、顯眼的圖標、文本前面的圖片或顏色作為背景等等。

b .與功能或內容相關的部分也要有視覺上的關聯(lián)。

與功能或內容相關的視覺部分也要有關聯(lián)，因為用戶掃描的時候，視覺部分會一起掃描，否則容易被忽略，很亂。常用的方法是用同一個方框，同一個背景，同一個圖標來表達相關的功能或內容。

功能或內容的邏輯包含也應該是可視化嵌套的。

所謂邏輯包含，就是從邏輯的角度進行推理。應該包括在內，比如B2B行業(yè)網站的上游原材料和設備。如果把這兩個部分放在一個頁面上，設備和原材料是分開設計的，但是原材料和設備模塊本身會包含很多不同的內容。為了讓采購企業(yè)快速找到自己想要的產品，應該將它們嵌套在設備模塊和原材料模塊中。

第五，參觀者在瀏覽而不是閱讀

用于導航頁面、主頁等。用戶會多掃描獲取自己感興趣的內容。對于內容的最后一頁，用戶在閱讀之前還會對大致內容進行掃描。對于一篇較長的文章或內容，要看是否有副標題。如果是的話，你應該先瀏覽一下標題，看看你是否感興趣，然后繼續(xù)閱讀。一般來說，用戶會先掃描以下內容：

A.關于手頭的任務我們迫切需要知道的。

B.我們現(xiàn)在或未來的個人興趣，比如：想買一批機器，找一份工作；

c我們腦海中有一些根深蒂固的詞匯，比如“免費”、“打折”、“美妝”。B2B網站用戶會感興趣：比如業(yè)內最具爆炸性的新聞，知名公司老板的動向，最新的采購等等。

我們在規(guī)劃設計網站的頁面，編輯網站的內容時，要時刻記住用戶不是在閱讀，而是在掃描，這樣才能一以貫之的貫徹這個理念。會指導很多正確的策劃設計，比如：重要內容要頭條，加粗；每個模塊都可以盡量圖文并茂，讓讀者在掃描時看到圖片，更容易引起興趣；我們應該對廣告文案進行總結和提煉，以吸引他們的興趣。在編輯文章和內容時，最好給800字以上的文章加上字幕，讓用戶提前掃描是否感興趣。

第六，關起門來做的東西，遠遠跟不上綜合參考

網頁更新快，一個網站的界面設計壽命只有2-3年。沒有所謂的經典，無論是垃圾還是精品。經典的存在是第一次成功的創(chuàng)新應用。幕后人做的東西，遠遠不如綜合參考人。網頁設計不同于其他藝術。在網頁設計的模仿創(chuàng)新領域，即使完全是自己設計的，也依然遵循著人們早已約定好的大部分用戶習慣。

對于B2B行業(yè)網站的設計，參考和模仿幾十個同類型最好的網站，分析為什么其他網站要這樣設計，取其精華去其糟粕，根據(jù)自己網站的特點進行改進或修改，往往是最成功的設計。因為最成功的網站都是經過多方研究的，不僅有模仿的，也有自己的創(chuàng)新，而且大部分都是經得起用戶考驗的，滿足大部分用戶需求的。

第七，B2B行業(yè)網站大部分界面要弱化，強調功能和內容

B2B門戶網站不同于企業(yè)網站。它最大的價值在于為用戶提供了一個平臺和更有價值的內容。界面的價值在于幫助和引導用戶更好地使用這個平臺，找到自己感興趣的內容，選擇閱讀，獲取知識。而不是用大量的顏色和圖標來表達頁面的主題。這是一些做B2B網站設計的人，尤其是新手經常犯的錯誤。

做企業(yè)網站，為什么要用大圖、圖標、大面積的顏色來渲染這個頁面？因為每個企業(yè)都有自己獨特的產品和企業(yè)文化，來到這個頁面的讀者都想了解這個企業(yè)或產品。我們需要用設計把企業(yè)信息直觀地傳達給訪問者，尤其是很多品牌公司的網站。B2B網站的頁面和建筑企業(yè)的網站一樣，需要大圖、小圖標、大面積的色彩來烘托頁面的主題，比如主題設計、有償服務介紹等。

第八，頁面應該是模塊化的，可修改的

模塊化不僅可以提高復用性，還可以統(tǒng)一網站風格，降低程序開發(fā)強度。模塊化最大的好處就是統(tǒng)一了網站的風格，讓用戶明白自己是在網站的那個頁面，還是在這個網站，從而形成強大的品牌識別。永遠記住網站的最終目的是做品牌，這一定是設計的指導思想。

無論是架構、模塊還是屏幕，都要考慮其可修改性。舉個簡單的例子：按鈕，很多人喜歡做圖，n個按鈕就是n個圖。如果只做一個3-5個按鈕的背景圖，在網頁代碼中輸入文字進行修改會更容易，讓程序/網頁制作者自己修改文字。但是網頁上顯示的字體參差不齊。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！