周日聽了一場關于如何提升公眾號圖文排版技巧，優化閱讀體驗的微課，比自己預期的效果要好，給大家分享一下。

活動號：有號以后

想要做自己的個人公眾號卻沒有系統的運營經驗的小伙伴可以關注一下這個公眾號，會有不定期的免費微課可以試聽。

嘉賓：135編輯器講師@孫曉芳

135編輯器，應該許多做公眾號的小伙伴都不陌生，一個微信文章美化工具，簡單方便，犯懶和不知道怎么排版時的最佳選擇（而我主要是因為懶，害羞捂臉）

回歸重點（敲黑板），以下為課上的干貨。

1.排版的目的

輔助閱讀：使內容更容易、更有條理地被讀者接收，從而傳達作者的理念。

輔助體驗：給讀者帶去愉悅、舒適的視覺享受。讓讀者眼睛更爽，印象更深。

那什么樣的排版才具有輔助閱讀、輔助體驗的作用呢？

容易理解，整潔有序，段落清晰，重點突出，可以掃讀 （自己在默默在心里對照自己的文章）

2?圖文排版的基本技巧

字體

首先一篇文章中字體種類不宜超過三種。但是可能會有的人說了，那我的文章中干貨多，我就愿意給大家劃重點怎么辦？加粗，顏色，大小來突出重點，英文的話還可以選擇斜體。

選擇合適的字體，一般情況下推薦微軟雅黑。特殊要求除外。（什么特殊情況？我還想問你）

字體的大小

字體大小同樣不容忽視（痛心臉）。字體太小的話眼睛會不舒服，字體太大的話，弱弱的問一句，你是覺得自己的讀者都要到了跳廣場舞的年齡嗎？

推薦字號：

標題：16px、18px、20px;

正文：14px、16px;

注釋：12px、14px

字距和行距

合適的字距和行間距會讓你的排版看起來很舒服。

推薦字距：0.1-0.2

行距：1.5-1.2

行寬

提升排版就是為了優化讀者的閱讀體驗。而行寬關系到閱讀的記憶難度，合適的行寬可以有效避免大腦對多余信息的處理，提高記憶效率，讓讀者記住更多信息。

在135編輯器里就有居中,大邊距留白,出來的效果對比一下,你就會明白了.喜歡攝影的小伙伴可能都會明白留白的神奇效果。

段落間隔

首行縮進：傳統、正式、適合傳統印刷讀物

段間距：時尚、現代、適合電子設備讀物

常用對齊方式

左對齊：符合閱讀習慣、親切自然，使閱讀更輕松

居中對齊：視線集中、整體感強、莊重優雅

右對齊：不利于閱讀、新穎、有格調、現代感

圖片的選擇

圖片的尺寸：寬= 900px

高= 500px

圖片的大小：靜態：100k

動態：500k

圖片的格式：GIF更清晰

圖片的清晰度會直接影響閱讀體驗，那些超高清，高保真的照片看起來真的是一種享受?。ㄗ屛铱匆粋€近視的世界，我拒絕）。

關于圖片還有兩點小小的建議：

圖片應該盡量跟自己的文章內容相呼應（這點也是自己需要多加注意的地方），今天你穿了一身休閑運動衣，你非要下面搭配一雙12厘米的細高跟，奈何這雙鞋它顏值再高，也生生拉低你的整體造型分??！小小吐槽一下，時裝周一些新潮時尚原諒我太Low，真心欣賞不動啊。

如果自己平時有學過攝影或者自己比較喜歡攝影，那這時候正是你釋放自己才華的時候，感覺自己的版符合以上這些條件，就毫不猶豫，馬不停蹄的往文章里面放?。?/p>

想要在網上搜索圖片的小伙伴們，推薦一下幾個網站：攝圖網，花瓣網，堆糖，媽蛋表情網。

還有秋葉大叔推薦的幾個：Pixabay, Pexels,Gratiso,這三個是免費的，還有一個付費的500px。

涉及到版權問題，請小伙伴從我做起，尊重他人勞動成果。

圖文混排

上圖下文、下圖上文

左圖右文、右圖左文

圖文疊加、圖文環繞

多行、多列圖文穿插排列

這些我都去網上看了，試了幾次，眼花了，選擇困難癥的我選擇看心情。。。有時間又有心情的可以多試試。

簡潔/避免花哨，突出重點

我一直牢記時尚達人在穿衣搭配方面的諄諄教導: 如果自己對色彩不敏感的話，那就做到身上穿的顏色不要超過三種。簡單大方也是一種美。

好看的化妝品，衣服，鞋子多了，你都要選擇在同一天穿嗎？就算你在同一天穿上而且看起來還不錯，可是你讓我怎么夸你啊，放眼望去，你滿身都值得夸，可是我會好累啊。倒不如今天你穿件漂亮的裙子，明天你畫個美美的妝，每天都給我一個亮點，一個驚喜。不更好嗎？

配色流程

先整體定調，然后確定主色，再確定輔助色，最后選擇添加點綴色。

對色彩沒有什么概念的小伙伴可以找度娘啊，方便快捷，百度色彩的象征意義，學著點，女生以后穿衣搭配不愁了；男生在女朋友問你哪個顏色衣服比較好看的時候，分分鐘秒殺其他男同胞，perfect（傲嬌臉）。

順便給大家推薦幾個配色的網站：

Http://www.peise.net/

Http://www.peise.net/tools/web/

http://color.adobe.com/zh/creat/color-wheel/