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