(樂購網專欄 作者：李學江)當我們打開各種B2B行業網站，看到最多的就是各種文字，以各種方式表達出來，顯示在訪問者眼前，文字是門戶類型網站最多的內容，同時文字與圖片、視頻是網站最重要的三種表達方式之一。B2B行業網站，更多的服務于企業的交易需求、了解行業知識的學習需求及交流需求，本文作者李學江認為，這些需求更多還是要通過文字來表達和傳遞，不同的字號、顏色、粗細、行距，代表了產品策劃者、網站設計者所期望向網站訪問者傳遞的信息。下面來簡要講解下在B2B行業網站設計制作時具有的標準。
1 B2B行業網站導航欄文字字體、字號、粗細、顏色的一般標準
導航欄是一個用戶來到頁面最先看到的部分，要引導用戶到不同的欄目訪問，所以文字要力求突出，這個在前面效果圖設計時也講了。
一般標準為：
A 字體：默認字體宋體，導航欄不能采用圖片制作，不利于搜索引擎優化，所以只能使用宋體。
B 字號：14PX及以上，由于B2B行業網站的欄目一般不多，大部分不適合像新浪、網易那樣做導航欄，一排欄目，是大部分B2B行業網站設計的習慣。部分也有兩排欄目、三排欄目的，最多2排導航更合理。所以絕大多數情況下，字號要大于等于14PX，放二排時一部分有一級欄目導航和二級欄目導航，二級欄目的字號可以小一些，最小13PX。
C 粗細：如果導航欄只有一排，絕大部分情況下，都要加粗，如果把一級欄目和二級欄目都寫在導航條上，用二排顯示，一般只加粗一級欄目。
D 顏色：根據頁面效果圖來制作，如果導航欄有背景，文字顏色必須要用與背景有很強對比的顏色。
圖(92) 華人螺絲網(www.luosi.com)二排導航欄(2011底截圖)
圖(92)為華人螺絲網的二排導航欄，字號為14PX，一級導航欄已加粗，重點欄目用了更吸引眼球的橙色，一部分的B2B行業網站也是采用的是這種導航方式。
圖(93) 醫藥網(www.pharmnet.com.cn)導航欄
圖(93)為醫藥網的導航欄，字號為14PX，加粗，顏色為與背景色對比很強的白色，重點欄目變色顯示，這樣的導航方式是絕大部分B2B行業網站采用的方式。
2 B2B行業網站標題欄文字字體、字號、粗細、顏色的一般標準
標題欄是一個頁面框架設計中最重要的部分，也是需要設計最多的地方，我們設計一個頁面，除了內容設計，基本都是在設計標題欄，在頁面效果圖設計部分也講的很詳細了，這里從標題欄上的文字入手，精確到字體、字號、粗細、顏色來簡要講解。
一般標準為：
A 字體：大部分時候都默認為宋體，因為現在設計網頁，大家都喜歡在標題欄的文字上加鏈接，直接鏈接到二級或一級欄目的更多內容，文字都不是圖片表達的，有的也用CSS來設計一些效果。所以除了一些對效果要求比較高的標題欄以外，我們都只使用所有瀏覽器都能正常顯示的宋體。如果要制作標題欄圖片，可以用一些嚴肅的、商業化一些的字體。
B 字號：14PX，基本沒有多少例外，絕大部分的標題欄文字大小都不能低于14PX，有時會更大一些，但是絕大多數情況下都不能小于14PX。曾經一個設計師給我他設計的網頁，我怎么看都覺得不對，后來才發現，原來他的標題欄都是使用12PX加粗的，看起來沒有層次感，每一個內容塊之間區分度不夠。
C 粗細：必須加粗，基本沒有例外。
D 顏色：根據頁面效果圖的顏色而定，文字顏色仍然必須要用與背景有很強對比的顏色。
3 B2B行業網站導航頁“普通內容”鏈接字號、粗細、行距、顏色的一般標準
導航頁一般指網站首頁，一級欄目首頁等頁面，導航頁內絕大部分的內容都有超鏈接，訪問者根據鏈接標題尋找自己感興趣的內容，所以內容鏈接的設計就變的非常重要。
一般標準為：
A 字號：12PX，也可以采用13PX，絕大部分時候是12PX，《B2B行業門戶網站設計開發實戰研究報告》推薦使用12PX。
B 粗細：細體，不加粗。
C 行距：一般是20PX，最高不超過23PX，最低不低于18PX，否則要么太高，要么太低。
D 顏色：絕大部分情況為黑色，代碼為：#000000—#333333，為了保護視覺，也有采用灰色的，顏色代碼為#444444或#555555。
4 B2B行業網站導航頁“推薦內容”鏈接字號、粗細、行距、顏色一般標準
為了讓內容有主次之分，將重點的內容，讀者可能感興趣的內容讓讀者優先發現，節省用戶去尋找內容的時間，提高網站黏性，對于資訊、技術文章、博客、問答等內容，在網站首頁、一級欄目首頁都要有編輯推送的內容，這些推薦內容與普通的內容鏈接樣式是具有很大不同的。
一般標準為：
A 字號：大部分都是14PX，對于某個欄目每天或一段時間重點推薦的一條內容，標題會更大，一般是16PX-20PX。
B 粗細：絕大部分情況下，絕對是加粗的，我曾經見到一個設計師設計的網站，推薦的資訊，雖然字號比較大，但是卻沒有加粗，沒有達到引起訪問者重點關注的效果。
C 行距：120%以上，一般為150%，否則字大了，上下的距離太緊了，甚至顯示不完全。
D 顏色：與普通內容鏈接的顏色一般是不一樣的，使用黑色、紅色、藍色等，為了達到更突出的效果，不僅從字號、粗細等角度突出，還會使用更吸引眼球的亮色(紅色、橙色、藍色等顏色)。
5 B2B行業網站列表頁“產品名稱”鏈接字號、粗細、行距、顏色一般標準
在列表頁，產品名稱、公司名稱都會比頁面其他字體顯眼一些，在前面效果圖設計時也講過，主要是針對采購商會優先關注產品名稱，挑選到自己想要的產品，才會進一步去看產品的介紹、產地等詳情，那么除產品名稱以外的內容就需要弱化。
一般標準為：
A 字號：大部分都是14PX，也可為13PX。
B 粗細：加粗。
C 行距：150%。
D 顏色：與輔助內容顏色不一樣，一般不用黑色，用藍色比較多一些。
推薦閱讀
樂購網 2012年9月29日，由上海市商務委員會指導，上海市現代商務促進中心主辦的2012上海網絡購物季將在上海拉開帷幕，為期三個月。活動以愛生活，愛網購為主題，云集百聯E城、為為網、蘇寧易購、新蛋網、易迅網、金螞>>>詳細閱讀
本文標題：B2B行業網站“文字樣式設計”一般標準
地址：http://www.brh9h.cn/a/b2b/20120928/86981.html
網友點評
精彩導讀
科技快報
品牌展示