您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

淺談電子商務網(wǎng)站文字設計基準特點(2)


 

6 電子商務行業(yè)網(wǎng)站輔助內(nèi)容字號、粗細、行距、顏色一般標準
輔助內(nèi)容包括很多地方,比如首頁的信息發(fā)布時間,信息參數(shù),博客評論次數(shù)等,以及產(chǎn)品列表頁產(chǎn)品參數(shù)、地區(qū)等,內(nèi)容頁信息發(fā)布時間、來源、編輯等,這些都是屬于輔助信息。在設計的時候,需要對輔助內(nèi)容進行弱化,才能突出訪問者最先想了解的內(nèi)容,使頁面更有層次感。
一般標準為:
A 字號:大部分都是12PX,還可以使用11PX。
B 粗細:絕對不能加粗。
C 行距:150%,如果有多行,就要減少行距,120%左右,減少行距,也是弱化的一種方法。
D 顏色:顏色用灰色,一般采用#666666—#999999,灰色是輔助內(nèi)容最大的標志,如果一個網(wǎng)頁設計師設計出來的網(wǎng)頁,對輔助內(nèi)容不使用灰色,那是完全不合格的。


 

圖 華人螺絲網(wǎng)產(chǎn)品列表頁
上面網(wǎng)站產(chǎn)品列表頁,輔助內(nèi)容就是中間的型號等內(nèi)容,包括公司名字都采用了弱化,字號為11PX,比我認為的12PX更小,未加粗,行距150%,中間的我認為行距更低一些更好。
7 導航頁、內(nèi)容頁“引導內(nèi)容”字號、粗細、行距、顏色一般標準
所謂引導內(nèi)容,與上節(jié)講的輔助內(nèi)容有一定的相似,就是引導訪問者對內(nèi)容有一個簡單的了解,引導訪問者進一步閱讀更多內(nèi)容,一般常用在推薦文章、信息介紹、文摘摘要等地方。
一般標準為:
A 字號:大部分都是12PX,甚至更小的11PX。
B 粗細:絕對不加粗。
C 行距:120%,減少行距,也是弱化的一種方法,減少了行距,它占得位置就更少,就更不容易引起重視,達到弱化的效果。
D 顏色:顏色用灰色,一般采用#666666—#999999。


 

圖全球紡織網(wǎng)資訊頻道推薦資訊
上面網(wǎng)站頻道推薦資訊,標題用了藍色,估計為16PX,加粗,很突出,標題下面的引導內(nèi)容顏色為灰色(估計是#666666)字號為12PX,我認為行距可以更小一些,才能起到弱化的效果。
8 內(nèi)容頁信息“標題”字號、粗細、行距、顏色一般標準
無論是產(chǎn)品介紹,還是公司介紹,以及資訊文章,社區(qū)博文,論壇帖子,都可以統(tǒng)一稱為信息,都會有一個標題,不同信息的標題有一些差別。
一般標準為:
A 字號:大部分都超過14PX,資訊的標題更大一些,達到18PX-22PX,產(chǎn)品信息小一些,16PX左右。
B 粗細:絕對加粗。
C 行距:150%。
D 顏色:主要是黑色、藍色等顏色。


 

圖食品商務網(wǎng)資訊標題
上面網(wǎng)站標題,字號為24PX左右,加粗,顏色為灰色,沒那么刺眼。


 

圖 阿里巴巴產(chǎn)品信息標題
圖為阿里巴巴產(chǎn)品信息標題,字號為14PX左右,加粗,顏色為黑色,產(chǎn)品信息標題更小一些,其實我認為再大一些也是可以的,比如16PX左右。
9 內(nèi)容頁信息“正文”字號、粗細、行距、顏色、背景一般標準
只要是信息的正文,不論是產(chǎn)品,企業(yè)介紹,資訊文章,博文,帖子,內(nèi)容都可能超過500字,甚至幾千字,從用戶體驗來說,如果長時間看大量內(nèi)容,字就要更大一些,這個不僅是用戶習慣,從閱讀行為來講,也是絕對有道理的。
一般標準為:
A 字號:必須為14PX,我看到過一些網(wǎng)站,資訊內(nèi)容居然是12PX,我一看到這樣的網(wǎng)站,對他們整個網(wǎng)站產(chǎn)品就印象很差,覺得怎么能這樣的設計呢?最基本的標準都不符合。
B 粗細:不加粗,編輯在修改文章的小標題時要加粗,由編輯完成,與頁面設計無關。
C 行距:150%,這個基本是絕對的標準,絕大部分都是這樣的。
D 顏色:黑色或灰色,有的為了使閱讀起來不刺眼,使用了灰色,一般灰度不低于#555555。
D 背景:為了使閱讀起來,眼睛不太累,可以不使用純白色的背景,可以使用淺藍色、灰色作為背景。和出版的書一樣,正規(guī)印刷品的紙張都不是純白色的,而是有一點泛黃。

 新浪網(wǎng)資訊最終頁內(nèi)容
 


 

圖為新浪網(wǎng)資訊最終頁內(nèi)容,字號為14PX左右,未加粗,顏色為#333333左右,行距150%,背景為灰色。我們也可以使用純白色為背景,很多網(wǎng)站也是白色背景的,不過本研究報告認為,加點淡淡的藍色或灰色背景色更好,讀者看起來眼睛不累。李學江

[教程作者:阿圖]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di958.html
圖趣網(wǎng)絡講解網(wǎng)頁設計教程
作為一名設計師應該如何理解設計
圖趣網(wǎng)微信
建議反饋
×