大學網站設計，我想大家都知道B2B行業網站有B2B網站和門戶網站的特點，這就決定了頁面設計和其他網站的一些區別。這里從理論上探討一下頁面設計制作的基本點，供大家參考。歡迎大家批評指正。

首先，頁面顏色、框架和整體風格要嚴謹，充滿商業氣息

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

A頁的色彩要更嚴謹，避免非商業色彩。

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

衍生顏色包括:深藍色、深紅色、鮮紅色、橙色、橙黃色、灰色等。，這里沒有列出。配色方案由設計師決定。最后，我們來復習一下。

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

綠色:綠色象征著自然、純潔、自然等含義。不符合B2B行業網站嚴謹和商業化的特點。可以作為橙色和紅色的搭配色，但建議不要作為主色調。

粉色:這種顏色更女性化，更溫暖。哪怕是以女性用品為特色的行業，也不能用。作為搭配色，要盡量少用。畢竟離用戶的需求還很遠。

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

b .頁面的標題欄和導航欄要更方正，更規整。

作為一個企業網站，一個時尚的網站，或者為了表達時尚活潑的主題，網站設計可以更活潑一些，有圓形或者不規則的排版，但是作為一個B2B網站，不能這樣設計。

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

c整體風格要嚴謹，充滿商業氣息。

網站的整體風格比顏色和標題欄設計更重要。某個配色比較活潑時尚，不會影響整體風格。不規則的圖片，或者網頁中內容的不規則圖片，對整體感覺不會有太大影響。整體頁面風格不要花哨。要減少框架和背景對閱讀內容的影響，降低頁面的噪點。整體風格要優雅，讓游客靜下心來思考。

其次，內容和功能決定表現形式和界面設計

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

示例:

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

設計師在設計任何一個頁面之前，一定要靜下心來，想一想這個頁面在表達什么，或者是一種什么樣的功能，然后根據內容和功能來確定表現形式。在規劃網站時，設計師需要考慮頁面的形式。詳見第四版B2B行業門戶網站規劃研究報告第八章，系統闡述了這一問題。

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

所謂習慣用法，是指用戶經常使用的網站，或者知名網站的用法。這往往是用戶的習慣，因為知名網站的用戶數量最多，用戶的認可度最高。同一個功能，或者不會因為網站不同而改變表達方式的功能，可以用成語。

比如我們來到一個新的網站，往往需要了解網站的介紹，贊助商的聯系方式等信息。按照慣例，可以在網站底部找到這些信息。大部分網站底部都有一排鏈接來表達。如果你設計一個網站，你想非常創新，如果你不把這些鏈接放在底部，用戶會感到不舒服。

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

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

(2)它帶來了巨大的價值，值得用戶努力學習:雖然這個功能從未見過，但我們確認它能帶來質變，而不僅僅是改變用戶不習慣的功能和界面。比如以前大部分網站都是一步到位注冊的。現在很多網站注冊會員都要兩三步。為什么要這樣設計？因為要填寫的內容太多，用戶更容易把內容分成幾個步驟。

第四，建立清晰的視覺層級，讓用戶在視覺上進行區分。

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

越重要的部分越突出。

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

在頁面設計中，突出重點內容的方法有很多，比如加粗字體、放大字號、文字與周圍顏色不同、文字前醒目圖標、圖片或顏色作為背景等。，主要介紹在《B2B行業門戶設計與開發研究報告》的第三章。

b與功能或內容相關的部分也要有視覺上的關聯。

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

功能或內容的邏輯部分也應該在視覺上嵌套。

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

第五，訪問者在掃描而不是閱讀

《不要讓我思考》這本書說:這是少數幾個被證明的事實之一，訪問者不是在閱讀，而是在瀏覽。人們花很少的時間閱讀大多數網頁。相反，我們只是瀏覽網頁，尋找能吸引我們注意力的單詞或短語。& rdquo用于導航頁面、主頁等。，用戶會多掃描獲取自己感興趣的東西。對于最后一頁的內容，用戶在閱讀前也會對大致內容進行掃描。對于過長的文章或內容，要看是否有副標題。如果是的話，瀏覽一下副標題，看看他們是否感興趣，然后繼續閱讀。通常，用戶會首先掃描以下內容:

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

B.我們當前或者接下來的個人興趣，比如:想買一批機器，找工作；

C.我們腦子里有一些根深蒂固的詞，比如& ldquo免費& rdquo、& ldquo折扣& rdquo、& ldquo美& rdquo。B2B網站用戶會感興趣的:比如業內最具爆炸性的新聞，著名公司老板的動向，最新的采購等。

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

第六，人們閉門造車，遠遠落后于綜合參考

網頁更新快，一個網站界面的設計壽命只有2-3年。沒有所謂的經典，不管是垃圾還是精品。經典的存在是第一次成功的創新應用。幕后人做的東西遠遠落后于綜合參考人。網頁設計不同于其他藝術。在網頁設計的模仿和創新領域，即使完全是自己設計的，也遵循了大部分人們已經認同的用戶習慣，而且這種繼承的痕跡有時候非常明顯！更何況設計師還敢一臉羞澀的說這些都是我自己的原創設計？對于行業來說，經典只是一個概念和符號！

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

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

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

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

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

模塊化不僅可以提高復用性，還可以統一網站風格，降低程序開發強度。模塊化大的好處就是統一了網站風格，讓用戶明白自己是在那個頁面還是在這個網站，從而形成強大的品牌識別。永遠記住，網站的最終目的是做品牌，這一定是設計的指導思想。如何打造B2B行業網站的品牌，在《B2B行業門戶網站推廣實用秘籍》中有系統的講解。

無論是架構、模塊還是畫面，都要考慮其可修改性。舉個簡單的例子:按鈕。很多人喜歡畫畫。N個按鈕就是N張圖片。如果只做3-5個按鈕的背景圖，在網頁代碼中鍵入文字，修改起來會比較容易，讓程序/網頁制作者自己修改文字。但是，網頁上顯示的字體參差不齊。有幾種類型的字體通常可以清晰美觀:& ldquo宋12px |宋12px Bold |宋14px |宋14px Bold | Bold 20px | verdana 9px | arial back 12px+| & rdquo；等一下。

非常感謝您讀完創新互聯的這篇文章："高校網站設計中B2B網站的頁面設計技巧"，僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供：網站建設、網站制作、官網建設、SEO優化、小程序制作等服務，歡迎聯系我們提供您的需求。

網站題目：高校網站設計中B2B網站的頁面設計技巧
當前鏈接：http://m.newbst.com/news6/315606.html

成都網站建設公司_創新互聯，為您提供微信小程序、微信公眾號、定制網站、App開發、網站排名、做網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