咨询电话:400-962-9612
首页 > 
微信排版实用经验,看后操作立马上手
发布:admin   时间:2016-07-03

每一个新媒体小编的排版从业史,都是从完全不会,到摸索一下好像又可以会,再到摸完了老板和读者又不甚满意。一上手没有人教,自己找线上线下课程。没有人带,自己求神拜佛。然后历练500篇起文章排版以后,开始游刃有余。

以下,小编从微信公众号图文排版的角度,来讲讲自己从一个排版小白到勉强符合大众口味的过程,全文从图文排版工具、图片选取、文字编排几个板块详细说明(附带推荐使用工具及图片网站)  

一、工欲善其事必先利其器

猎掌门曾经采访百万用户大号好狗狗运营总监张传军,在谈及第三方工具时,他的回答是不使用任何第三方排版工具。

小屏手机标题超过14个字时(iphone4s),会换行。大屏手机,超过19个字时换行,文章标题超过三行,会把你的头图遮得满满当当见不得人。所以文章标题控制在19字以内效果佳,大屏一行,小屏一行半。28字以内大屏手机一行半,小屏就吃不消了,满满当当。所以,当你不知道你的用户用的是6s还是小米之前,还是不要超过19字为好。

三、正文

先给几个数据:

大标题

18px-20px

加粗

小标题

16-18px

加粗

正文

14-15px

493b3b

4F4F4F

1.75

重点

红色加深

7b0c00

正文字体颜色根据账号整体风格定位,字体大多用微软雅黑,其他字体慎用,整体风格要像遵循ppt制作法则一样,不要超过3种颜色。最多是在同一色系中变换。

行间距1.75视觉较好,更文艺的账号也有用1.5和2,属于怎么看怎么爽就好。

单图文时,微信头图大小900*500。 多图文时,二条图大小200*200

2.配色

以大师兄的好狗狗账号为例,每天推出的6条图文里,配图整体色调一定是保持一致的,并且都是偏暖黄色,符合好狗狗温馨、有趣、有爱的账号定位。

阿匹斯林博物馆的诞生简直就是微信公号里的一大奇葩,个性化的语言风格和外观非常吸引人眼球,图片的使用也不遵循常规大小。根据自身的风格定位来。对于自媒体起家的账号,可以尝试这种出其不意的做法。会从小众开始吸引一批气味相投的死忠粉。

再比如电台出身的主播账号,777封情书,头图加上的小符号很符合电台和声音为主题的内容。

4.精简

外观图片选取完成后,内容部分的配图实则更为关键。就像标题决定了文章的打开率,但文章质量则决定了传播率。

配图的黑色调、烟气、人的背影,几个元素不自觉都能和人生的抉择,十字路口的迷茫相得益彰。(快留言夸我美丽无双选得好)

再比如我写的《一只被逼疯的小编:没有选题的时候怎么找选题?》主调是干货的文章,选题写的时候带有调侃和搞笑的成分,用在第一张的动图选择无厘头动图,确定这个基调,的确是被逼疯了…

美图秀秀在线版你们知道吗?其实它真的满足了没有UI的情况下一个新媒体小编的所有基础需求,图片的剪裁、拼接、色调柔化,都可以做基础的处理。当然,秀秀实在搞不定的时候,ps基础教程学一学还是可以加加蒙版去去轮廓的。

比如这种剪裁拼接,不需要过度处理,效果和ps一样一样的。

六、二维码

文末一般会放上公众号二维码,这个确实是必要的,强调自身品牌的同时也让很懒的用户直接关注,几乎所有的账号都遵循这一习惯也养成了大家地步扫码关注的习惯。

猎掌门早期的二维码偏大, 整体看着就不够美观,头重脚轻,微信后台可以下载的二维码尺寸都偏大,所以需要自己重新处理,大小在15*15适宜。配合二维码的必要文字信息,摆放可遵循上下或左右,占地面积不要过大,文字的内容也不要多余二维码大小,显得结尾不够简洁。

七、给你们一些压箱底的货

【放心,不是我的钱和银行卡】

这里推荐小编积攒和收罗的一些图片网站,国内国外,应有尽有。根据账号定位,可以选择不同的风格的网站。以下推荐分类为静态图片网站和动图网站,还请笑纳~

1.cnu中国视觉联盟-http://www.cnu.cc/

这个网站,翻墙过去效果更佳,图片偏少,但是都是系列图,找到符合的可以整篇文章使用,同样需要标明作者信息。

4.花瓣网-http://huaban.com/

这大概是众小编都非常爱的一个网站了,没那么复杂,图片像素高,照片风格多样,邮箱注册搞定~

7.全景-http://www.quanjing.com/

这里有你想要的所有类型图片,虽然大部分收费,还是有很多是免费的~

8.壁纸网站-http://www.wallpapervortex.com/

