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

淺談電子商務(wù)網(wǎng)站文字設(shè)計(jì)基準(zhǔn)特點(diǎn)(2)


 

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


 

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


 

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


 

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


 

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

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


 

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

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