B 功能或內(nèi)容相關的部分在視覺上也要相關
在功能或內(nèi)容相關的部分視覺也要相關，因為用戶掃描的時候，視覺相關的部分就會作為一起掃描，否則容易忽略掉，同時會顯得凌亂。常用的方法是把相關的功能或內(nèi)容用同樣的框、同樣的背景、同樣的圖標來表達。
C 功能或內(nèi)容在邏輯上包含的部分在視覺上也要進行嵌套
所謂邏輯上包含，就是從邏輯的角度推理，他應該是屬于包含的，比如：B2B行業(yè)網(wǎng)站的上游原料和設備，如果我們把這2個部分放在一個頁面，就應該把設備和原料分開來設計，但是原料和設備模塊本身還會包括許多不同的內(nèi)容，為了讓想采購的企業(yè)很快速的找到自己想要的產(chǎn)品，就要在設備模塊和原料模塊內(nèi)部再進行嵌套。
5 訪問者不是在閱讀，而是在掃描
《別讓我思考》一書講：“訪問者不是在閱讀，而是在掃描，是極少數(shù)幾個得到了證明的事實之一，人們會花極少的時間來閱讀大部分的頁面，相反，我們只是掃描一下(或者匆匆掠過)網(wǎng)頁，尋找能吸引我們注意力的文字或詞語�！睂τ趯Ш巾摗⑹醉摰�，用戶會更多的用掃描來獲得自己感興趣的內(nèi)容。對于內(nèi)容最終頁，用戶在閱讀前也會先掃描一下大概內(nèi)容，對于太長的文章或內(nèi)容，就要看下是否有小標題，如果有就要先掃描小標題，看自己是否感興趣，感興趣了才會繼續(xù)閱讀下去。用戶一般會先掃描如下內(nèi)容：
A、與我們現(xiàn)在手頭任務有關的，急需想知道的。
B、我們當前或接下來的個人興趣，比如：想采購一批機器、想找工作;
C、還有我們腦袋里一些根深蒂固的詞，例如“免費”、“打折”、“美女”等。B2B行業(yè)網(wǎng)站用戶都會感興趣的：例如行業(yè)最爆炸性的新聞、知名公司老總動態(tài)、最新求購等。
當我們在策劃、設計網(wǎng)站的頁面時，在編輯網(wǎng)站內(nèi)容時，要時刻謹記用戶不是在閱讀，而是在掃描，將這個思想貫徹地執(zhí)行下去。會指導很多正確的策劃和設計，比如：重要的內(nèi)容要大標題、要加粗;每個模塊盡量能圖文并茂，讓讀者掃描的時候看到圖片，更容易引起興趣;對廣告文案等要多加總結、提煉，吸引他們感興趣;編輯在寫文章、內(nèi)容編輯的時候，對于超過800字的文章，最好能加上小標題，讓用戶可以預先掃描是否感興趣等。
6 閉門造車者做出的東西，是遠遠趕不上綜合借鑒者的
網(wǎng)頁技術更新很快，一個網(wǎng)站的界面設計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經(jīng)典。經(jīng)典只存在于是那個首次成功創(chuàng)新性的應用。一個閉門造車者做出的東西，是遠遠趕不上綜合借鑒者的。網(wǎng)頁設計不同于其他藝術，在模仿加創(chuàng)新的網(wǎng)頁設計領域當中，即便是完全自己設計的，也是沿用了人們已經(jīng)認同的大部分用戶習慣，而且這種沿襲的痕跡有時非常的明顯!還有那個設計者敢腆著臉說，這都是我自己的原創(chuàng)設計?對于業(yè)界來說，經(jīng)典只是個理念和象征!
對于B2B行業(yè)網(wǎng)站的設計，要多參考，多模仿，找出幾十個同類型的最優(yōu)秀網(wǎng)站來參考，分析別的網(wǎng)站為什么要這么設計，取其精華，去其糟粕，聯(lián)系自己設計網(wǎng)站的特點加以改進或修改，往往這樣的設計才是最成功的設計。因為最成功的網(wǎng)站都是經(jīng)過多方研究的，他們不僅僅模仿，也有屬于自己的創(chuàng)新，大部分也經(jīng)得起用戶的考驗，符合絕大部分用戶的需求。
7 B2B行業(yè)網(wǎng)站大部分的界面應弱化，強調(diào)功能和內(nèi)容
B2B行業(yè)門戶網(wǎng)站不同于企業(yè)網(wǎng)站，它存在的最大價值在于給用戶提供一個平臺，提供更多有價值的內(nèi)容，界面存在的價值在于輔助、引導用戶更好的去使用這個平臺，發(fā)現(xiàn)里面自己感興趣的內(nèi)容，挑選并閱讀，獲得知識。并不是要濃墨重彩的使用大量的顏色和圖標來表達頁面的主題，這個是一些設計B2B行業(yè)網(wǎng)站的人常犯的錯誤，尤其是初學者。
做一個企業(yè)網(wǎng)站，我們?yōu)槭裁匆褂么蟮膱D片、圖標，大面積的顏色去渲染這個頁面呢?因為每個企業(yè)都有其自己獨特的產(chǎn)品與企業(yè)文化，來這個頁面的讀者都是想了解這個企業(yè)或產(chǎn)品的，我們需要用設計向訪問者很直觀的傳遞企業(yè)信息，尤其是很多品牌公司網(wǎng)站。B2B行業(yè)網(wǎng)站的專題設計、收費服務介紹等頁面與建設企業(yè)網(wǎng)站一樣，需要用大圖片、小圖標、大面積的顏色來襯托頁面的主題。
8 頁面要模塊化、可修改性要強
模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風格，還可以降低程序開發(fā)的強度。模塊化的最大好處就是統(tǒng)一網(wǎng)站風格，讓用戶無論在網(wǎng)站的那個頁面，也能明白還是在這個網(wǎng)站，形成了很強的品牌辨識度。時刻記住，做網(wǎng)站的最終目標，就是做品牌，必須要作為設計的指導思想。
無論是架構、模塊或圖片，都要考慮其可修改性。舉個簡單的例子：按鈕，很多人喜歡制作圖片，N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片，在網(wǎng)頁代碼里打上文字，那么修改起來就簡單了，讓程序/網(wǎng)頁制作者自己改字就可以了。然而網(wǎng)頁顯示的字體是帶有鋸齒的，一般既能清晰又保證美觀的字體字號有幾類：“宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+|”等等。
關于B2B行業(yè)網(wǎng)站頁面設計基礎就講這8點，這將作為設計B2B行業(yè)門戶網(wǎng)站的指導思想，也是順利看完本章節(jié)的基礎知識。也許還有更多的設計基礎知識，待大家自己在工作中去總結和提升。作為一個做產(chǎn)品策劃的非設計工作者，對設計談的8點看法，希望廣大設計者和產(chǎn)品策劃朋友對李學江拍磚。
推薦閱讀
(速途網(wǎng)專欄 作者：張野)B2B衰落是不爭的事實，公認的原因是：“傳統(tǒng)B2B模式僅僅提供了信息流，無法滿足目前電商環(huán)境下，商家以及消費者的新訴求�！庇谑�，不管是阿里帝國，還是一些行業(yè)新秀，都希望借此機會進行模式>>>詳細閱讀
本文標題：8招教您做好B2B行業(yè)網(wǎng)站頁面設計
地址：http://www.sh-jijian.com/a/b2b/20120806/79866.html
網(wǎng)友點評
精彩導讀
科技快報
品牌展示