首页 >

如何编辑微信公众号使文章排版漂亮 – CSS – 前端,css table 第一个元素

css一张图片,css船厂管理,css右滑动画,怎么用dw加css,css找同胞jq代码,搜狗浏览器 css 兼容,css table 第一个元素如何编辑微信公众号使文章排版漂亮 - CSS - 前端,css table 第一个元素

应该有很多运营公众号的盆友有这样的感觉,虽然觉得各种编辑器的样式都已经看腻了,但又没有专门的设计师的,也不太能用好PS的,只好就将就用着那些样式。

看着别人好看有特色的头图尾图,甚至是自己设计的小标题干羡慕。

不用羡慕,照着本教程做,每个人都可以排出漂亮的文章出来!

【标题篇】1. 图文标题

► 图文标题是提高用户阅读欲望的首要动力,标题越简洁,越能快速被用户解读,并转化为文章的阅读。

因为订阅号是被折叠起来的,折叠后能显示的文字非常有限,如果公众号名字还很长,很可能在订阅号折叠页是没办法直接了解文章想要表达的意思的,比如下面这三个文章标题,哪一个信息传达的更友好就很显然了。

► 标题字数要尽量控制在约13个字以内。在多图文中,标题会在封面图片上方带黑色遮罩,超出13字换行会不同程度地遮挡封面图。同时,过长的标题也会加大读者对标题的理解难度。

当标题一行或两行时,封面内容还能看清楚,如果,只是如果,你的标题很长,那么就会变成这个样子:

►标题可添加“【】”来凸显关键字,或者是简洁的“ | ”(竖线),但不要有过于繁琐、奇怪的符号。

使用【】、| 这类的符号,是为了突显一些账号的栏目内容;但大家经常也会看到不少账号在标题里加了许多奇怪的符号,或者emoji表情,此时再谈文章的逼格就太难咯。

2. 正文小标题

► 小标题要尽量醒目并与正文在距离和大小上区分开来,一般区分方法有:

加大行间距区隔,一般在小标题和正文之间空一行;改变小标题字体颜色;改变小标题字号大小;

另外,如果小标题过长,可以将小标题断句折成两行分为主副标题。大家非常不建议使用过长的标题,一来难理解,二来不好看,尤其是手机的屏幕是狭长的,简短明快才是关键。

► 改变小标题的文字大小与颜色。当然也可以使用编辑器里的标题样式,但一定不要用得太多,让文章看起来很花,有时候只需要改一下文字大小就能突出,读者能领会你要表达的意思的。

总结:标题是引起读者阅读兴趣的开始,简明扼要的标题能迅速吸引读者的注意,也能帮助用户快速找到文章的结构以及重点。需要注意的是文章标题尽量控制字数,简短醒目、易理解的标题往往更受读者的青睐。

至于标题怎么起吸引人,大家以后可以专门写篇文章来讲述,管叔还有一款神奇的工具可以判断出一个标题的分值,什么样的标题能火都是可以计算出来的,不知道他们有没有开发完,以后出来了给大家分享一下。

——————————————-

【图片篇】

一篇优秀的文章配图一定也很精彩,因为它会给提升文章的吸引力与魅力分值。微信中的图片一般包括,头图封面、小图封面、以及文章正文中的配图。这三种图片又各有不同,接下来给大家介绍一下每种图片的特点与挑选方法。

1. 封面图(头图封面+小图封面)

►好的封面图可以有效引起读者的阅读欲望,并转化为内容阅读,同时也能体现出作者的审美品味。在挑选封面图的时候也有尺寸、内容等要求,可以添加有特色的元素让自己的封面别具一格。

【封面图尺寸900×500 次图200×200】这个尺寸一定要牢记,相应位置配图的时候严格按照这个来做图,可以保证出来的效果最佳的,经常会看到头图选了方形的,把脑袋给切了去。 小图选了宽图,全部变形了。

► 封面图要尽量选择干净、色彩统一的图片。在挑选图片时也要清楚自己的品牌定位,尽量挑选与自己品牌形象相一致的图片。如果能对图片进行一定的加工,突出文章的主题,读者也会感受到你的用心的。

