免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

網(wǎng)頁(yè)字體排版如何設(shè)計(jì)

2022-06-07    分類(lèi): 網(wǎng)站建設(shè)

漂亮的字體排版總能為網(wǎng)站設(shè)計(jì)加分不少。別具一格的設(shè)計(jì)雖然精彩,但是更多的時(shí)候,沿著前人探索出來(lái)的設(shè)計(jì)規(guī)則來(lái)設(shè)計(jì),會(huì)更加得心應(yīng)手。

怎樣利用成熟的規(guī)則來(lái)創(chuàng)造令人驚艷的網(wǎng)頁(yè)呢?今天的文章就沿著這樣的思路來(lái)探索網(wǎng)頁(yè)設(shè)計(jì)的可能性。

尺寸和層次


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

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

字間距和字偶距


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

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

控制字體數(shù)量


這絕對(duì)是老生常談。當(dāng)你的網(wǎng)頁(yè)中使用過(guò)多的字體的時(shí)候會(huì)成為視覺(jué)噪音。絕大多數(shù)的項(xiàng)目會(huì)將字體數(shù)量控制到2到3種。

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

不過(guò),在中文字體的問(wèn)題上,目前還沒(méi)有足夠優(yōu)秀的在線字體的解決方案,有也不夠成熟。不過(guò)你可以在英文字體的搭配上多花點(diǎn)心思。

樣式的混合與搭配


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

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

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

忘記連字符和對(duì)齊吧


在傳統(tǒng)的排版印刷當(dāng)中,為了確保閱讀體驗(yàn)和排版的整體美感,當(dāng)單詞出現(xiàn)到一行的邊緣無(wú)法完全顯示的時(shí)候,會(huì)通過(guò)連字符跳轉(zhuǎn)到下一行。同時(shí),為了讓沒(méi)一行兩頭都好地對(duì)齊,會(huì)使用Justification(對(duì)齊)這一技術(shù)。

但是,在網(wǎng)頁(yè)設(shè)計(jì)中,截然不同的需求讓這兩種排印技術(shù)顯得并不那么有用。連字符會(huì)打破用戶原有的閱讀節(jié)奏,所以連字符的意義并不大。而使用兩頭對(duì)齊的技術(shù),會(huì)讓許多段落內(nèi)的字間距和行間距變得非常奇怪。所以,忘記這兩個(gè)東西吧。


不要強(qiáng)行改變字體


從技術(shù)上來(lái)說(shuō),你可以讓一個(gè)胖一點(diǎn)瘦一點(diǎn),高一點(diǎn)或者矮一點(diǎn),甚至在高一點(diǎn)的同時(shí)還加粗等等等等。這在網(wǎng)頁(yè)中運(yùn)用并不可取,因?yàn)樽煮w設(shè)計(jì)師原本已經(jīng)在力圖讓一款字體看起來(lái)足夠一致也足夠漂亮,強(qiáng)行改變通常只能讓整字體劣化,在頁(yè)面中顯示也往往無(wú)法確保好看。

如果你發(fā)覺(jué)某款字體不適合你的設(shè)計(jì),最好是搜索另外的字體。你可以使用 Identifont 這樣的服務(wù)來(lái)尋找類(lèi)似的字體。

對(duì)比


對(duì)比度是字體排版設(shè)計(jì)的時(shí)候,最值得注意的幾個(gè)因素之一。就像你需要使用不同的尺寸的字體對(duì)比來(lái)營(yíng)造層次感一樣,不同的字體重量是對(duì)比,色彩能構(gòu)成對(duì)比,樣式不同也一樣是對(duì)比。

高效的對(duì)比手法有不少,但是色彩是來(lái)的高效的。最理想的方案,是淺色的背景上使用深色的文本字體(或者相反)。有無(wú)數(shù)的配色方案可以幫你實(shí)現(xiàn)這一點(diǎn)。不過(guò),值得注意的是,有的對(duì)比色過(guò)于晃眼,比如藍(lán)色+亮紅色,就讓人很難受。所以,除了足夠的對(duì)比,還要在明暗和飽和度上調(diào)整,才能帶來(lái)好體驗(yàn)。

度量也很重要


網(wǎng)頁(yè)中文本的載體和度量也很重要,一行有多少字母,一段有多少文字,這些都影響著整個(gè)閱讀體驗(yàn)。用戶始終是需要從左到右閱讀文本,并且循環(huán)往復(fù)掃視來(lái)獲取信息的,太短了用戶需要頻繁掃視,太長(zhǎng)了會(huì)使得掃視范圍過(guò)廣,也容易讓人分心。

如果你想擁有良好的閱讀體驗(yàn),將每行文字控制在大概60個(gè)字符左右,這個(gè)字符數(shù)量能夠讓你的內(nèi)容擁有恰到好處的可讀性。

在移動(dòng)端上,每行文字應(yīng)該控制在30~40個(gè)字符之間,這也符合目前的用戶使用習(xí)慣和閱讀體驗(yàn)。參考下面的對(duì)比圖,可以看出,40~60個(gè)字符數(shù)通常能夠取得好的閱讀體驗(yàn)。

在網(wǎng)頁(yè)設(shè)計(jì)中,通常使用 em 和 px 來(lái)控制文本塊的寬度,借此來(lái)控制每行的字符數(shù)量。

當(dāng)前標(biāo)題:網(wǎng)頁(yè)字體排版如何設(shè)計(jì)
URL標(biāo)題:http://m.newbst.com/news34/164834.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營(yíng)銷(xiāo)網(wǎng)站導(dǎo)航用戶體驗(yàn)網(wǎng)站設(shè)計(jì)定制網(wǎng)站網(wǎng)站改版

廣告

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

網(wǎng)站優(yōu)化排名