16個(gè)網(wǎng)頁文本排版設(shè)計(jì)中的常見錯(cuò)誤

上期我們介紹了15個(gè)著陸頁設(shè)計(jì)中的常見錯(cuò)誤,?這期我們繼續(xù)來聊網(wǎng)頁文本排版設(shè)計(jì)中常見的錯(cuò)誤。

1. 一大長串的文本

一大塊文本比較難閱讀。為了引導(dǎo)閱讀,應(yīng)將其拆分為段落或引入短語、圖片之類的進(jìn)行分段。

2.標(biāo)題離前一段和下一段之間的距離相同

標(biāo)題不應(yīng)該離上下段都是一樣的距離,它應(yīng)該屬于下一段,標(biāo)題上方的距離應(yīng)該比下方的距離大2-3倍。同時(shí),標(biāo)題下的距離應(yīng)該跟段落之間的距離大致相同或稍微大一點(diǎn)。這樣,標(biāo)題的視覺效果是跟后文聯(lián)系在一起的。

3.沒有邏輯順序

在排版中,對比用于在視覺上劃分不同級別的文本并建立嚴(yán)格的層次結(jié)構(gòu)。主標(biāo)題應(yīng)該是頁面上最突出的,副標(biāo)題應(yīng)該相對較小但仍然清晰可見。

4.內(nèi)容塊上方和下方的間距不同

如果內(nèi)容塊的重要程度一樣,則他們彼此之間的距離要相等。

5.標(biāo)題位置太靠近圖片了

一方面,插圖及其標(biāo)題本應(yīng)該形成一個(gè)整體,但這兩個(gè)元素是獨(dú)立的,并且標(biāo)題不應(yīng)干擾圖像。

6.副標(biāo)題和文本之間的間距太小

小標(biāo)題和后面的文本屬于一起,但如果文章中段落之間的間距大于子標(biāo)題和下一段之間的間距,則該文章看起來脫節(jié)。

7.突出元素放置得太靠近正文

用作重點(diǎn)表達(dá)的元素(如關(guān)鍵短語或引號)是獨(dú)立的對象。要讓它們真正脫穎而出,請將它們設(shè)置為離上下的正文75-120像素的間距。

 

8.不夠明顯的額外元素

如果您想強(qiáng)調(diào)某個(gè)短語,請將這部分加粗,讓這個(gè)短語的字體大于主文本約10-15 px。讓關(guān)鍵短語從文本中脫穎而出。

9.窄小的文本塊添加色彩背景

如果您想突出顯示頁面的一小部分(例如作者信息),只需在這個(gè)元素的周邊設(shè)置足夠的間距,不需要將此部分內(nèi)容填充色彩背景,看來起不協(xié)調(diào)。

不要再為子標(biāo)題填充背景色,使用更大的字體和留出足夠間距已經(jīng)是頁面的焦點(diǎn)了。

10.兩個(gè)全屏圖片之間有留有空白區(qū)域

在序列中使用多個(gè)全屏圖像時(shí),請避免在它們之間留出空格。圖片邊框仍然可見,并且無需添加其他元素。

 

11.使用了太多的設(shè)計(jì)標(biāo)記

在文本中加粗字體通常沒什么效果,到處都是加粗的字體會(huì)影響閱讀。

12.排版樣式太多

設(shè)計(jì)不應(yīng)該影響可讀性。排版樣式越少,重要的元素就越明顯。

13.在長篇文章中讓文本居中

居中通常應(yīng)用于標(biāo)題和塊引號,以區(qū)別于文本的其余部分。居中長文本會(huì)導(dǎo)致文本難以閱讀。

14.標(biāo)題太靠近圖片

標(biāo)題是一個(gè)獨(dú)立的設(shè)計(jì)元素。它不應(yīng)該太靠近隨后的圖片。一個(gè)好的設(shè)計(jì)應(yīng)該設(shè)置不小于60像素的填充,并添加一個(gè)子標(biāo)題 - 它將展開頁面的內(nèi)容并將正確的重點(diǎn)放在您需要的位置。

15.用錯(cuò)文本的斜體

斜體用于突出顯示文本中的單詞或短語。它不像粗體那樣立即引人注目,但它確實(shí)可以讓你在需要的地方強(qiáng)調(diào)它。

不要將所有內(nèi)容(正文,標(biāo)題)使用斜體。如果在文本中使用無襯線字體,一定不要使用斜體。

16.內(nèi)容塊相對于頁面中心顯得不協(xié)調(diào)

如果您在編輯頁面后稍微休息一下(更改字體大小,對齊或縮進(jìn))并查看其中的內(nèi)容,您可以輕松地自己發(fā)現(xiàn)此錯(cuò)誤。

每天更新,
全站高品質(zhì)素材免費(fèi)下載!