类型繁杂,分类也不是特别清楚,需要自行筛选,高清的图用起来也是逼格满满。

这个动图网站,形式简洁好用,但是素材不多,主要是一位来自日本的设计师用汉字的灵感做出来的各种形式动图。(请自备梯子,这个需要翻墙)

12.rafael-varona-http://www.rafael-varona.com/

第三方排版存在格式无法去除的问题,账号关联了头条号、搜狐自媒体、网易自媒体这样一些平台,无论是自动抓取还是手动更新,格式都没办法完全去除,新一轮的排版又会增加一定工作量。

所以很多大号采取的方式是不使用任何排版工具,由UI自行设计排版。这种情况,同样也遵循下文排版要求遵循的法则。

2.第二种是较少,粉丝还在快速增长期的账号

而大多数中小型企业和个人账号都处于粉丝成长期,新媒体小编也都是运营、内容、UI一锅端(比如美丽无双的严小寒),这种情况下依赖第三方工具可以提升不少工作效率,并且确定一种板式后此后的排版会更加容易。

这里推荐三款排版工具,各有所长,可以相互套用后固定自己的板式。

>135编辑器

135最大的优点在于可以选择文字色值,具备基本的图标等各种板式。不足之处在于每一个模板的套用过于复杂,很容易套用到一起却没办法发现,复制到微信后台时预览出现各种奇怪症状也无从查证只能从头再来。

>i排版

I排版算是后起之秀,整体风格适合简洁和小清新类的账号,可以添加各种无害小符号,颜色选择也较多。最大的优势在于可以直接全选调整页边距,一般将整体也边距调整为1,正文中出现引用段落或者特殊文段,可单独设置成2,改变字体大小,整体也较为美观。

>秀米

秀米是早期大家都会使用的排版工具,对于浏览器有一定的要求,需要用谷歌浏览器保持正常,不然随时bug。自由发挥空间太小了,板块比较固定,对于初学者来说比较好用,基本会帮你套好标题正文和结尾。

当然市面上还有很多编辑器,总体来说以上三种适用各种不同类型的账号运营。猎掌门主要结合i排版和135两种做较简洁的版面。在i排版调整页边距和行间距后,整体复制到135,调整字体颜色。

二、标题

首行不空格,移动端产品不像pc和杂志,首段空行的视觉效果很像没排好。

段落不宜过长,注意换行空格。小编一般一个段落尽量避免超过五行,除了特定的总结和其他不可分离的形式,段落尽量简短。

四、关于配图你必须要知道的

1.大小

单图文时,微信头图大小900*500多图文时,二条图大小200*200

2.配色

以大师兄的好狗狗账号为例,每天推出的6条图文里,配图整体色调一定是保持一致的,并且都是偏暖黄色,符合好狗狗温馨、有趣、有爱的账号定位。


再比如徐老师的深夜发嗤,每条推送头图都会符合文章主题,并且把推荐的文章用叉打上标志性图片。这类属于特定内容特定图片提示。

3.技巧

另外一种叫做主编包装,比如美丽说公众号,给每位主创人员的文章加上特定的小标志,让读者能辨识自己喜爱并互动的小编。不过这种对于企业公号来说,只是一种调节的尝试,长时间会导致文章阅读量的不均衡,并且存在主编流失带走粉丝的隐患。

阿匹斯林博物馆的诞生简直就是微信公号里的一大奇葩,个性化的语言风格和外观非常吸引人眼球,图片的使用也不遵循常规大小。根据自身的风格定位来。对于自媒体起家的账号,可以尝试这种出其不意的做法。会从小众开始吸引一批气味相投的死忠粉。


另外一个典型代表就是不定期更新叫嚣粉丝的乌云装扮者,多图文时配图会有不同颜色的圆点,符合自己圆形logo,也保持了整体调性。

另外一个典型代表就是不定期更新叫嚣粉丝的乌云装扮者,多图文时配图会有不同颜色的圆点,符合自己圆形logo,也保持了整体调性。


再比如电台出身的主播账号,777封情书,头图加上的小符号很符合电台和声音为主题的内容。

4.精简

外观图片选取完成后,内容部分的配图实则更为关键。就像标题决定了文章的打开率,但文章质量则决定了传播率。

首先,正文配图根据文章长度不宜过多。图片所起到的作用一个是解释说明,另外一个是调节视觉疲劳。

比如猎掌门的课程实录,老师的ppt插入在文中代替了文字的解释说明,是必要的,这种干货类型的文章可以不必要过多限制图片数量。

另外,调节型的配图得也得根据文章内容,要么是在戳中笑点,要么是在戳中泪点。比如掌门专栏的鸡汤。

配图的黑色调、烟气、人的背影,几个元素不自觉都能和人生的抉择,十字路口的迷茫相得益彰。(快留言夸我美丽无双选得好)

