当前位置:首页 » 今日头条自媒体 » 正文

今天,我尽量把干货全拿出来。排的好看,大多是同行衬托;排的不好,应该就是我水平有限。

25128 人参与  2018年02月08日 21:00  分类 : 今日头条自媒体  评论

后台陆续有朋友问“用了什么排版工具”,也收到过大家对排版效果的认可,索性借此机会分享一下我的排版小技巧。

作为一个以“价值输出” “崇尚内容”“读者至上”的公众号,望月最开始是忙到顾不上排版,但并不代表他不在乎,不然就不会有我的出现。

今天,我尽量把干货全拿出来。排的好看,大多是同行衬托;排的不好,应该就是我水平有限。

1 排版有那么重要吗

不管媒介发展到什么阶段,对于版式审美的追求一直都存在。广告牌、纸质刊物、门户网站、UI设计以及公众号,其实随处可见版式设计。

3.jpg

好的排版,让人有继续读下去的欲望;不在意排版,那么,无论是自己还是读者,对于内容的期待都会提高。除了几位头部大佬,我相信,大多数的帐号目前应该还难以保证绝对的优质优产。

实际上,好看的皮囊与有趣的灵魂兼得,才是大多数读者的追求。内容质量固然至关重要,可排版也不只是简单地锦上添花。

很多时候,排版能帮助重新提炼结构(类似思维导图)、突出要点、强调内容,至少在望月这里,我会注意这些。而在有的帐号上,排版本身就是独特的内容。

在排版时,我总结了这样的一些原则:

 1. 确定公众号调性,找到恰当的风格。

大多数知识技能学习、互联网科技、评论类自媒体都是内容大于形式,简洁、整齐就好,没必要堆砌太多图片、图标、线框,不然会显得凌乱。

最好是形成自己的风格,因为它就像你的品牌logo一样。像禅叔的“可能吧”,配色、排版就自成一派,很多人都注意到了,也模仿过。

科技类、母婴类、时尚类等等,垂直细分不同,使用的编辑元素风格自然也不一样。卡哇伊、彩虹色这些元素,基本不太会出现在如望月这种科技类帐号上

 2. 排版是给人看的,注意阅读体验。

配色不宜过多(通常别超过3种),且尽量避免使用高饱和、荧光色,虽然有时候它们能起到突出的效果,但是其实看着挺刺眼的。用来刷背景色还可以,但千万别用在文字上。

字体、字号、间距、对齐等,都能影响文章的可读性,而且很容易逼死处女座读者。所以,多尝试几次,排好后再检查一下。

3. 有主次、有节奏,结构层次清晰。

写过论文、或者看杂志报纸的朋友,都应该注意到,这些文本的层次十分清晰:大标题、副标题、正文,主次分明、逻辑清楚,看上去就很清爽。

没有逻辑分层,大段大段的文字堆在那里,容易给人种压迫感,让人挑不出重点,读起来很头大。

2 排版到底排的是什么

排版时要注意的零碎细节其实挺多的,但其实也都很简单。下面,我会主要以望月这里的内容来列参数。

 1. 字体:不明

微信编辑器自带的字体并不是很好看,现在的字体是我复制的,大家可以直接格式刷,它看着更具文艺、时尚感。喜欢其他公众号的字体,也可以“复制”&“格式刷”。

 2. 字号:15px 

绝大部分帐号用微信原来设定的“16px”,这个手机上看好像显得有点大。微信后来增加了“15px”(望月注:15px这个意见是我给微信提的,吼吼),也就是目前本公众号所使用的字号,基本能照顾所有可能的年龄群。

但其实,很多帐号都会用“14px”,更小更秀气些。我在Kindle订阅号及服务号编辑时,正文一般都用“14px”。

3. 间距:首行、行间距、段间距

a) 首行:无需空格

放弃开头空两格吧!这个种原始文本排版方式,对于微信公众号这种短文本为主的平台早已落伍。本来篇幅长度就有限,何必再占用空间。

