字體的大小、粗細(xì)和字距行距

3 評(píng)論 25557 瀏覽 8 收藏 6 分鐘

網(wǎng)頁中文字大小、粗細(xì)和字距行距對(duì)整個(gè)網(wǎng)頁設(shè)計(jì)來說也是至關(guān)重要的,不同的選擇會(huì)有不同的效果,下面我們將逐一進(jìn)行分析。
一、文字的大小
文字大小決定網(wǎng)頁形象,文字標(biāo)題的大小控制了網(wǎng)頁的形象。放大標(biāo)題會(huì)給人有力、活躍、自信的印象;縮小則表現(xiàn)出纖細(xì)和縝密的印象。另外,文字大小的對(duì)比也會(huì)左右印象。標(biāo)題文字的大小與正文之比叫做跳動(dòng)率。跳動(dòng)率越大,畫面越活躍;反之越穩(wěn)重。
文字的大小可以用不同的方式來計(jì)算,例如磅或像素。因?yàn)榫W(wǎng)頁文字要通過顯示器顯示,所以建議采用像素為單位。較大的字體可用于標(biāo)題或其他需要強(qiáng)調(diào)的地方,小一些的字體可以用于頁腳和輔助信息。需要注意的是,小字號(hào)容易產(chǎn)生整體感和精致感,但可讀性較差。一般情況下,網(wǎng)頁正文可以使用12~16像素大小的文字。
將標(biāo)題的文字變大,粗細(xì)效果會(huì)加倍。例如,大而粗的文字最有精神,大而細(xì)的文字都能使印象最強(qiáng)。另一方面,將文字變小,粗細(xì)效果會(huì)減弱。雖然細(xì)而小的文字有優(yōu)美的感覺,但使用細(xì)而大的文字,效果會(huì)更加明顯??傊?,文字越大,越能強(qiáng)化粗細(xì)的印象。
二、文字的粗細(xì)
網(wǎng)頁設(shè)計(jì)者可以用字體更充分地體現(xiàn)設(shè)計(jì)中要表達(dá)的情感。字體選擇是一種感性、直觀的行為。粗體字強(qiáng)壯有力,有男性的特點(diǎn),適合機(jī)械、建筑業(yè)等內(nèi)容;細(xì)體字高雅細(xì)致有女性特點(diǎn),更適合服裝、化妝品、食品等行業(yè)的內(nèi)容。在同一頁面中,字體種類少,界面雅致,有穩(wěn)定感;字體種類多,則界面活躍,豐富多彩。關(guān)鍵是如何根據(jù)頁面內(nèi)容來掌握這個(gè)比例關(guān)系。
1、字體粗細(xì)特征
字體細(xì)顯得優(yōu)美,粗則顯得有力。將標(biāo)題文字變細(xì),就會(huì)顯得十分優(yōu)美。宋體也好、黑體也罷,哪一種字體變細(xì)都會(huì)產(chǎn)生優(yōu)美的意味。將文字變粗,效果增強(qiáng),粗字則傳遞了強(qiáng)而有力的印象。
2、粗字宜用作標(biāo)題
網(wǎng)頁新聞的大標(biāo)題要用粗字體來表示,如果用細(xì)字,看起來就像無聊的、沒有什么價(jià)值的新聞。粗字熱情而細(xì)字冷靜,因此熱門新聞與細(xì)字不相稱。粗字給人有精神、有力量的印象,最適合于強(qiáng)調(diào)喜劇性信息與富有活力感的網(wǎng)頁。
3、正文不宜粗細(xì)變化
粗細(xì)效果對(duì)于正文中的小字是一樣的,但故意運(yùn)用粗細(xì)變化,就會(huì)造成可讀性的降低。調(diào)整字體粗細(xì)要把握好度。特別應(yīng)注意的是,主頁的設(shè)計(jì)未必能夠同制作者所指定的設(shè)計(jì)完全相同,考慮到這個(gè)差距的存在性,還在使用標(biāo)準(zhǔn)式樣比較穩(wěn)妥。
三、字距和行距
字距與行距的處理能直接體現(xiàn)設(shè)計(jì)作品的風(fēng)格與品位,也能夠影響讀者的視覺和心理感受?,F(xiàn)代網(wǎng)頁設(shè)計(jì)比較流行把標(biāo)題文字字距拉開或變窄的排列方式,以體現(xiàn)輕松、舒展、娛樂或抒情的版面,也常通過壓扁文字或加寬行距來體現(xiàn)。此外,運(yùn)用字距與行距的寬窄同時(shí)作綜合變化,這樣能夠給作品版式增加空間層次和彈性。字距與行距變化不是絕對(duì)的,關(guān)鍵是要根據(jù)設(shè)計(jì)的主題內(nèi)容和設(shè)計(jì)需要進(jìn)行靈活處理。
行距的變化也會(huì)對(duì)文本的可讀性產(chǎn)生很大影響。一般情況下,接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為10:12,即用字10點(diǎn),則行距12點(diǎn)。適當(dāng)?shù)男芯鄷?huì)形成一條明顯的水平空白條,以引導(dǎo)瀏覽者的目光,而行距過寬則會(huì)使一行文字失去較好的延續(xù)性。
除了對(duì)可讀性的影響外,行距本身也是具有很強(qiáng)表現(xiàn)力的設(shè)計(jì)語言,為了加強(qiáng)界面的裝飾效果,可以有意識(shí)地加寬或縮窄行距,體現(xiàn)獨(dú)特的審美意趣,但要注意行距一般不超過字高的200%。加寬行距可以體現(xiàn)輕松、舒展的情緒,應(yīng)用于娛樂性、抒情性的內(nèi)容恰如其分。另外,通過精心安排,使寬、窄行距并存,可增強(qiáng)界面的空間層次與彈性,表現(xiàn)出獨(dú)到的匠心。

來源:站900

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 其實(shí)內(nèi)容比字體重要啦

    來自浙江 回復(fù)
    1. 再好的內(nèi)容,如果排版太丑,讀下去的耐力有限

      來自廣東 回復(fù)
    2. “行距的常規(guī)比例為10:12,即用字10點(diǎn),則行距12點(diǎn)”,用行高表達(dá)的話,請(qǐng)問是怎樣

      來自本機(jī)地址 回復(fù)