再比如我写的《一只被逼疯的小编:没有选题的时候怎么找选题?》主调是干货的文章,选题写的时候带有调侃和搞笑的成分,用在第一张的动图选择无厘头动图,确定这个基调,的确是被逼疯了



其次,正文中的图片同样有大小的要求,如果不是必要,一定不要放竖版的插图,会导致看文章的时候整屏就是一张图(不过如果是我心爱的胡歌也并不介意~)。另外,正方形的小图也可以居中处理,留白的效果看起来也挺有逼格。

最后,请把所有图片和文字分离开来,也就是空行。除了图片下面附带解释说明的字样,尽量不要紧凑图片。

五、关于图片处理

美图秀秀在线版你们知道吗?其实它真的满足了没有UI的情况下一个新媒体小编的所有基础需求,图片的剪裁、拼接、色调柔化,都可以做基础的处理。当然,秀秀实在搞不定的时候,ps基础教程学一学还是可以加加蒙版去去轮廓的。


比如这种剪裁拼接,不需要过度处理,效果和ps一样一样的。

六、二维码

文末一般会放上公众号二维码,这个确实是必要的,强调自身品牌的同时也让很懒的用户直接关注,几乎所有的账号都遵循这一习惯也养成了大家地步扫码关注的习惯。

猎掌门早期的二维码偏大,整体看着就不够美观,头重脚轻,微信后台可以下载的二维码尺寸都偏大,所以需要自己重新处理,大小在15*15适宜。配合二维码的必要文字信息,摆放可遵循上下或左右,占地面积不要过大,文字的内容也不要多余二维码大小,显得结尾不够简洁。

七、给你们一些压箱底的货

【放心,不是我的钱和银行卡】

这里推荐小编积攒和收罗的一些图片网站,国内国外,应有尽有。根据账号定位,可以选择不同的风格的网站。以下推荐分类为静态图片网站和动图网站,还请笑纳~

1.cnu中国视觉联盟-http://www.cnu.cc/



黑白视觉系照片偏多,网站作品都有原作者,标明作者即可。

2.behance-https://www.behance.net/

创意作品网站,各种色彩鲜明有逼格的高清图(当然也要标明作者)

3.Latest Collections-http://iconolo.gy/

这个网站,翻墙过去效果更佳,图片偏少,但是都是系列图,找到符合的可以整篇文章使用,同样需要标明作者信息。

4.花瓣网-http://huaban.com/

花瓣,怎么说呢,文艺得不行,各种类型都有,总体基调始终是文艺,图片像素也不错,很好用。推出的朋友圈配图也是满足了各种逗逼搞笑的风格。还是可以收藏的~

5.Unsplash-https://unsplash.com/

同样也是免费的摄影网站,图片质量超好~~风景类偏多,人物写实的较少,每天10张更新,偶尔可以上去收藏图片(标明作者噢)

6.500px-https://500px.com/flow

这大概是众小编都非常爱的一个网站了,没那么复杂,图片像素高,照片风格多样,邮箱注册搞定~

7.全景-http://www.quanjing.com/


这里有你想要的所有类型图片,虽然大部分收费,还是有很多是免费的~

8.壁纸网站-http://www.wallpapervortex.com/

类型繁杂,分类也不是特别清楚,需要自行筛选,高清的图用起来也是逼格满满。

9.tumblr-https://www.tumblr.com/

快去吧,这个黄黄的网站,整合了大家各种类型的东西,包括图。

10.flickr-https://www.flickr.com/

不说了,这个是阿文推荐的,ppt都可以用了。

11.Kotaiguchi-gif-http://kotaiguchi-gif.tumblr.com/

这个动图网站,形式简洁好用,但是素材不多,主要是一位来自日本的设计师用汉字的灵感做出来的各种形式动图。(请自备梯子,这个需要翻墙)

12.rafael-varona-http://www.rafael-varona.com/<o:p></o:p>


这个网站的动图精巧呆萌,很后现代的感觉,小清新重口味各种类型文章都能驾驭,素材丰富,先到先得~

13.gifparanoia-http://upload.chinaz.com//paranoia.org/

这个网站啊,点进去整个人都陷入一种强迫症的症状不能自拔。整个画面全部在动!!!

14.设计师网址导航-http://hao.uisdc.com/

最后呢,我们一定会有一个网站,像好123一样搜索各种不同的网址。

最后的最后呢,一定又有一个网站,把这些想搜索的网站进行归类的网站。

以上,作为一个资历较浅的严小编整理出来的基础排版全过程,按照步骤自己熟悉一遍基础的编排应该还算ok。

至于工具和那些网站,试用了解以后选择符合自己的一两个就足够了,平时闲暇的时候进行分类收藏整理,使用起来顺风顺水~


上一篇:

下一篇:

返回列表
最新开班日期更多+
微信运营培训
开班日期:1月30日
天猫 京东运营培训
开班日期:1月30日
相关文章更多+
最新资讯更多+