圖(94) 阿里巴巴產品列表頁
圖(94)為阿里巴巴產品列表頁面截圖，產品名稱字號為14PX，藍色，加粗，標題以外的大部分內容都是灰色，弱化了。
6 B2B行業網站輔助內容字號、粗細、行距、顏色一般標準
輔助內容包括很多地方，比如首頁的信息發布時間，信息參數，博客評論次數等，以及產品列表頁產品參數、地區等，內容頁信息發布時間、來源、編輯等，這些都是屬于輔助信息。在設計的時候，需要對輔助內容進行弱化，才能突出訪問者最先想了解的內容，使頁面更有層次感，我在《B2B行業門戶網站策劃實戰研究報告》里對這個問題，也從策劃的角度進行了講解。
一般標準為：
A 字號：大部分都是12PX，還可以使用11PX。
B 粗細：絕對不能加粗。
C 行距：150%，如果有多行，就要減少行距，120%左右，減少行距，也是弱化的一種方法。
D 顏色：顏色用灰色，一般采用#666666—#999999，灰色是輔助內容最大的標志，如果一個網頁設計師設計出來的網頁，對輔助內容不使用灰色，那是完全不合格的。
圖(95) 華人螺絲網(www.luosi.com)產品列表頁
圖(95)為螺絲網產品列表頁，輔助內容就是中間的型號等內容，包括公司名字都采用了弱化，字號為11PX，比我認為的12PX更小，未加粗，行距150%，中間的我認為行距更低一些更好。
7 導航頁、內容頁“引導內容”字號、粗細、行距、顏色一般標準
所謂引導內容，與上節講的輔助內容有一定的相似，就是引導訪問者對內容有一個簡單的了解，引導訪問者進一步閱讀更多內容，一般常用在推薦文章、信息介紹、文摘摘要等地方。
一般標準為：
A 字號：大部分都是12PX，甚至更小的11PX。
B 粗細：絕對不加粗。
C 行距：120%，減少行距，也是弱化的一種方法，減少了行距，它占得位置就更少，就更不容易引起重視，達到弱化的效果。
D 顏色：顏色用灰色，一般采用#666666—#999999。
圖(96)全球紡織網資訊頻道推薦資訊
圖(96)為全球紡織網資訊頻道推薦資訊，標題用了藍色，估計為16PX，加粗，很突出，標題下面的引導內容顏色為灰色(估計是#666666)字號為12PX，《B2B行業門戶網站設計開發實戰研究報告》認為行距可以更小一些，才能起到弱化的效果。
8 內容頁信息“標題”字號、粗細、行距、顏色一般標準
無論是產品介紹，還是公司介紹，以及資訊文章，社區博文，論壇帖子，都可以統一稱為信息，都會有一個標題，不同信息的標題有一些差別。
一般標準為：
A 字號：大部分都超過14PX，資訊的標題更大一些，達到18PX-22PX，產品信息小一些，16PX左右。
B 粗細：絕對加粗。
C 行距：150%。
D 顏色：主要是黑色、藍色等顏色。
圖(97)食品商務網資訊標題
圖(97)為食品商務網資訊標題，字號為24PX左右，加粗，顏色為灰色，沒那么刺眼。
圖(98) 阿里巴巴產品信息標題
圖(98)為阿里巴巴產品信息標題，字號為14PX左右，加粗，顏色為黑色，產品信息標題更小一些，其實我認為再大一些也是可以的，比如16PX左右。
9 內容頁信息“正文”字號、粗細、行距、顏色、背景一般標準
只要是信息的正文，不論是產品，企業介紹，資訊文章，博文，帖子，內容都可能超過500字，甚至幾千字，從用戶體驗來說，如果長時間看大量內容，字就要更大一些，這個不僅是用戶習慣，從閱讀行為來講，也是絕對有道理的。
一般標準為：
A 字號：必須為14PX，我看到過一些網站，資訊內容居然是12PX，我一看到這樣的網站，對他們整個網站產品就印象很差，覺得怎么能這樣的設計呢?最基本的標準都不符合。
B 粗細：不加粗，編輯在修改文章的小標題時要加粗，由編輯完成，與頁面設計無關。
C 行距：150%，這個基本是絕對的標準，絕大部分都是這樣的。
D 顏色：黑色或灰色，有的為了使閱讀起來不刺眼，使用了灰色，一般灰度不低于#555555。
D 背景：為了使閱讀起來，眼睛不太累，可以不使用純白色的背景，可以使用淺藍色、灰色作為背景。和出版的書一樣，正規印刷品的紙張都不是純白色的，而是有一點泛黃。
圖(99) 新浪網資訊最終頁內容
圖(99)為新浪網資訊最終頁內容，字號為14PX左右，未加粗，顏色為#333333左右，行距150%，背景為灰色。我們也可以使用純白色為背景，很多網站也是白色背景的，不過本研究報告認為，加點淡淡的藍色或灰色背景色更好，讀者看起來眼睛不累。
推薦閱讀
樂購網 2012年9月29日，由上海市商務委員會指導，上海市現代商務促進中心主辦的2012上海網絡購物季將在上海拉開帷幕，為期三個月。活動以愛生活，愛網購為主題，云集百聯E城、為為網、蘇寧易購、新蛋網、易迅網、金螞>>>詳細閱讀
本文標題：B2B行業網站“文字樣式設計”一般標準
地址：http://www.xglongwei.com/a/b2b/20120928/86981.html
網友點評
精彩導讀
科技快報
品牌展示