網(wǎng)頁設(shè)計:網(wǎng)頁排版如何規(guī)范使用字體

2021-01-01    分類: 網(wǎng)站建設(shè)

漂亮的字體排版總能為網(wǎng)頁設(shè)計加分不少。別具一格的設(shè)計雖然精彩,但是更多的時候,沿著前人探索出來的設(shè)計規(guī)則來設(shè)計,會更加得心應(yīng)手。怎樣利用成熟的規(guī)則來創(chuàng)造令人驚艷的網(wǎng)頁呢?

尺寸和層次

大小尺寸可能是排版設(shè)計的時候,調(diào)整得最多的因素。大而不當(dāng)?shù)淖煮w設(shè)計不可取,小而難讀的尺寸同樣違反了可用性的基本需求。尺寸控制的目標,大概是增一分過大,減一寸太小的境界吧?

而層次也是不可忽略的因素。高可讀性的排版通常是具備有層次感的,而正是層次感引導(dǎo)用戶,先看標題,再看副標題,之后看正文。當(dāng)你明白內(nèi)容的輕重緩急,字體和排版層次就自然而然的有了。

網(wǎng)頁設(shè)計,網(wǎng)頁排版

字間距和字偶距

在中文和英文排印當(dāng)中,字間距的概念比較簡單也容易理解,這是在一段或一句文字中,每個文字的固定間距,但是在英文字體排印當(dāng)中,還存在一個概念,就是字偶距(Kerning),這個概念在中文中幾乎用不到:字偶距值得是特定字母組合之間的距離,比如A和V這樣的字母在一起的時候,如果不調(diào)整兩者之間的字偶距,就會看起來隔得很遠,視覺上會讓人覺得不太正常。

控制整體文本的字間距,能夠讓內(nèi)容的可讀性、文本段落的松緊顯得更加合理。而字偶距在標題、展示性字體設(shè)計當(dāng)中,起到關(guān)鍵的作用,甚至?xí)绊懻w的風(fēng)格。

控制字體數(shù)量

這是老生常談。當(dāng)你的網(wǎng)頁中使用過多的字體的時候會成為視覺噪音。大多數(shù)的項目會將字體數(shù)量控制到2到3種。

字體選擇的關(guān)鍵在于挑選擁有可變風(fēng)格的字體族。絕大多數(shù)的字體都擁有多種不同的樣式,包括常規(guī)、粗體、斜體等。通過選擇有多種可變樣式的字體,讓你的設(shè)計項目確保多變的同時,還擁有內(nèi)核和精神上的一致性。如果你的需求比較多樣的話,甚至有些字體族中混合了襯線體和非襯線體,夠你使用了。

不過,在中文字體的問題上,目前還沒有足夠的在線字體的解決方案,有也不夠成熟。不過你可以在英文字體的搭配上多花點心思。

樣式的混合與搭配

誠然,字體的選擇很棘手,甚至可能是整個設(shè)計方案中令人頭大的部分,但是有時候,選擇風(fēng)格截然不同的兩種字體,也是一個不錯的答案。

進行不同樣式字體搭配的時候,關(guān)鍵技巧在于選擇x高度相同的字體(字體中x、o這些小寫字體的高度),同時還要注意o這樣的小寫字體的內(nèi)空大小要相近,這樣能保證字體的整體體驗是一致的。

這樣的細節(jié)確保了一件事情:即使兩種字體分別為襯線體和非襯線體,擁有足以匹配的視覺體驗,能夠混在一起閱讀。

標題名稱:網(wǎng)頁設(shè)計:網(wǎng)頁排版如何規(guī)范使用字體
本文URL:http://www.bm7419.com/news/95595.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、營銷型網(wǎng)站建設(shè)標簽優(yōu)化、網(wǎng)站收錄、小程序開發(fā)、網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)