当然,像“丁香园”那样开头第一段设计专用小图标更好,或者可以像很多杂志所采用的首字放大,起到提示、强调的作用。

b) 行间距:1.5/1.75

正常文本,行距太紧凑或太稀疏都影响可读性,所以通常行距都用1.5/1.75。

►1.5倍、1.75倍行距

像很多段子号、图片多的号,语句一般很短又自成一行,就无需考虑行距,反而是空一行或几行更有效果,这个看具体内容操作。

像很多段子号、图片多的号,语句一般很短又自成一行,就无需考虑行距,反而是空一行或几行更有效果,这个看具体内容操作。

►1倍行距,略显拥挤

像很多段子号、图片多的号,语句一般很短又自成一行,就无需考虑行距,反而是空一行或几行更有效果,这个看具体内容。

像很多段子号、图片多的号,语句一般很短又自成一行,就无需考虑行距,反而是空一行或几行更有效果,这个看具体内容操作。

c) 段间距:空一行

通常段与段之间空一行,大家都这么做。不过,偶尔标题层次比较多,也会出现段间距单独设置,一般是“5”或“10”,这样看起来清晰些。比如这里的a)b)c)三级标题与下方各段,我就用了段间距“10”。

4. 页边距:15px

微信公众号后台好像没考虑过这个问题,但各方大神们对于美的追求是无止境的——于是,第三方编辑器就有了可修改“页边距”这个模块。

2.jpg

► 135编辑器中修改“页边距”:工具栏-背景-左右边距

为什么要修改页边距?看下面这张图

☟☟☟

页边距10px vs 页边距15px

1.jpg

适当“留白”,视觉上看着舒服很多。

5. 对齐:两端对齐

不对齐的后果就是会出现“锯齿状”的段尾,效果参考俗话说的“被狗啃的刘海”。

如果在出现中英文夹杂的情况,一定预览效果,重新调整,不然会出现奇怪的断行。

最后,做运营排版时一定!一定!一定!考虑适配不同手机(貌似是最基本的原则)。

6. 图片:清晰、居中

图片较多时,统一一下排版样式,一般都会选择居中。如果不注意,容易歪七扭八的后果,逼死强迫症。至于加边框、阴影等效果就看需求、喜好,第三方编辑器、PS可以解决。

一定选择像素高的图片,不然推出来后渣画质会显得很low。但微信上传图片限制大小,所以学习一下ps技术很有必要。

3 排版用到的那些工具

微信公众号后台编辑器,我基本放弃了,常用第三方工具是这些:

1. i排版

(http://ipaiban.com/) 

最早使用,但是样式感觉少、不够好看,现在常使用的是其中的“小符号”,比如

☝☟☜☞

2. 135编辑器

(http://www.135editor.com/)

现在常用,主要是习惯了它的编辑框。样式元素也很多。

3. 秀米编辑器

(https://xiumi.us/#/)

个人觉得秀米是样式最多的,不过编辑器太高级,用不太习惯。

以上编辑器,如果你懂代码,还会玩出很多花样,也可以关注它们的公众号号。

另外,学会科学上网,好的图片网站也有很多,不过版权是个过不去的坎,企业帐号、营销号谨慎使用。


- 动图 - 

tumblr

i09

Imgur

SOOGIF

GIPHY


- 图片 - 

Pinterest

Instagram

Gratisopraphy(基于CC协议)

PEXEL(基于CC协议)

freepik(基于CC协议)

500px(付费)

Shutterstock(付费)

gettyimage(付费)

啰啰嗦嗦,说了很多,可能还有一时没想到的,后面此文可能继续补充。


本文链接:https://www.woshiqian.com/post/2897.html

百度分享获取地址:https://share.baidu.com/code

我是钱微信/QQ:5087088

广告位、广告合作QQ:5087088

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

       

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。