► 多图文的配图,整体风格要保持和谐一致,如果还能巧妙突显账号的品牌风格,那就更好了。这方面3W互联网深度精选、拉勾网、Pingwest等账号都做得不错,电商们的账号经常也拿封面来做公关活动,光看这个也会觉得特别有意思。

►另外,封面图片的主要内容要尽量居中,因为在读者分享到朋友圈的时候,微信后台会自动截取封面图居中的正方形内容,这样才保证图片的精彩内容更容易被读者看到。

以师父在微信公众号【yourshifu】上分享的《(小黄人内部)职场必备:商务邮件礼仪》封面为例:

光看封面觉得也没什么,但是分享到朋友圈的时候优势就明显了,位于正中央的图片会成为朋友圈图文封面的正中心。试想如果封面是一个商务人士,很可能分享过去的就是半边身子的人了。

2. 正文配图

►文章中的图片在挑选时要尽量选择与文章内容相近的图片。在挑选这些图片时也要注意图片内容、色彩冷暖的一致性。并且正文图片一定要与文章封面图相呼应。

总结:图片看似无意,但实际在文章中扮演的角色是非常重要的。好的图片可以为文章增色不少。但是图片的选择种类也是花样繁多,这里只介绍基本的选择方法,如果你艺高人胆大,有好的创意,欢迎你与大家随时交流。

——————————————-

【正文篇】

► 文章正文的字号最好在14—18px之间,以16px最为合适。文章篇幅较长,字体可以稍大一些(16-18px)。比较偏“文艺范”的文章字体可以适当稍小一些(12-14px),显的文章更精致一些。

这个部分大家有三种字体的截图比较,请看下图:

► 行间距:1.5-1.75倍的行距看起来会比较舒服。1.0行确实有点挤,好在图文不像报纸还要计算版本,怎么舒服怎么来。

► 移动端的文章均无需首行缩进。传统印刷以及PC端屏幕较大,较宽,为了方便识别出文章的开端,首行默认缩进2个字。而在移动端,由于屏幕比较狭长,首行缩进没有必要,而且会使段落看起来不整齐。

这一点许多人都提及过,和菜头,小道消息都专门说过此事,所以微信排版完全没必要首行缩进。

如果确实想在段落开头着重强调一下,可以使用首字下沉,这是传统平面媒体积累下的非常有效的办法,可以借鉴。这个功能i排版(i排版-微信图文编辑器)也是提供的。

► 正文一段不要超过一屏,正文段落之间至少空一行。

►许多童鞋还问过为什么不推荐一下字体呢?由于微信图文不支持字体的设定,在此,大家也不做推荐。相应的,i排版里也不提供字体选项,把不用的功能全部删除掉。

——————————————-

最后再总结一下“微信排版”要诀吧:

正文字号建议为14-18px;

行间距建议为1.5-1.75倍;

强调文字可以改变字体颜色或背景,也可添加适当的排版样式;

正文段落尽量不超过一屏,多分段;

段落之间最好空一行,让眼睛休息;

首行无需缩进。


如何编辑微信公众号使文章排版漂亮 - CSS - 前端,css table 第一个元素
  • Dreamweaver怎样设置页面属性 - CSS - 前端,app底部按钮css
  • Dreamweaver怎样设置页面属性 - CSS - 前端,app底部按钮css | Dreamweaver怎样设置页面属性 - CSS - 前端,app底部按钮css ...

    如何编辑微信公众号使文章排版漂亮 - CSS - 前端,css table 第一个元素
  • eclipse无法创建js文件 - CSS - 前端,点击按钮弹出搜索框css
  • eclipse无法创建js文件 - CSS - 前端,点击按钮弹出搜索框css | eclipse无法创建js文件 - CSS - 前端,点击按钮弹出搜索框css ...

    如何编辑微信公众号使文章排版漂亮 - CSS - 前端,css table 第一个元素
  • dw怎么弄鼠标点击时弹菜单出来 - CSS - 前端,css3 边框慢慢加载
  • dw怎么弄鼠标点击时弹菜单出来 - CSS - 前端,css3 边框慢慢加载 | dw怎么弄鼠标点击时弹菜单出来 - CSS - 前端,css3 边框慢慢加载 ...