【網站設計】字體是網頁設計中最重要的細節

2016-10-20 1532 2 編輯:深色多郎 來源:網站字體設計

好的字體排版,可以讓人耐心的看完那些文字,然后得到其中的重要信息,還可以影響到瀏覽者閱讀的心情。同時,字體的選擇、大小等,還應該配合企業的VI識別系統.

一個非創意性質的網頁,最重要的內容,就是文字。出現了文字,就會出現文字排版、字體選擇、字體顏色大小粗細等細節。而這些細節,往往是非常重要的細節。

好的字體排版,可以讓人耐心的看完那些文字,然后得到其中的重要信息,還可以影響到瀏覽者閱讀的心情。同時,字體的選擇、大小等,還應該配合企業的VI識別系統,還需要配合你作品需要表達的思想感情來確定(例如古典風格,應該選擇哥特式字體等)。

好了,關于字體的重要性,我就說這么多,再多說也是廢話,只要大家知道很重要,要好好選擇調整就好了。

字體的分類和格式

襯線和無襯線

襯線算是一種輔助性的小細節,籠統的談,太過于抽象,我們來看兩個例子:

這兩個字體,是有襯線字體,大家可以看到在邊角的位置,會多出一些修飾。這樣的好處就是,可以清晰的分辨出字母和文字,分辨筆劃的起始和終止。但是,這種字體如果設置字體大小太小的話、或者你里文字較遠,則會受到襯線影響,分辨不清晰。同時,由于中文系統,默認的字體為宋體,見的太多導致審美疲勞,所以襯線字體比較適合打印文字以及正規文檔中使用,通常不太適合使用在網頁中。

字體圖

這兩個字體,就是無襯線字體,沒有邊角的修飾,令人看起來很整齊光滑,沒有毛刺。比較適合用在網頁中,讓瀏覽者獲取大量的文字信息而不會疲勞。

字體系列

字體之間最大的差異并不在于有無襯線,而在于字體與字體之間,形體的差異。但是很多字體(特別是英文字體)之間,差異不大,有些新字體甚至是對已有字體進行了細微的改造后產生的。

于是,就把字體分成了幾個大的系列,同一個系列中的字體,大體相同,稱作通用字體系列。其中包括以下五個系列:

serif:帶襯線字體。Times New Roman 是默認的 serif 字體,中文字體的話,是宋體、仿宋之類的字體。

sans serif:無襯線字體。Arial 是默認的 sans-serif 字體,中文字體中,微軟雅黑、黑體等都是這類字體。

monospace:等寬字體。這個字體里面的每個字母都有相同的寬度。通常用于顯示程序代碼等,Courier 是默認的 monospace 字體。而對于中文,每個漢字都是等寬的。

cursive:模仿手寫字體。手寫體,比較個性,通常用于標題、logo等等。這個字體系列沒有默認字體,英文來說,通常用 Comic Sans,中文的話,行書系列、草書系列的字體等,都可以算作手寫字體。

fantasy:裝飾用字體。多數用于標題,極具個性,字體繁多,藝術字體。無法對其的大小、形狀下一個統一的定論,所以沒有默認字體,在網頁中,也通常很少用到,除非你有特殊的用處創意性的設計。

關于通用字體系列的更多解釋、描述和字體舉例,推薦大家查看在 W3school 上的資料。

字體的格式

格式就是指字體表現出來的粗細、寬度和姿態等等特征。看下面的這張圖片:

字體圖

里面的字,是相同大小的,同時排放在一條豎線上。為其應用了四種不同的字體后,體現出來了不同的形態和粗細大小。在中文字體中,不同的字體,在字間距中通常沒有很大的變化。而在英文字體中,不同的字體會改變字母的大小,導致整體的尺寸布局不同,進而導致整個排版混亂。

字體圖

相同的字體大小,在不同的字體下面,顯示的效果幾乎完全不同。這是英文字體選擇中,比較麻煩和頭疼的問題。

字體的選擇

上面的這些理論,從某些角度和意義上來說,都是廢話。如何選擇合適的字體,才真正切合實際。那么我們應該如何選擇在網頁中使用的字體呢?

解決這個問題,我們先應該知道為什么要糾結于選擇字體這個問題。我個人認為應該存在 實用性 和 創意性 這兩個方面的因素。創意性很好理解,就是想突破常規,配合自己的網頁中的設計思想而選擇相應的字體,例如表達程序員的思維,就對代碼使用等寬字體,表達恐怖、古典,使用哥特式字體等等。這點自己去找字體好了,不再贅述。最主要的問題是在于 實用性 的方面。

實用性問題,即不需要太過于華麗的字體,只需要大家看的都舒服、稍微帶點自己的特色即可。你會說,很容易啊,直接 CSS 定義一條,填上個字體就好了。如果真這樣,那就太好了。瀏覽器解析字體的過程實際上是這樣的,當瀏覽器加載 CSS 后,解析到有關字體的樣式,它會在你的系統中查找這個字體,只有找到了相應的字體文件,才會根據那個字體文件對網頁中的文字進行渲染,顯示出你想要的效果。

既然這樣,如果你的操作系統中,并沒有安裝網頁中定義的那種字體,就無法渲染出那種字體的效果,而通常使用當前系統的默認字體來渲染。那么你原有的設計,就不行了,你設計時覺得挺好,字體、位置、大小合適,但在別人的電腦上,清一色的宋體。所以這個問題,才是選擇字體的難處所在。當然,有問題就有解決方式:

使用經典通用字體

不同操作系統都有不同的字體系統,但既然是字體,總有一些比較經典老牌的字體共同存在于各個系統中。例如無襯線的 Arial 字體,它產生的時間比較早,同時價格低廉,所以從早期就被 windows 操作系統使用,在其他的操作系統中,也會有較好的不同于默認字體的顯示效果。所以 我愛水煮魚、潛行者m博客 這些網站,直接在 CSS 中聲明使用一個字體:Arial。

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾 捕鱼达人3老版本 下载单机捕鱼达人 未来最赚钱的维修行业 山东德州麻将如何玩 淘客团长怎么赚钱 儿童乐园旁边开什么店赚钱 大象彩票苹果 免费微信推广广告赚钱软件下载 小赢家赚钱吗 奖多多彩票游戏 做外贸代理怎么赚钱吗 资金管理公司 赚钱 万客彩票首页 日本贩卖机赚钱 图帮主能赚钱吗 365彩票首页