說到文字排版，肯定也避不開文章的細(xì)節(jié)配色，所以今天來聊聊文字排版設(shè)計(jì)配色的事兒。

雖然在很多人看來這是小事，其實(shí)只有親身體驗(yàn)過，才會發(fā)現(xiàn)，這個細(xì)節(jié)一點(diǎn)都不小。有很多寫公眾號的小可愛們， 之前也說到文章配色，很多在問文章排版怎么才好看，卻不知我背地嘗試了多少次。嘗試得多了，其中門道也摸索出一些，今天，我就準(zhǔn)備“傾囊相授”了（謙虛一點(diǎn)）。

這里的“邊距”說的是寬度上距離屏幕邊緣的間距。現(xiàn)在在電腦上看文章，多數(shù)都會在兩邊加上很寬的留白，所以以下所有要點(diǎn)都針對移動設(shè)備，以手機(jī)為主。

常用的編輯器都會給文章加一個默認(rèn)邊距，比如公眾號就是16px。有經(jīng)驗(yàn)的小伙伴就會發(fā)現(xiàn)，多加一點(diǎn)點(diǎn)邊距會令視線更加聚焦，所以不管是自己寫文章還是設(shè)計(jì)文章類模塊的時候，我傾向于使邊距達(dá)到20pt-21px。

對齊方式包括居左、居中、居右和左右對齊。寫文章的話，最好就是左右對齊，這樣整篇文章都是整整齊齊、段落分明的。如果效果真的不忍直視，或者類似于詩歌那種體裁，再嘗試居左或者居中。

寫文章的時候，倒是不太需要考慮字體的問題，因?yàn)槠脚_一般都會限制字體。硬是要說的話，選擇非襯線體其實(shí)比較好，就是筆畫粗細(xì)一樣的字體，無需留心辨認(rèn)。還有就是，字體宜少不宜多，一篇文章，多個字體只會讓人煩。

多說一句，不要以為能下載的字體都能隨便用，任何非商用字體在未授權(quán)的情況下都是不能用在可傳播的文章里的，包括封面圖和文中配圖里。

無論在 phone、pad 還是 watch 上，文字字號至少要在11pt 以上才適合閱讀，正文字號15pt-19pt更好。研究過多篇排版舒服的文章之后，我發(fā)現(xiàn)，對于文章來說 15pt-17pt 最為合適，標(biāo)題另說。我比較喜歡 16pt，不管在多寬的手機(jī)屏幕上，都不會小到看不清，也不會傻大傻大。

文字的粗細(xì)，專業(yè)名詞叫做“字重”。一般正文用常規(guī)字重即可，但沒有重點(diǎn)的文章看著有也點(diǎn)累，所以不妨在重點(diǎn)詞句上使用更粗的字重，不夠突出的話還可以加個顏色。

再者就是注意行距，一般默認(rèn)的文字行距并不太適合文本類排版，尤其是文字賊多的時候。行距在1.5倍以下時，行與行之間就會顯得比較擠，讀起來很費(fèi)勁。1.6-1.8的行距能給眼睛一個比較合適的留白，更適合閱讀，本文選擇的是1.75。

不僅文字行與行之間有講究，段和段之間也得注意。我是比較喜歡段落之間可以增加間距的，有的會直接敲一個空行，但通常會顯得太高了，所以設(shè)置合理的段間距好些。此文的段前距是20px，段后距是0，這個數(shù)值根據(jù)自己覺得舒服的程度調(diào)整就好。

配色是個老大難的問題，但我真的對它如初戀呀，寫過那么多關(guān)于配色的文章，具體操作啥的就不說了，主要講思路吧。

在文章配色中，簡潔的遠(yuǎn)勝過花哨的，所以我一般會建議文章里普通文字用一種顏色、不超過三種的有彩色。其實(shí)，在我看來，兩種就足夠了，重點(diǎn)是風(fēng)格要選好。比方說，文章內(nèi)容是成熟、穩(wěn)重、大氣型的，用深色就比淺色的好，可以選擇藍(lán)灰色、咖啡色之類的。又比如，文章的定位是活潑、少女型的，粉色、淡藍(lán)色、淺紫色等等就可以用起來。

