網(wǎng)頁排版研究和工作，再怎么強(qiáng)調(diào)都不為過。

在我們看來，之所以更多用戶選擇公眾號、自媒體，而舍棄網(wǎng)站、網(wǎng)頁，除過技術(shù)發(fā)展、習(xí)慣、流行等問題之外，一個(gè)相關(guān)的因素就是排版。普遍上看，微信公眾號運(yùn)營比網(wǎng)站運(yùn)營，更注重排版。
所以，網(wǎng)頁排版，有進(jìn)一步改進(jìn)和優(yōu)化的空間。

網(wǎng)頁設(shè)計(jì)的排版，大體上可以分為兩類：微觀層面的排版和宏觀層面的排版。

排版的分類

所謂微觀層面的排版，就是針對單個(gè)字體的排版，包括字體的選擇、字號、字體裝飾、字間距、字?jǐn)?shù)等等。
所謂宏觀層面的排版，指的就是一整段文字或者整篇文章的布局，以及與整個(gè)網(wǎng)站主體、顏色、背景、格局、構(gòu)架的關(guān)系。
微觀層面的排版，目的是為了提高訪客的易讀性。例如，如果字號過小、間距過密，用戶讀起來就比較困難，甚至連看都不想看。
宏觀層面的排版，目的是為了提高網(wǎng)頁的美觀和審美性，例如，安排以適當(dāng)?shù)亩伍g距，可以讓整個(gè)網(wǎng)頁看起來大氣、協(xié)調(diào)。
可讀性是指讀者可以輕松地閱讀一篇文章或一個(gè)網(wǎng)頁。易讀性是不同的，它指的是一個(gè)單詞中字形的間距和排列，以及它是否容易被識別。現(xiàn)在，讓我們來看看設(shè)計(jì)師目前使用的兩種不同的技術(shù)，以創(chuàng)建和諧且可讀的web頁面。

宏觀排版：增加網(wǎng)頁的可讀性

愿意去讀，就是可讀性。網(wǎng)頁的宏觀排版，包括如下內(nèi)容：
頁邊距：添加頁邊距有助于構(gòu)建web頁面的內(nèi)容。通過添加邊距，可以定義從文本到web頁面其他元素的距離。圍繞文本的空白空間有助于創(chuàng)建與文本和環(huán)境的關(guān)系。邊距也可以幫助創(chuàng)造一種和諧的整體設(shè)計(jì)感。
例如，如果內(nèi)容放置在兩列之間，空白分隔內(nèi)容。頁邊距的放置方式允許讀者輕松地閱讀左右欄中的內(nèi)容。分隔兩者的空間有助于定義列與布局的總體設(shè)計(jì)之間的關(guān)系。還可以直觀地設(shè)置頁邊距，只需移動(dòng)足夠的距離，就可以讓閱讀變得舒適。
要?jiǎng)?chuàng)建和諧的web頁面，必須注意文本與元素形狀之間的比例。

微觀排版：增加網(wǎng)頁易讀性

所以易讀性，就是閱讀更加容易，效率更高。微觀排版，包括如下內(nèi)容：
字體的選擇。 在選擇字體時(shí)，要注意整體的可讀性，其次是風(fēng)格和感覺上的細(xì)微差別。標(biāo)題和副標(biāo)題將用戶吸引到文本中，因此選擇正確的字體樣式非常重要，因?yàn)樗鼮檎麄€(gè)布局設(shè)置了基調(diào)。
對比。對比在排版和網(wǎng)頁設(shè)計(jì)中扮演著重要的角色。把文本放在對比度高的背景上有助于提高可讀性。白色背景上的深灰色文本，這是增強(qiáng)web內(nèi)容可讀性的經(jīng)典設(shè)計(jì)。
字體大小。字體大小通常是在邊距和寬度設(shè)置好之后選擇的。指導(dǎo)原則通常表明每行大約8-12個(gè)單詞是標(biāo)準(zhǔn)的行長。這將確保為用戶提供愉快的閱讀體驗(yàn)，并幫助他輕松地閱讀內(nèi)容。
行高。行高通常是在設(shè)置好行長后選擇的。行長越長，行高越高，反之亦然。您可以將行高設(shè)置為瀏覽器默認(rèn)值，因?yàn)檫@將確保它與元素的字體大小成正比。
在網(wǎng)上組織和調(diào)整字體需要時(shí)間、精力和耐心。但如果做得正確，它可以使網(wǎng)頁有所不同。注意樣式、對比度、顏色、大小邊距、間距以及行高和行寬，這將幫助您設(shè)計(jì)能夠吸引用戶并使他們對頁面內(nèi)容感興趣的網(wǎng)頁。