|
1. 文字排版 ? 大小 正文建议14px-16px之间。常规类的文章以16px为宜，便于读者仔细阅读。 文艺范的文章以14px为宜，增加文章的精致感。注释可以选择12px字体，做出明显区分。以下分别是12px、14px、16px的字体： 12px 14px 16px ? 颜色 正文建议使用灰色，比如#595959、#3f3f3f。纯黑色太重，看久了会产生视觉疲劳。注释作为补充内容，可以选择更浅的灰色，比如#888888、#a5a5a5。 需要强调或者区分的文字，可以使用黑灰以外的其他颜色，但是不要使用大红、大绿这样刺眼的颜色，可以选择稍浅一些的粉红，或者浅绿，看上去就友好多了。更重要的是，同一篇文章里，文字的颜色不要超过三种。对比看看下面这两段文字： 读书在没有充分的知识作为前提的情况下，即使行了万里路也不过是邮差而已在离别的车站，她上了车，我没有像以往那样的目送那班车到消失，而是头也不回的走向家的方向。 读书在没有充分的知识作为前提的情况下，即使行了万里路也不过是邮差而已在离别的车站，她上了车，我没有像以往那样的目送那班车到消失，而是头也不回的走向家的方向。 读书在没有充分的知识作为前提的情况下，即使行了万里路也不过是邮差而已在离别的车站，她上了车，我没有像以往那样的目送那班车到消失，而是头也不回的走向家的方向。 要是把握不准颜色，还是使用黑白灰就好，虽然看上去比较平淡，但是不会出错。 2. 图片排版 ? 封面图 微信官方推荐的头条封面图尺寸是900*500，次条封面图尺寸是200*200，但是我们在实际使用时，考虑到不同手机的显示情况，还是要尽可能让核心内容处于图片中间的部分（400*400），这样分享在朋友圈正好在中间，比如： ? 正文配图 目前，公众号的配图基本上有三种形式：JPG、PNG、GIF。这三种不同的格式，上传后会产生不同的效果。 建议大家能用JPG就用JPG，并且尽量用640px的图片。遇到图片压缩时，对于颜色数量较少，并且快速传达信息的图片，比如图形图像类，文字类图片，一般可以使用GIF格式；对于颜色较多，或者比较复杂的图片，一般可以用PNG格式。 大家平时浏览的时候，可以建立图片素材库，方便使用。 3. 留白排版 留白排版，是现在很流行的排版方式。【咪蒙】【罗永浩】都很喜欢用用留白的方式来排版，不仅让页面干净整洁，还为读者带来了舒适的阅读体验。对比下面两段文字： 字间距0，行距1，缩进0 读书在没有充分的知识作为前提的情况下，即使行了万里路也不过是邮差而已在离别的车站，她上了车，我没有像以往那样的目送那班车到消失，而是头也不回的走向家的方向。 字间距1.5，行距1.75，缩进2 读书在没有充分的知识作为前提的情况下，即使行了万里路也不过是邮差而已在离别的车站，她上了车，我没有像以往那样的目送那班车到消失，而是头也不回的走向家的方向。 ? 对齐方式 首先要注意不要首行缩进。在中文书籍中，因为段落间没有间隙，所以需要用两个字符的缩进加以辨识。但在网页端和手机端，书本式的排版会让读者感到压力，大家改用空行作了段落区分。 同时也要注意两端对齐，让左侧和右侧看上去都很工整。 如果选择文字居中排列的方式，要注意断句的位置，也要保证每行文字长短相近，否则就会破坏整体上的视觉统一。对比下面两段居中的文字： 在离别的车站 那样的目送她 直到班车消失 走向家的方向
她走上了汽车 目送他直到班车消失 ? 字间距和行间距 建议字间距0.5-1，行间距1.5-1.75。对比下面两端不同字间距和行间距的文字，可以看出差异。 字间距0，行距1 字间距1，行距1.75 ? 段间距和页边距 如果是大段文字，就需要在上下两段之间空行，看起来比较舒服。也要避免文字内容充满整个手机屏，最好图文穿插着来。如果图片比较少的话，也可以选择添加小符号，起到在视觉上缓解疲劳的作用。 再说页边距，建议在0.5-1之间。文艺范的公众号也可以增加页边距，显得比较干净。 ? 字间距、行间距、页边距的设置以i排版编辑器（iPaiban.com）为例 4. 样式排版 想玩点花式排版，就要用到第三方编辑器了。比如顶部和底部引导、二维码、多图的排列，这些都还可以使用样式。增加排版趣味性的同时，还可以展现出你自己的风格。 在诸多样式中，首先要选择简洁一些的样式，还要要注意样式的统一性，同一篇图文中出现的样式太多会有混乱的感觉。 5. 互动涨粉 你可能注意到最近有很多大V都用了点击显示、阅后即焚，还有弹幕，这样和读者产生互动的方式来排版，比如罗永浩、滴滴快车、支付宝。 这样的互动样式，不仅打破了排版常规，还可以用作给大家发福利的方式，吸引了大量粉丝关注，某大号就靠互动样式增加了上百万粉丝。 比如你可以用点击显示的方式，把奖品信息隐藏起来，让大家在屏幕中指指点点，有挖宝的感觉。你也可以把奖品信息隐藏在弹幕里，让弹幕走得飞快，大家截图获取奖品信息，也很有趣。 ?? 这样有趣的互动样式，要怎么才能用到自己的排版中呢？ 还是以刚才这些大号都在使用的i排版编辑器（iPaiban.com）为例，一键即可搞定。 直接上操作图 不仅有点击显示，还有： 点击显示 （点击空白处显示图片）  阅后即焚 （文字一段时间之后消失） 小英子的家像一个小岛，三面都是河，西面有一条小路通到荸荠庵。独门独户，岛上只有这一家。岛上有六棵大桑树，夏天都结大桑椹，三棵结白的，三棵结紫的；一个菜园子，瓜豆蔬菜，四时不缺。院墙下半截是砖砌的，上半截是泥夯的。大门是桐油油过的，贴着一副万年红的春联：向阳门第春常在，积善人家庆有余。 文字倒立 小英子的家像一个小岛，三面都是河，西面有一条小路通到荸荠庵。独门独户，岛上只有这一家。岛上有六棵大桑树，夏天都结大桑椹，三棵结白的，三棵结紫的；一个菜园子，瓜豆蔬菜，四时不缺。院墙下半截是砖砌的，上半截是泥夯的。大门是桐油油过的，贴着一副万年红的春联：向阳门第春常在，积善人家庆有余。 文字虚化 （文字复制在其他地方才能看清） 小英子的家像一个小岛，三面都是河，西面有一条小路通到荸荠庵。独门独户，岛上只有这一家。岛上有六棵大桑树，夏天都结大桑椹，三棵结白的，三棵结紫的；一个菜园子，瓜豆蔬菜，四时不缺。院墙下半截是砖砌的，上半截是泥夯的。大门是桐油油过的，贴着一副万年红的春联：向阳门第春常在，积善人家庆有余。 弹幕 如果i排版的样式还不能满足你，你还可以点击工具栏上的HTML按钮，自己修改代码，做出你的专属样式。i排版的代码添加了注释，非常方便修改。 在i排版，不仅互动样式轻松玩，还可以轻松美化你的排版。 i排版工具栏 还有大量有风格有品位的样式可供选择。 i排版样式中心 |
|
|
