排版技能一生推，新手上路5分鐘get√
作者：陳燦
微信融入生活，成為人們生活中必不可少的一部分。打開微信文章首先映入眼簾的就是微信排版，人靠衣裝，馬靠鞍，好的微信內容需要精美排版來包裝！
排版小白如何逆襲，秒學排版？
怎樣才能排出精致版面？
如何快速排版，分分鐘提高工作效率？
微信排版進階分析為你一一解答！
?整體學習思維導圖，奉上！
1
微信排版進階學習round1——基本功！
一、排版的作用：
1. 賞心悅目的排版還能帶給讀者好心情，
2. 減輕讀者的閱讀壓力，
3. 增加讀者對文章邏輯鏈條的把握和理解，
4. 給讀者提供適當的休息
總結：好的排版不僅能增加文章閱讀量，還能使讀者對公眾號產生好感和興趣，一不小心，你的公眾號就會成為“他/她”的每日必讀哦!
二、基礎知識：
1.文字
1.1.字體
字體推薦：微軟雅黑、黑體、宋體
若想增加自己的公眾號辨識度，可以自行下載或購買一些有申請版權的字體。
1.2.字號
標題：推薦16px-18px
正文：推薦14px-16px
標注：推薦12px-14px
2、顏色
正文全部顏色不要超過三種， 且不要選擇飽和度太高的顏色，就是日常所說鮮艷的顏色。
“妖艷*貨”看起來總會有些廉價感。
2.1主題色
選擇一種顏色作為主題色，用在標題、重點內容、二維碼、頭像、頂部和底部的引導等，盡量與品牌色相同。會顯得更高大上！
2.2正文顏色
選擇一種作為正文顏色，不建議用純黑，手機端會比較刺眼，灰色系會溫和一點。
2.3標注色
選擇一種比正文顏色稍淺的作為標注顏色，用作引用內容、注釋、聲明等。
貼心小推薦：
灰色 #7f7f7f #a5a5a5
黑色 #0cbc0c #262626
姨媽紅#953734
都很合適。
實在不知如何選色又想有多種選擇的小伙伴，
小編推薦這個網站：flatuicolors.com
可謂實力——字體顏色盤！
比你的眼影更貼心！
3、對齊方式
對齊方式主要有三種：左對齊、居中和兩端對齊。
3.1左對齊
左對齊型排版，
首行不需要縮進，
多用于文藝類公眾號。
這樣就是左對齊！
3.2居中
居中型排版：
就是一句話一行，
視覺在中央，
因此每行不要多，
否則會突然讓眼球掃一整行很費勁。就像這樣！
3.3兩端對齊
使用兩端對齊功能，使左右兩側變得整齊，顯得更加精致。
左對齊適用于干貨類文章，深度閱讀形。
居中對齊適用于娛樂類文章，淺閱讀形。
另外，不同的對齊方式不要混淆在一起。
否則就打破了整體上的視覺統一，不夠舒適。
4、留白
4.1字間距
字號越小，字母之間的間距就要越大，易于辨認。
相反，如果將字號調大的話，緊致一些的間距以至于字符之間不會那么松垮，而更易閱讀。
一般在0.5 —1.5 之間。
4.2、行間距
文字太過密集，容易讓讀者失去閱讀興趣，很多好內容因此被埋沒。
而相反過于稀疏，視覺效果也并不理想。
行間距一般為字號的 1.5 倍左右。
4.3段間距
段間距一般用回車空行代替，也可以進行手動設置，
正文中設置 15 的段間距
在微信上看起來就非常美觀。
4.4頁邊距
頁邊距是閱讀時，正文與左右兩邊的距離。
微信默認比較窄，可以用編輯器進行調整，給讀者更多的閱讀空間。
文藝風的文章，會設較大的頁邊距來增加留白，一般在10-20px之間。
頁邊距可以根據自己的實際情況來調整。
學到這里，
施主就已經可以排出清新、簡潔的微信版面啦！
但想要參透更精致的排版內容，還需繼續升華!
2
微信排版進階學習round2——精致排版！
這些方面可得注意啦！
小細節up高逼格
1.風格
根據公眾號的不同定位選擇風格基調，文藝、科技、母嬰等。
2.配圖
2.1圖片的選擇標準
2.1.1清晰
圖片高清不模糊，是排版的基本要求。
除了原始圖片是否高清以外，不同的格式也會影響最終效果。
另外要注意圖片上不要有水印，除非是經過特殊設計的水印，否則會顯得很土。
2.1.2尺寸
一般情況下文章中配圖寬為600px，長度自定；
封面圖的尺寸是 900 X 500
次條封面圖的尺寸是 200 X 200
2.1.3統一
統一包括主題、風格、尺寸上的統一。
風格統一
圖片要與文章主題統一，不同圖片之間的風格要統一
另外不同類型的圖片，最好將尺寸統一。
3.配色
根據風格內容選擇同一色系的顏色進行編輯
3
微信排版進階學習round3——助攻排版工具！
想要版面更“神奇”，它們給你魔力
排版助攻撩機！
1.圖文排版編輯器
秀米：xiumi.us
135編輯器：135editor.com
i排版：ipaiban.com
易點：wxeditor.com
2.圖庫
設計導航：hao.shejidaren.com
HiPPTer：hippter.com
優慶設計：ubuuk.com
Behance：behance.net
Dribbble：dribbble.com
Pinterest：pinterest.com
Pixabay：pixabay.com
Unsplash：unsplash.com
500px：500px.com
花瓣網：huaban.com
站酷網：zcool.com.cn
3.GIF庫
暴走漫畫：baozoumanhua.com
斗圖啦：doutula.com
Giphy：giphy.com
Tumblr：tumblr.com
SOOGIF：soogif.com
Gif 喵：gifmiao.com
9gag：9gag.com
小豬動圖：piggif.com
葉子豬：xx.yzz.cn/
NBAGIF：nba-80s-90sgifs.lofter.com
Rafael-varona：rafael-varona.com
GIFBIN：gifbin.com
GIFSON：gifson.net
Golden Wolf：goldenwolf.tv
Julian Glander：glander.co
4.數據表單
麥客：www.mikecrm.com
金數據：jinshuju.net
問卷網：www.wenjuan.com
表單大師：www.jsform.com
5.H5
易企秀：eqxiu.co
MAKA：maka.im
兔展：www.rabbitpre.com
初頁：www.ichuye.cn
4
微信排版進階學習round4——自學渠道！
高級的功法總得自己煉成，
才能天下無雙~
你的拜師推薦信已經發出，
就等你出發！
1.網站
課工場：http://www.kgc.cn/
踏浪100：http://www.talang100.com/
優課急送：http://www.youkejisong.com/
第九課堂：http://www.dijiuke.com/
饅頭商學院：http://www.mtedu.com/
插坐學院：http://www.ichazuo.cn/
百度新聞（百家互聯網專欄）http://news.baidu.com/
站長之家：www.chinaz.com
億歐網：www.iyiou.com
TOPYS ：http://www.topys.cn
互動中國：http://www.damndigital.com/
梅花網：http://www.meihua.info
人人都是產品經理：http://www.woshipm.com/
知乎：https://www.zhihu.com
新榜www.newrank.cn
愛微幫www.aiweibang.com
虎嗅網站www.huxiu.com
i排版www.ipaiban.com
微果醬wpweixin.com
新媒體指數www.gsdata.cn
2.微博
深圳新媒體聯盟http://weibo.com/sznewmedia
新榜http://weibo.com/u/5240327938
愛微幫http://weibo.com/ivbang
i排版http://weibo.com/ipaiban
劉健亮http://weibo.com/849226584
盧松松http://weibo.com/lusongsong
刺猬公社http://weibo.com/ciweigongshe?refer_flag=1001030101_
新媒沈陽http://weibo.com/rost
3.微信
36氪：36kr.com
鳥哥筆記：www.niaogebiji.com
新榜newrankcn
i排版iPaiban
愛微幫Real-aiweibang
劉健亮weikeshalong
唐曉涵 tangxiaohan007
微互動wihudong
微媒體聯盟 wmtlianmeng
微果醬 wjam123456
新媒體指數 indexmedia
知家zhijiadongshi
筆記俠Notesman
刺猬公社ciweigongshe
渾水自媒體江湖 hunwatermedia
互聯網參會指南canhuizhinan
南方周末數據實驗室 nanzhoudata
三表龍門陣sanbiao1984
騰訊微校 iweschool
突發頭條 tufatt
兔展 RabbitPre
微信公開課公眾賬號 wx-gongkaike
WeMedia聯盟 WeMedia2013
微榜tianmibang
微信廣告助手ad_helper
微指數學院BJ-WZSXY
中網新媒
云堆新媒 yunduixinmei
一道自媒體 yidaozmt
益美傳媒 YeeMedia
傳時互動ChinaMediaLab
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）