2006年,Oliver Reichenstein撰寫了文章《網(wǎng)頁設(shè)計95%的工作是排版》,這是當(dāng)年最有爭議的文章之一。Reichenstein在文章中這么說道:“網(wǎng)頁設(shè)計不僅僅是挑選并使用精美的字體,更多的是關(guān)于我們?nèi)绾卧谠O(shè)計中使用它們?!本W(wǎng)站最基本的功能是呈現(xiàn)信息,讓用戶可以閱讀。字體的展示和排版自然也是網(wǎng)頁設(shè)計師工作的重要內(nèi)容之一,今天我們整理了一些關(guān)于文字排版的技巧,分享給大家。
首先我們要清楚一個問題,就是什么樣的排版才可以稱得上是優(yōu)秀的頁面文字排版?很多人都認(rèn)為優(yōu)秀的文字排版,在閱讀感受上一定是很棒的,文字表達(dá)的意思也是連貫的,在視覺上體現(xiàn)出來的就是平衡,在整體上有一個空間感。網(wǎng)頁制作時文章的布局,內(nèi)容的設(shè)置以及欄目的設(shè)計都對文字的易讀性有影響。從文字排版的易讀性出發(fā),需要考慮文字的字體、文字的大小、段落之間的行距、間距、背景顏色的使用以及文字的顏色等等。 字體、字號 字體和字號這兩個元素必須捏在一起說。 字體分為襯線體(serif)與非襯線體(sans serif)。簡單的說,襯線體(serif)就是帶有襯線的字體,筆畫粗細(xì)不同并帶有額外的裝飾,開始和結(jié)尾有明顯的筆觸。常用的英文襯線體有Times New Roman和Georgia,中文即是我們在windows下最常見的中易宋體。 與襯線體相反,無襯線裝飾,筆畫粗細(xì)無明顯查差異的字體就是非襯線體(sans serif)。Arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體,中文有微軟雅黑和mac下默認(rèn)的中文-華文細(xì)黑。
我們隨手拿起一本書或者一份報紙,數(shù)一數(shù)每行的文字,一般情況下都不會超過40個漢字。這是因為如果每行文字過長,讀者會不停的轉(zhuǎn)動脖子,感到疲憊的同時也會降低閱讀效率;目光從行尾移至下一行首,也很容易串行,影響讀者瀏覽文章的節(jié)奏。這點同樣適用于網(wǎng)頁上的文章閱讀。由于顯示器是橫向的,我們更要注意劃分閱讀區(qū)域。
白色是全頻光,全放射光對人眼睛的最有刺激,所以很多印刷品讀物的紙張都選用乳白色或者淡黃色的紙張。由于顯示器本身就發(fā)光,所以同是純白色背景的文字,在電腦上比在紙上閱讀會使眼睛更容易疲乏,另有研究表明:在電腦上閱讀只有在紙上閱讀速度的78%,閱讀效率大大減低。因此,為了提高頁面瀏覽的舒適度和效率,越來越多的頁面采用淺灰色和淡黃色做為頁面背景。 另外,印刷品以文字為主的出版物往往會采用低光澤度的紙張,也是因為光澤度高的紙張反射度高,導(dǎo)致閱讀質(zhì)量下降,容易使人視覺疲勞。頁面背景仿造低光澤度的紙張(紙張紋理)也能否提高閱讀的舒適度呢? 雖然在網(wǎng)頁設(shè)計中依然有很多需要我們注意的地方,最后,分享給大家一個想法就是:網(wǎng)頁設(shè)計中排版很重要。做出正確的排版可以讓你的網(wǎng)站感覺清爽,糟糕的網(wǎng)頁排版會令用戶分心,傾向于關(guān)注自己的感受而非內(nèi)容。排版的關(guān)鍵在于使信息層級清晰、用戶易于閱讀、并且保證文字是可讀的。文字的排版不應(yīng)該增加用戶的認(rèn)知符合,以求達(dá)到尊重內(nèi)容、尊重用戶的目的。
廣州天河區(qū)珠江新城富力盈力大廈北塔2706
020-38013166(網(wǎng)站咨詢專線)
400-001-5281 (售后服務(wù)熱線)
深圳市坂田十二橡樹莊園F1-7棟
Site/ http://www.szciya.com
E-mail/ itciya@vip.163.com
品牌服務(wù)專線:400-001-5281
長沙市天心區(qū)芙蓉中路三段398號新時空大廈5樓
聯(lián)系電話/ (+86 0731)88282200
品牌服務(wù)專線/ 400-966-8830
旗下運營網(wǎng)站:
Copyright ? 2016 廣州思洋文化傳播有限公司,保留所有權(quán)利。 粵ICP備09033321號