剛剛說兩個顏色夠用了，那另一個顏色怎么選呢？我覺得吧，選個差異較大的顏色能適應(yīng)更多的情況。我現(xiàn)在的兩個色彩（淺藍(lán)和深藍(lán)）就屬于飽和度差異大的一類，也可以是色相差別大，比如互成對比色、互補(bǔ)色的顏色，微調(diào)成統(tǒng)一的風(fēng)格就好。

對了，還有普通文字的顏色，我只能說，純黑向來被認(rèn)為是不合適的文本顏色，偏灰一些更好。

標(biāo)題算是集文字、排版、配色與一身的元素，也是文章排版的精髓之一。畢竟除了配圖和標(biāo)題，其他地方也很難做出花兒來了。

先想想最多需要設(shè)置多少級標(biāo)題，一般2-3級也就夠了，太多了人還以為畫思維導(dǎo)圖呢。標(biāo)題文字往往較粗，而且每一級之間大概躍升兩個單位字號。解釋一下，假設(shè)最多有3級標(biāo)題，正文字號是16pt，那第三級標(biāo)題字號可以是18pt，第二級是20pt，最大一級是22pt。

標(biāo)題居左或居中的多，也可以搭配著來，比如一級標(biāo)題居中，二級標(biāo)題居左。

標(biāo)題上可以稍微用一些小元素裝飾，但是還是簡潔些的好，視覺重點(diǎn)還是應(yīng)該在正文字上。知道你們懶，善良的我收集了一些覺得舒服的標(biāo)題，不用謝~

圖片的不確定因素稍高一些，如果追求一致的效果，選圖片時就需要注意尺寸、風(fēng)格、內(nèi)容是相當(dāng)?shù)?/strong>。不過有技術(shù)的話，自己可以再加工。除此之外，有兩個 tips 得注意：

• 圖片盡可能清晰些。因?yàn)槲恼屡鋱D基本都支持放大看，甚至可以保存下來，清晰的圖總比模糊的更受歡迎。

• 圖片盡量從背景中分離出來。什么意思呢？舉個例子你就明白了，公眾號文章背景色基本是白色的，在文章中放個白色底的圖片就不太能看出來，這個時候可以給圖片加個淺灰色細(xì)描邊或者來點(diǎn)輕陰影，突出區(qū)別還高級。

• 圖片的說明文字最好放在圖片下方。一般看先文后圖的段落，我都會有點(diǎn)懵逼，不知道圖是跟著上一段還是下一段。為了避免讀者有這樣的困惑，對一個圖片的解釋說明就放在圖片下邊吧。

其他包括頭圖、尾圖、引文、列表等等。

頭圖一般是放文章的主圖或者宣傳品牌的圖，有些還是動態(tài)的。文章的尾圖多數(shù)是掃二維碼關(guān)注或者引導(dǎo)操作的。除了風(fēng)格要搭之外，圖最好是都不要太高，否則頂?shù)梦恼略谝黄林新冻鲆稽c(diǎn)點(diǎn)就不合適。

引文的表現(xiàn)形式很多，加背景色、改字體顏色等等，按需選擇即可。列表可遵循正文行距、段距進(jìn)行排版。

小結(jié)

綜上所述，文章排版的話崇尚簡約的比較多，hold不住花里花哨排版的小伙伴，反而整的不倫不類，那就費(fèi)力不討好了。不管是文字排版設(shè)計(jì)還是其他設(shè)計(jì)都一個道理。反正還是那句話，文字排版重點(diǎn)旨在提升用戶體驗(yàn)，快速清晰表達(dá)文章含義，然后在此基礎(chǔ)上去美化，本末倒置不可取。