嗨,我是小雲,一名80後自由撰稿人,專注自媒體寫作,成長干貨變現,堅持寫有溫度和有力量的文字。
剛接觸公眾號的新媒體朋友,辛辛苦苦寫完一篇文章之後,準備發布,卻遇到很多排版的問題:
字號用多大的?圖片怎麼插?
封面圖怎麼設計?
有沒有排版工具推薦?
排版需要注意些什麼呢?
這篇文章就來介紹公眾號的入門排版技巧,就算你是新手小白,也能輕鬆排版出美觀吸引人的版面。
一、文章構成
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/5ff08127-2305-4428-b182-d8bd4bf173f8.jpg)
首先,我們知道公眾號是由以下4個部分組成的。
頂部:標題、作者信息、slogan、頭圖、引導語、聲明信息、轉載信息、音頻等
正文:小標題、段落、列表、註釋、引用、強調、留白等
底部:引導底圖、內容投票、作者信息、版權聲明、關注引導、話題互動、合作說明、往期推薦、二維碼、 讚賞等
封面圖和摘要 strong>:圖文封面(2.35:1和1:1)。摘要會在訂閱號消息,轉發鏈接等文章外的場景顯露,幫助讀者快速了解內容。
二、頂部版面設計
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/8c323458-be2b-478d-b126-911a66efa114.jpg)
頭部通常放置的元素有:標題、作者信息、slogan、頭圖、引導語、聲明信息、轉載信息、音頻等
頭部內容大概有如下幾個方面的用途:
引導廣告 :引導讀者關注/置頂賬號,關注跟品牌/賬號定位相關的信息,通常是logo + slogan
文章信息 :比如作者信息、閱讀時間、聲明信息、轉載信息等等
引出下文 :為了引出下文,通過一張封面圖片,或者是一段引導語,一個背景音樂。
需要注意的是:
頭部的內容不要佔用太大版面,要讓讀者快速切入文章。讀者被標題吸引進來是為了看內容的,這個時候心情是急切的,如果頭部內容太多,半天看不到正文,反而會起到反作用。
三、中部版面設計
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/fe96237a-2304-42a0-8937-2140aa18d62e.jpg)
正文排版,是在排版中,內容佔據比最大的一個模塊。通常包括字號、字體顏色,對齊,引用,留白,插圖< /strong>等。
(1)字號 strong>
小標題:推薦16px-18px,一般用18px
正文:推薦14px-17px,一般用17px
標註:推薦12px-14px,一般用14px
注:也要根據不同文體而採用不同的字號,怎麼美觀怎麼排。
(2)顏色 strong>
文章中除了圖片,正文全部顏色不要超過三種,顏色太多顯得雜亂。
正文顏色,不建議用純黑(#000000),手機端會比較刺眼,灰色會溫和一點。常用的有:#595959、#3f3f3f
標註顏色,用作引用內容、註釋、聲明等。常用的顏色有:#888888、#a5a5a5
(3)對齊:< /strong>
對齊常用的方式,主要有兩種:左對齊、居中。
左對齊適用於乾貨類文章,即深閱讀型
左對齊式排版,首行不需要縮進。
居中適用於娛樂型文章,即淺閱讀型
居中型排版
一句話一行
視覺在中央
所以呢
每行不要多,如下圖
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/331af5fb-36b1-4112-8082-1b47f082941a.jpg)
否則就像你現在正在往下看的這段話,感覺好費勁。如下圖:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/807555b6-0ecd-4092-a02d-c52d4ced4297.jpg)
需要注意的是:段首不要再空兩個字了
(4)引用 strong>
▍引用
開頭的摘要、別人的資料、人物對話、重點語句,都可以使用引用功能。
引用格式中的句子,推薦使用標註色,即# a5a5a5 或者#888888
(5)留白< /strong>
字間距、行間距、段間距、頁邊距等,這些是「白」的部分,有留白,才有了和諧的美感,給閱讀留下了呼吸的空間。
a.字間距
< span style="letter-spacing: 1.5px;">字號越小,字母之間的間距就要越大,以使文字易於辨認。
相反,如果將字號調大的話,緊緻一些的間距以至於字符之間不會那麼鬆垮,而更易閱讀。
可以在編輯器中對字間距進行調節,0.5 — 2 都很常見。
b.行間距
文字不宜過於密集,這樣讓人有視覺疲勞,
也不宜過於稀疏,手機版面小,稀疏讓人沒有耐心往下看
根據行業經驗,14px — 17px的字號,推薦1.75 或者2 的行間距。
c.兩端縮進
兩端縮進的文章會使得整篇文章左右留著舒適的空白,< /span>
你可以根據自己情況來調整,通常建議16個像素。
(6)插圖 strong>
文章內的插圖是為內容服務的,
不僅可以提高文章的調性,也能夠調節閱讀視野,
圖文結合,不易產生視覺疲勞
插圖有4 種作用 :乾貨分享、娛樂、產品展示、解決問題。
a.乾貨分享
分享某種情感,或者文章中提到的某個物品、人物、場景、行為等等。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d5f6b042-7e83-4889-896a-d40285db64d9.jpg)
b.娛樂
一些表情包、GIF 等都是此類,跟讀者進行情感上的娛樂互動。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c9305deb-b42d-4dae-a08a-86440afceb8a.jpg)
c.產品展示
種草某一類產品,跟文章內容結合,對讀者進行銷售的一些產品圖片
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/0dbe7083-cad3-435a-ba6e-6c1df0f18894.jpg)
d.解決問題
某些數據,市場分析趨勢圖,需要圖片來進行解釋說明,輔助理解的圖片
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/756a7e45-192b-4752-bfa1-7804c4500eb0.jpg)
四、尾部版面設計
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/6038d1b1-3508-43d2-a3d5-e6b4209af274.jpg)
底部的常見元素有:
引導點贊關注再看、內容投票、作者信息、版權聲明、合作說明、話題互動、關注引導、往期推薦、二維碼、讚賞。
盡量把這些信息做成一個模板,以便隨時調用,一般也是圖文結合。
五、封面圖和摘要
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ea380585-c997-489d-b52e-1b22824351d2.jpg)
- 封面圖要盡量選用純色或者元素少的圖,以簡潔為主,不宜太複雜。
- 封面圖製作時不宜把文字放在中下方,會被標題擋住。
- 重要信息保留在最中間的區域。
- 多做適配以公眾號預覽為準。
*我比較習慣用稿定設計< /strong>來做封面圖,上面很多模板參考。
結尾
看多少干貨都不如自己去實操一遍,跟著上面的步驟來排版,排版好了多檢查預覽,直到熟練為止。
相信你很快可以排版出美觀漂亮的公眾號文章。
還有排版小工具要用起來 span>
關於頭部版面和尾部版面設計,小標題樣式,分割線等,建議大家設定好一個統一的模板,保存下來,下次用的時候,直接放就行,節約很多時間
我比較常用的排版工具是135編輯器,裡面的樣式比較齊全。也還有很多其他的編輯器,如96微信編輯器 strong>等。
好啦,關於公眾號排版的內容,就分享到這裡啦!
跟著我把你的公眾號打造起來吧! 小雲已經給你整理好了全套細節排版電子書,私信領取即可。
往期精彩內容:
2023年,請丟掉這100件東西,試著過低配的生活
一年只做5件事,2023年50個自律清單
作者介紹:
劉付小雲,專注【私域流量個人IP打造+自媒體寫作運營】。關注我,陪你一起成長遇見更好的自己。
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/In%203%20minutes%20I%20will%20teach%20you%20how%20to%20quickly%20create%20an%20eyecatching%20public%20account%20typesetting.html
评论列表(196条)
测试