網(wǎng)頁(yè)設(shè)計(jì)中最重要的細(xì)節(jié)之一——字體
一個(gè)非創(chuàng)意性質(zhì)的網(wǎng)頁(yè),最重要的內(nèi)容,就是文字。出現(xiàn)了文字,就會(huì)出現(xiàn)文字排版、字體選擇、字體顏色大小粗細(xì)等細(xì)節(jié)。而這些細(xì)節(jié),往往是非常重要的細(xì)節(jié)。這里還有一篇文章是圖趣之前分享過(guò)的-網(wǎng)頁(yè)設(shè)計(jì)人員參考:網(wǎng)頁(yè)中文設(shè)計(jì)字體總結(jié)。
好的字體排版,可以讓人耐心的看完那些文字,然后得到其中的重要信息,還可以影響到瀏覽者閱讀的心情。同時(shí),字體的選擇、大小等,還應(yīng)該配合企業(yè)的VI識(shí)別系統(tǒng),還需要配合你作品需要表達(dá)的思想感情來(lái)確定(例如古典風(fēng)格,應(yīng)該選擇哥特式字體等)。
好了,關(guān)于字體的重要性,我就說(shuō)這么多,再多說(shuō)也是廢話,只要大家知道很重要,要好好選擇調(diào)整就好了。
字體的分類和格式
襯線和無(wú)襯線
襯線算是一種輔助性的小細(xì)節(jié),籠統(tǒng)的談,太過(guò)于抽象,我們來(lái)看兩個(gè)例子:
這兩個(gè)字體,是有襯線字體,大家可以看到在邊角的位置,會(huì)多出一些修飾。這樣的好處就是,可以清晰的分辨出字母和文字,分辨筆劃的起始和終止。但是,這種字體如果設(shè)置字體大小太小的話、或者你里文字較遠(yuǎn),則會(huì)受到襯線影響,分辨不清晰。同時(shí),由于中文系統(tǒng),默認(rèn)的字體為宋體,見(jiàn)的太多導(dǎo)致審美疲勞,所以襯線字體比較適合打印文字以及正規(guī)文檔中使用,通常不太適合使用在網(wǎng)頁(yè)中。
這兩個(gè)字體,就是無(wú)襯線字體,沒(méi)有邊角的修飾,令人看起來(lái)很整齊光滑,沒(méi)有毛刺。比較適合用在網(wǎng)頁(yè)中,讓瀏覽者獲取大量的文字信息而不會(huì)疲勞。
字體系列
字體之間最大的差異并不在于有無(wú)襯線,而在于字體與字體之間,形體的差異。但是很多字體(特別是英文字體)之間,差異不大,有些新字體甚至是對(duì)已有字體進(jìn)行了細(xì)微的改造后產(chǎn)生的。
于是,就把字體分成了幾個(gè)大的系列,同一個(gè)系列中的字體,大體相同,稱作通用字體系列。其中包括以下五個(gè)系列:
serif:帶襯線字體。Times New Roman 是默認(rèn)的 serif 字體,中文字體的話,是宋體、仿宋之類的字體。
sans serif:無(wú)襯線字體。Arial 是默認(rèn)的 sans-serif 字體,中文字體中,微軟雅黑、黑體等都是這類字體。
monospace:等寬字體。這個(gè)字體里面的每個(gè)字母都有相同的寬度。通常用于顯示程序代碼等,Courier 是默認(rèn)的 monospace 字體。而對(duì)于中文,每個(gè)漢字都是等寬的。
本文地址:http://irelandcustomcontracting.com/tutorial/di1286.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