找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 303|回复: 4

若何让微信公众号文章排版变得高峻上?

[复制链接]

5

主题

8

回帖

32

积分

新手上路

积分
32
发表于 2023-1-7 22:12:49 | 显示全部楼层 |阅读模式
来历:知乎
关注了很多公众号,有的号的文章的排版很精彩,现在正想开通一个微信公众平台,要怎样才能在排版上让文章看起来更高峻上?

原文地址:https://www.zhihu.com/question/27580103
免责声明:本帖内容由机械人自动收集于互联网,如加害了您的权益,请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容,给您带来未便,深感歉意!

3

主题

10

回帖

27

积分

新手上路

积分
27
发表于 2023-1-7 22:13:35 | 显示全部楼层
【这能够是你见过的最周全,最有根据的公众号排版教程了】
「麻烦大师点个赞吧,收藏是点赞的六倍 」
2021.3.12更新:
由于有很多加了我的交换群的小伙伴,在群里聊天
有问到非设想师/小白怎样快速做好公众号的排版设想图片
所以特地和大师探讨并一路试用了一段时候,终极来给大师保举一个图片建造神器:

创客贴_在线平面设想工具_海量平面设想素材免费利用
这个网站可以说是新媒体人的福音了,很多有审美的模板。
(PS:我空余时候也会兼职设想一些封面图和底图)
甚至我有些素材也会在这里面间接一键建造,由于相比于自己重新做,有用力多了~

若何让微信公众号文章排版变得高峻上?-1.jpg
而且里面实时婚配时势热门,很多时辰只需要单机点窜笔墨便可以了,敏感肌也可以用(逃

还有小红书封面、视频号封面等等各类新媒体人城市用到的模板,多平台分发的小窍门!


若何让微信公众号文章排版变得高峻上?-2.jpg
而且手机也可以间接阅读建造,方便快速,新媒体人小工具GET~

若何让微信公众号文章排版变得高峻上?-3.jpg
以下正文,老例子,附和本文可以加速常识吸收速度!
<hr/>——作为设想爱好者对新媒体设想的标准化教程,绝对透彻、适用。与其他回答纷歧样,每个处置方式都有理论根本作为指导,确保你不会苍茫。
间接用微信图文(本文首发于我的公众号:一安盐)粘贴过来的排版,大师完全可以看得出这样排版的结果


若何让微信公众号文章排版变得高峻上?-4.jpg

很多做公众号的朋友应当都有过这样的感受,看了很多关于排版的案例、教程,做出来的推文也不尽人意。

很多关于排版的设备,如字号,间距,空行,配色。大多凭直觉行事,常常都还差点意义

从设想学的角度来看,这就是元素的挑选没有方式论做指导,没有一个同一的标准,所以心里没有底。
这一点,早在18世纪的消息报刊等的板式设想中,就有很明白的排版要约,大都合适人们认知的舒服的排版都是有共性的。
只要大师从这些根基角度动身,大师都可以做出都雅的图文。

下面我将从设想专业动身,连系新媒体的特点,分享一些排版技能

希望你能从中获得启发,做出属于自己的、都雅又适用的排版。

(注:好排版完全可以如虎添翼,帮你的内容更易于大师阅读,却绝非雪中送炭,列位新媒体小伙伴切勿本末颠倒。)


若何让微信公众号文章排版变得高峻上?-5.jpg

结论

先上结论,方便没偶然候看以下理论部分的小伙伴间接利用。

▌字体
⚬ 正笔墨号 14px(13-16字号为好)
⚬ 正笔墨体 苹方黑体
⚬ 正笔墨色 灰色(63,63,63)
⚬ 夸大字体 黑色(0,0,0)
⚬ 正笔墨号 13px(12-14字号为好)
⚬ 正笔墨色 浅灰(136,136,136)
⚬ 对齐方式 两头对齐(模块化)

▌段落
⚬ 页边距 15-25px(左右留白)
⚬ 分段方式 段后空一行
⚬ 行间距 1.68倍(1.5-2为好)
⚬ 手机一屏内 笔墨2段以上
⚬ 手机一屏内 重点句子3句以下
⚬ 字间距 2(1.5-2为好)

▌配色
⚬ 正文内容夸大色用低饱和度色彩
⚬ 题目/首页图可用高饱和度色彩
⚬ 一篇图文的夸风雅式不要跨越2种
⚬ 一篇图文内字体色彩不要跨越3种

配图
⚬ 图片两头和文本对齐(模块化)
⚬ 笔墨类文章 图片应选用低饱和度色彩(去焦点化)
⚬ 图片类文章 笔墨应尽能够同一格式,削减夸大部分(去焦点化)



注:以上结论合适大部分图文利用,但应按照本性化需求做出调剂,
比如受众年龄较大,为进步笔墨辨识度,该当增大字号,缩小页边距等。
又如干货类文章,该当留意行间距适当缩小,页边距也要缩小等。

<hr/>
以下部分为道理讲授,含有大量设想干货。想要进步排版设想才能的小伙伴,一定要看下去。
只要了解了以上结论发生的缘由,才能在各类情况下,针对内容停止调理,做出合适自己的一套排版气概。

祝大师在公众号排版中更上一层楼!


若何让微信公众号文章排版变得高峻上?-6.jpg

<hr/>
目录

01. 版式

1.1 WCAG指南(根据)
1.2 字体
1.3 段落

02. 夸风雅式

2.1 分类
2.2 下划线
2.3 斜体
2.4 加粗

03. 色彩

3.1 对照度
3.2 饱和度
3.2 配色


若何让微信公众号文章排版变得高峻上?-7.jpg

<hr/>
第一部分
版式

1.1 WCAG指南(排版根据)


若何让微信公众号文章排版变得高峻上?-8.jpg

为了使Web内容更具可识别性,W3C(World Wide Web Consortium万维网同盟;是Web技术范畴最具威望和影响力的国际中立性技术标准机构,公布了多项影响深远的Web技术标准及实施指南,对互联网技术的成长和利用起到了根本性和根赋性的支持感化。)早在1999年就推出了WCAG(Web内容无障碍指南),旨在使残障人士更轻易拜候网站内容。

这些原则标准了标准化web页面的设想,初衷是为了使视力等受损人群可以阅读Web内容,而现在该指南已经成文Web页面设想的原则,它有用进步了一切用户对页面的可识别性以及可用性。


若何让微信公众号文章排版变得高峻上?-9.jpg

该指南第一部分—可感知性(Perceivable)中就对笔墨的编排等停止了具体的论述,如:

1.4.3对照度(最小):文本视觉显现以及文本图像最少要有4.5:1的对照度,特别部分除外。

1.4.8视觉显现:段落的行间距最少是1.5倍行距,段落间距最少比行间距大1.5倍。

我们基于2018年版WCAG 2.1(中文版:https://www.w3.org/Translations/WCAG21-zh/#perceivable)标准制定了本公众号排版指南

做为一个排版参数的倡议,能适用于大部分排版所需,可使Web图文更具有可辨识度,也让排版从理论层面上更加易读,也即美妙

1.2 字体

字号请选定为12-16px之间(人眼对于中文的识别极限为12px,太小将会引发视觉不适)


注:
我们该当按照内容做出顺应性调剂。

12px更精美,节奏感更强,适于文艺类图文排版
16px更易读,适用于干货或严厉类图文排版

若何让微信公众号文章排版变得高峻上?-10.jpg
群众日报公众号采用16px字号,首要斟酌用户多为中老年人,更重视笔墨的清楚易读。


1.3 段落

▌行间距:1.5倍-2倍字号

我们倡议行间距在1.5倍-2倍字号之间,这样有益于将同一行内容归纳阅读(近似原则),避免了阅读进程中发生疲惫感。

1.68倍行距则是各类消息app常用的行间距,如百度:1.68倍;网易消息:1.68倍;本日头条:1.68倍。

若何让微信公众号文章排版变得高峻上?-11.jpg
本日头条为1.68倍行距

▌段间距:

我将段落分为四个档次:
不空行、空一行、空两行和分隔符

不空行:用于两段笔墨为同一内容,仅作阅读时搁浅用。
空一行:用于段与段之间的分隔,分歧内容之间的呼吸点。
空两行:用于小题今朝的空隔,代表一个小节内的分歧二级单元。
分隔符:用于大题今朝的警示符,代表同一文章内的分歧小节。


注:
行文阅读该当有韵律感,使人在阅读时如乘滑梯一般下行,常常在不知觉间就阅读了全文。

空行的感化可以进步整体行文阅读时的节奏把握,利于读者对于内容阅读的呼吸、思考、搁浅。
笔墨分段时插入图片,插入分隔符,干货类文章中插入图解,都有这样的感化。

<hr/>
第二部分
夸风雅式

2.1 分类

在文章中,经常需要夸大某一部分,经过设想在视觉上凸显出来。

援用justfont中的一段话:
借用底色、边框与分歧字体的变化,告诉读者这一段很重要,也帮助快速阅读把握重点。
除了需要出格会商的上色之外,最常用的夸大法不外乎加粗变斜或是加底线

加粗、变斜是透过墨色浓度或外形变化对正文对照,这起源自西方数百年的排版法则;加底线则是打字机流行以后留下的遗产。

夸风雅式很多,可是万万不能乱用,更不能同时在一个段落里,否则结果会让人很为难,下面停止逐一说明。

2.2 下划线

下划线是打字机时代的产物,现在已经过期。假如用下划线停止夸大,反而会鹊巢鸠占,对笔墨的阅读构成干扰。
除超链接外,其他句子只管不要利用下划线。

2.3 斜体

英文从文艺复兴期间,就已经有了用斜体停止夸大的排版法则。但中文分歧,中文没有斜体,只要计较机法式变形的斜体结果。

中文斜体味落空了中笔墨形本来的结构和美感,所以不要在中文中利用斜体。

2.4 加粗

加粗是最理想的夸风雅式,也是最通用的做法,夸大的时辰除了加粗外,还可以经过改变字号或改变色彩。

同上,为连结行文的韵律感,在同一段落、同一阅读屏幕内,夸大句应在三句以下。否则人的视野焦点就会被多处牵引,形成疲惫感。

<hr/>
第三部分
色彩

3.1 对照度

笔墨与布景的亮度反差越大,人眼就更轻易把笔墨从布景平分手出来,笔墨也就越轻易被阅读。

更具WCAG标准,文本视觉显现以及文本图像最少要有4.5:1的对照度。
是以,4.5:1这也是文本内容能被清楚阅读的最小对照度。

最浅灰色
(118,118,118)

若何让微信公众号文章排版变得高峻上?-12.jpg
按照WCAG标准,该字色是能被清楚阅读的最浅灰色

灰色
(218,218,218)

若何让微信公众号文章排版变得高峻上?-13.jpg
该字色对照度为1.39:1,不满足WCAG标准


若何让微信公众号文章排版变得高峻上?-14.jpg
在公众号图文编辑器里,有色彩RGB值的设备


正笔墨色
(63,63,63)

若何让微信公众号文章排版变得高峻上?-15.jpg
亮度对照度范围


对照度越低,画面越精美;对照度越高,笔墨越轻易被看清。

正笔墨色不保举纯黑色(0,0,0),太高的对照度轻易发生视觉疲惫。我们保举(63,63,63),这类深灰色比纯黑色加倍温和,版面会加倍精美。


若何让微信公众号文章排版变得高峻上?-16.jpg
  对照度计较器
https://webaim.org/resources/contrastchecker/


对于专业人士,我们一般保举用对照度计较器来计较对照度能否合适色彩范围。

同理,其他色彩的可读性,也可以用这类方式测试。这也是为什么常见的夸风雅式中,黄色布景上放红色笔墨,会变得不成读。

3.2 饱和度

饱和度是指色彩的艳丽水平,也称色彩的纯度。
饱和度越高,色彩越艳丽。


若何让微信公众号文章排版变得高峻上?-17.jpg

对于正文内容,需要长时候的阅读,利用低饱和度可以下降色彩对人的打搅,进步阅读沉醉感。

对于需要突出夸大的内容,利用高饱和度色彩更吸引人的留意,起到更好的夸大结果。

3.3 配色


若何让微信公众号文章排版变得高峻上?-18.jpg

一般而言,一篇图文的字体色彩不要跨越三种。

▌主题色
一种色彩作为主题色,可以用在题目、重点内容、二维码、头像、顶部和底部的指导等。

正文色彩
一种作为正文色彩,通常是灰色(63,63,63)。

标注色
一种做为标注色彩,用作援用内容、正文、声明等。通常是浅灰色(136,136,136)

<hr/>
一安青年·学设想
Thank You!

@ EAN丨2020.3.5
Copyright © EAN All Rights Reserved
丨接待大师分享噢

参考文献
[1]W3C.(2018).Web Content Accessibility Guidelines (WCAG) 2.1
[2]justfont.(2018).https://justfont.com/
[3]站酷网.(2019).公众号专业排版教程 -①版式部分-小杨小杨喜气洋洋

保举阅读
一安君:为什么你的公众号不够爆款?丨公众号配色指北
一安君:小白若何从零起头运营一个微信公众号?
这是我的专栏“设想+新媒体”,会连续更新关于新媒体的视觉设想,大师也可以关注呀:

设想+新媒体

3

主题

14

回帖

31

积分

新手上路

积分
31
发表于 2023-1-7 22:14:12 | 显示全部楼层
我的回答是自己亲身设想了,系统处理排版中最辣手的题目,视频讲授,包教包会,把握我以下技术,处理微信全数排版题目!!!最初只要内容题目。触及内容以下:
1:封面首图建造

2:顶部关注

3:logo建造

4:小题目建造

5:底面名片建造

6:指导读者转发图片“在看”
接下来的操纵先容的建造思绪,学会这类技能,市道上任何微信图片处置,只要晓得图片尺寸,你可以建造出和那些大号一样的结果。


倘使有做微信公众号的小伙伴,可以看一下我之前写的另一篇文章:

高耀梽:小我微信公众号运营宏观框架搭建猜你喜好看:

高耀梽:微信公众号排版技能(低级)高耀梽:文案篇:明白文案的写作计划和方针接下来我将别离分享一下我在运营小我微信公众号的一些经历,希望可以帮助大师
一篇及格的微信排版标准是这样一种状态呢?以下:

若何让微信公众号文章排版变得高峻上?-1.jpg

有一个小技能大师需要留意一下,大师在结尾的微信公众号引流的二维码的时辰,不但可以设备公众号二维码, 还可以在海报上,把你的微信公众号二维码+微信粉丝群二维码+你的视频+笔墨都调集在一个二维码上, 用户扫描他人分享进来的海报后,扫码即可检察你一切的内容,让你更多的信息触达用户,大大增加了加粉的力度 而且二维彩虹二维码天生器,还可以支持阅后即焚二维码和一次性生效二维码,倘使有免费阅读旁观内容,都可以一码上传, 用户旁观后限时生效,非常风趣又好玩。同时天生的活码,还可以在连结前面展现二维码稳定的情况下,随时更新码前面临应的 链接 +视频+笔墨等内容, 多端同步,灵活点窜。感爱好的朋友快来尝试一下吧
微信群二维码过期了?微信群操纵合辑在这里
若何让微信公众号文章排版变得高峻上?-2.jpg
1:封面建造



若何让微信公众号文章排版变得高峻上?-3.jpg
封面图的建造有以下难点:

1:封面图的尺寸题目,像素题目
2:寻觅配图素材

现在的网页上对封面图的处置,没法满足小我需求,说是有很多模板,可是绝大大都模板底子没法利用。

例如创可贴,等一系列平面设想网站,实在他们的图片建造的手法来自于PPT,惋惜的是他们的处置方式将这件事变得复杂了,现实是PPT的功用更强大,下面我将分享我自己处置的方式。
第一步:获得封面首图尺寸
操纵PS软件将我在这些平面设想网站获得的图片翻开,获得图片尺寸巨细。



若何让微信公众号文章排版变得高峻上?-4.jpg
关于工具,我用的是365Office,我在闲鱼上买的账号(很廉价),永久利用,倡议大师也弄一个账号,究竟这是吃饭的家伙,自带云盘。

第二步:操纵PPT和silide插件建造公众号封面首图(箭头偏向代表操纵顺序)
silide插件是为导出的图片尽能够高清,这是我近期找到PPT导出图片进步清楚度的方式。

具体的安装方式可百度,在它官网间接下载,安装至365Office      PPT上。

步调以下:
1:操纵PS帮助肯定封面图片巨细

若何让微信公众号文章排版变得高峻上?-5.jpg

获得封面首图尺寸:28.22厘米x11.99厘米
PS软件假如大师没有,可以去我公众号:进击战略师。答复:材料大全。最新19  PS安装包,间接解压安装即可,不需要激活(以上材料只供给进修交换,不用于贸易用处)。
下面将这张图片建形成公众号封面首图

若何让微信公众号文章排版变得高峻上?-6.jpg

2:起头➨新建幻灯片➨版式空缺
3:设想➨幻灯片巨细➨自界说➨确保合适
若何让微信公众号文章排版变得高峻上?-7.jpg

https://www.zhihu.com/video/1101930840547794944
4:插入➨相册➨新建相册➨文件|磁盘-建立➨设想理念
调剂图片巨细
5:斜向拉伸图片,使图片等比例放大|缩
操纵ilside插件导出(处理像素题目)

1:ilside➨平安导出➨导出图片➨数值调到最大(图片宽度)➨另存为

若何让微信公众号文章排版变得高峻上?-8.jpg

https://www.zhihu.com/video/1101930938166022144
最初制品以下:


若何让微信公众号文章排版变得高峻上?-9.jpg

若何让微信公众号文章排版变得高峻上?-10.jpg

若何让微信公众号文章排版变得高峻上?-11.jpg
1:顶部指导关注

这类的动图建造可以经过新媒体管家插件来处置,它自己素材库中含有这类素材,还可以在其他文章中有更好的“指导关注”模板经过插件的“收集”获得,保存在自己的素材库中,功用强大,合适帮助办公。
第一步:收集素材复制收藏


https://www.zhihu.com/video/1101931085612601344
第二部:新媒体插件与微信互绑后,点击按钮,在收藏中找已收集的素材。



https://www.zhihu.com/video/1101931205850701824
2:logo建造

1:专门建造logo的·网站
Logo 建造 | 商标建造 - 免费在线Logo设想工具 | DesignEvo2:操纵PPT的动画建造,以视频的形式导出来,视频转GIF。


若何让微信公众号文章排版变得高峻上?-14.jpg

这是之前我用PPT做出来的logo,这些都可以经过PPT的动画建造出来,最初以视频的形式导出,最初视频转GIF。
建造方式参考:

若何让微信公众号文章排版变得高峻上?

若何让微信公众号文章排版变得高峻上?-15.jpg

1:小题目建造

1:操纵PS帮助肯定封面图片巨细

若何让微信公众号文章排版变得高峻上?-16.jpg
尺寸:40.22厘米x6.17厘米
2:起头➨新建幻灯片➨版式空缺
3:设想➨幻灯片巨细➨自界说➨确保合适
4:插入-文本框-输入“01”-巨细-字体-居中-调剂位置-色彩
操纵ilside插件导出(处理像素题目)
1:ilside-平安导出-导出图片-数值调到最大(图片宽度)-另存为


https://www.zhihu.com/video/1101931339149860864
2:指导转发,点赞底部图片

1:操纵PS帮助肯定封面图片巨细
2:起头➨新建幻灯片➨版式空缺
3:设想➨幻灯片巨细➨自界说➨确保合适
4:插入➨外形➨标注➨圆角矩形➨编辑笔墨➨调剂
若何让微信公众号文章排版变得高峻上?-18.jpg

https://www.zhihu.com/video/1101931464454709248
制品以下:


若何让微信公众号文章排版变得高峻上?-19.jpg
3:底部名片建造

1:二维码建造

第九工场-艺术二维码-首页2:底部关注

大同小异,只要熟悉PPT,一切都不是题目。步调太多,没法用视频做出来太耗时候,就是操纵插入、外形,文本框做出来。这是用PPT做出来的结果,你也可以做出属于你气概的图片。


若何让微信公众号文章排版变得高峻上?-20.jpg

假如你是新手,不太熟练利用PPT,大概想做出来更高级的结果,PPT充足了,可以关注我的微信公众号:进击战略师。答复“PPT教程”即可获得,最新19出的资本,帮你快速把握PPT高阶技术,以上操纵底子不是题目,材料只用于进修交换,不用于贸易用处。

5

主题

15

回帖

45

积分

新手上路

积分
45
发表于 2023-1-7 22:14:17 | 显示全部楼层
若何让微信公众号文章排版变得高峻上?-1.jpg
这个回答是我运营小我公众号,同时作为作者、小编、设想师多重身份三年排版经历的总结。 为了将公众号的版面排好,我尝试过第三方的编辑器、无数次调试校订,在分歧手机上预览……终极找到一套简单、高效和美妙的排版方式。
这套方式不需要利用任何的编辑器,很是方便。我深信一位好的设想师利用公众号的自带编辑器就能排挤很是优异的版面,但一些图片、图表表格的处置,需要用好 PowerPoint / Keynote 和 Photoshop 。
在这个回答中,我总结了八个排好公众号的要点,条条代价过万,但明天免费分享给列位,希望大师都能做出让民气旷神怡标图文。不外在说若何做之前,要先卖个关子讲一讲什么样的排版是好的排版。
第一部分 什么是好的图文排版?


我对什么是好的微信公众号文章排版提出了以下的三点要求:

  • 能清楚表现文章头绪
  • 阅读轻松愉快,信息转达顺畅
  • 合适定位,能建立起视觉特征

不如间接看举例子:

若何让微信公众号文章排版变得高峻上?-2.jpg

△  科技媒体 AppSo 和爱范儿的图文排版

AppSo 和爱范儿是我小我翻开频次比力高的两个公众号,这两个公众号话题偏向科技类,文章图文并茂,比力长,做好排版让观众读起来舒服很是重要。我们可以连系这两个例子来说一说前面的几条原则。
首先,清楚表现文章头绪。AppSo 经常会给出一个「懒人目录」,这样既能让读者快速领会文章的大要内容,也可以让读者自行挑选感爱好的部分间接刷曩昔。
两个公众号城市在文章的一个部分竣事的时辰利用朋分线,而且用更大的字号和加粗的形式处置大题目,以此来构成文章的「视觉金字塔」。
其次,阅读轻松愉快,信息转达顺畅。两个公众号的文章内容偏多,是以需要利用图片和留白等方式来让图文阅读加倍顺畅,使读者发生比力轻松的阅读体验,不让人感应拥堵难熬。
最初,图文排版合适定位,能建立起品牌的视觉特征。两个公众号都在开篇图,朋分线上利用了独占的视觉特征,来强化品牌身分,给人留下较为深入的独占的印象。
这两个公众号的品牌视觉特征建立不算出格强的,但也根基充足。

第二部分 排好图文根本操纵


①  栏宽、缩进、根本字号与行距

什么叫栏宽?很简单,公众号图文在手机上一行能包容的字数就叫栏宽。
两头缩进和 Word 中的页边距类似,缩进数值越大,左右页边距留出来的「红色」越多。在同一个屏幕分辨率下,栏宽巨细、两头缩进巨细和根本字号巨细,三者相互决议。以下图:

若何让微信公众号文章排版变得高峻上?-3.jpg

△  栏宽、两头缩进与根本字号

若何选对这四个参数的数值呢?别焦急,把影响这些参数的身分说清楚以后,会发现可选的范围并不大。
首先是根本字号和栏宽。假如图文里边文本内容比力多而且重要,就需要斟酌阅读久了会不会累。
这个时辰,根本字号不能太小——激烈倡议不要小于 16,16 号字在两头没缩进时对应的栏宽能容下 20 个字左右。
别的,两头缩进也不倡议太多。缩进太多了以后,栏宽能包容下的字数就少了。当字号缩减到 13、14 个,视野就会在行与行之间不停地切换。
假如想要缩进多、栏宽字数又不太少,就要减小字号,这样就与前面字号太小眼睛阅读时轻易累到组成冲突。举个栏宽和字号设备不太合适的例子:

若何让微信公众号文章排版变得高峻上?-4.jpg
在这个例子中,栏宽为 21 字,文本内容多,没有图片作为调理。能显出专业,可是一个页面就有快 500 字简直轻易发生阅读压力。其中以上四个参数的挑选搭配不是太合适。有以下参考倡议:

  • 两头缩进 8 号或字号增大 1 号
  • 每 300 字左右保证都有一个大一点的留白作为缓冲(可以利用图片、朋分线、大题目等元素)

行距这个参数简直认也简单,微信就给了几种牢固挑选,综合来看,1.75 倍行距是用得最多的了。
②  保证缩进后的杰出对齐性

下面是 App Store 图文的排版,我很是喜好这个 APP 的图文设想,我在自己排公众号图文的时辰也鉴戒了很多。
App Store 图文的排版左对齐线近乎「完善」,以下图。找不到破坏这条对齐线的元素,这条对齐线是全部图文的「灵魂」。

若何让微信公众号文章排版变得高峻上?-5.jpg

△  App Store 图文排版设想中的左对齐线

在微信公众号的图文排版中,微信默许有一个缩进的间距,图片是不能拓展到屏幕两真个,这个时辰再去追求图片和文本错开的意义不大了。
所以 Effork 的文章在首图以后,完善地遵守缩进后的左右对齐线,拜见下图:

若何让微信公众号文章排版变得高峻上?-6.jpg

△  图文不破坏缩进后的两条对齐线

③  文本对照构建层级关系

在公众号图文中,处置好大题目、小题目一样很是重要,文章的头绪和结构全靠它俩。
那末经过什么方式来停止区分,构成视觉金字塔呢?最简单的方式就是经过设备字号巨细、粗细和色彩来区分题目、正文及正文,下图是我在公众号图文中所用的层级款式(例子中没有出现大题目):

若何让微信公众号文章排版变得高峻上?-7.jpg

△  层级款式设备(最新排邦畿片注为 14 号)

有部分朋友有一个习惯性思维——以为字小就是精美,现实上不是这样的。
字号巨细并不是精美的决议性身分,调试好各个要素之间的关系才是最重要的。该用较大字号的时辰还是要用起来的。
写题目标时辰要留意精简,一般控制字数不跨越 10 个,少在图文中出现题目占两行或多行的情况。

④  用间距表白密切性并留白

除了行间距,微信公众号图文编辑器还支持变动段前段后间距。
先说段落。段落行数不宜过量,经过对照分歧行数段落的结果,获得的结论是:段落多控制在三五行,中心穿插一些一两行的短段落比力合适阅读。
文本段落之间经过空行来暗示分段,不采用首行缩进的方式,首行缩进在屏幕段阅读不是需要的。只要有合适的形式区分段落即可——这个形式就是空行。
除了空行,需要在大题目、小题目、段落之间设备「段前距」和「段后距」。
这里就有一个原则——「前松后紧」。什么意义呢?以下图:

若何让微信公众号文章排版变得高峻上?-8.jpg
为什么会有 A>B 这一「前松后紧」的关系呢?实在跟换段失行是一样的。
文章一般城市有几个部分大概几个论点,一个部分或一个论点论述完的时辰,相当于一个完整的小内容已经竣事了,这个时辰经过较多的留白来暗示这一节点,然后再另起一个部分或一个论点。
别的,题目与正文之间的间距也应当大大于正文段落之间的间距。间距的留出,能让全部页面更有呼吸感,阅读加倍轻松,也更合适行文内容内在逻辑的表达。
需要补充的是,我在这篇图文中没有益用大题目。假如还有一级大题目,其前后间距要比小题今朝后间距对应留得再多一点,其中的事理仍然是密切性关系的分歧。

第三部分  排好图文高阶操纵


⑤  用好图片,减缓阅读压力

非论是人文类文章,还是效力型干货,图片都是一个很好的减缓阅读压力的存在。
不外分歧主题的文章所利用的图片范例分歧,前者是和主题相关的插画或照片,尔后者是一些说明性质的插图、截图……
在文章中插入图片,根基保证三四百字就会出现一到两张图片,图片要和文章内容相关。保举几个免费图库:

  • 照片:Pexels、Unsplash、Pixabay
  • 插画 + 照片:Freepik

前面的三个免费图库大师比力熟悉,最初一个图库有插画,不外网站下载速度不太稳定。给大师看两张我搜索「Fashion」获得的成果,休整一下用作一些时髦类公众号插图还是不错的:

若何让微信公众号文章排版变得高峻上?-9.jpg



⑥  让图片更利于手机真个阅读

首先是图片前后的密切性处置。图片在图文中比力特别一点,它的段前段后需要按照手机预览结果停止调试。
一般在图片的段前加 10 个单元,段后不作处置。评判标准就是文本段落中心插入图片,图片的段前段后与段落之间的间距大致相称,见下图:

若何让微信公众号文章排版变得高峻上?-10.jpg
其主要留意图片的比例与剪裁。图片的比例也是有讲求的,手机竖向阅读的时辰是一个高高的,窄窄的页面,这个时辰像宽幅电影荧幕的比例是不太合适阅读的。一般多采用以下几种比例:
宽:高 = 4:3、1:1、3:4、2:3。几种比例在手机端微信界面上的结果参考以下:

若何让微信公众号文章排版变得高峻上?-11.jpg
然后,给图片加一个小圆角,让图片加倍精美。图片加圆角风行起来有以下身分:

  • 手机周全屏风行,手机屏幕四个圆角变得更大;
  • iOS 系统从 iPhone X 公布以后,在圆角屏幕上利用了大圆角的 UI 设想,进一步使得圆角风行起来。

那末这个圆角应当若何加呢?首先讲一讲图片的尺寸与像素。今朝手机风行的屏幕分辨率宽是 1080 个像素。现在由于手机网速够快,流量比力够用,微信公众号图文对图片紧缩减小了,显现变成了高清。
这意味着在一篇图文中,最好是不让观众点开每一张插图就能完整获得图片信息。参考下面两张截图的对照:

若何让微信公众号文章排版变得高峻上?-12.jpg

若何让微信公众号文章排版变得高峻上?-13.jpg
敲黑板,重点来了,Effork 这么干的。将图片宽像素控制在 1000 左右,太小分辨率不够,太大加载变慢。假如图片上有重要的需要放大看的内容,可以适当增加像素。
接下来需要计较圆角的巨细——圆角巨细即是图片宽边像素数目除以 40。
有一些猎奇宝宝会问为什么是宽边像素数除以 40?由于要让全部图文里插图的圆角巨细一样,需要利用相对值,不能利用绝对值。比如 25 个像素的圆角对于宽 1000 的图片来说,就要大于宽 2000 像素的图片圆角。固然啦,不除以 40,改成除 45 也是可以的,只不外 40 很好计较。
至于若何用 Photoshop 给图片加圆角,留给列位去自行处理以下。再多说说加描边的情况:一般只要纯红色或很浅的灰色截图会加一个小描边,描边巨细 1-2 个像素,色彩为浅灰色,色彩值参考 #bbbdbf。
最初,留意图片的输出。间接给结论,色彩很是浅大概有较大面积高饱和色彩的图片我会输出 PNG 格式,整体比力暗的图片,我一般在 PS 中输出高档质量的 JPEG 格式图片(不需要输出最好)。
⑦  建造完善的图表

在上一篇文章《尽力就能上清华北大吗?》中,用到了几张图表,恰好是很是好的例子,这里再拿出来「溜一溜」:

若何让微信公众号文章排版变得高峻上?-14.jpg

若何让微信公众号文章排版变得高峻上?-15.jpg

若何让微信公众号文章排版变得高峻上?-16.jpg

若何让微信公众号文章排版变得高峻上?-17.jpg

若何让微信公众号文章排版变得高峻上?-18.jpg

若何让微信公众号文章排版变得高峻上?-19.jpg

若何让微信公众号文章排版变得高峻上?-20.jpg
这几个例子实在已经反应得差不多,再多烦琐几句,做好图文中的表格要求还是比力高的,首先需要会用 PowerPoint、Keynote 大概是其他矢量软件。
接下来,在建造进程中,不能以电脑屏幕为标准标准,要记着这张图最初是要显现在手机端,很多参数都需要大一号。是以图表栏的根本文本字号巨细要合适,经过控制栏宽来实现。行距巨细等要素也要合适。
最初,图表设想要素完整、简单了然、重点突出、表意清楚。
要素完整。图表题目、横纵轴标签、数据标签和单元、图例、数据来历等等,一张专业及格的图表需要给完整说清楚一张图表要点的图表要素。
简单了然。表格款式倡议参考三线表,不需要太多网格线。三线表真的是出格棒的款式了,基于它可以稍作一些调剂。柱状图、饼图一样如此,利用简洁的款式,表达明白的意义。
重点突出。利用一两个有识别性的色彩作为夸大色对图表想要突出的信息点停止标志。
表意清楚。一张好的图表,观众只需要扫一眼,就能 Get 到作者想要转达的意图。

⑧  建立身牌视觉特征

越是关注度高的公众号,越是重视图文的品牌视觉特征这块。能建立其品牌视觉特征的几个要点以下:

  • 同一的、高辨识度的色彩组合
  • 朋分线、题目设想
  • 封面图、文首图、文尾图
  • 插画师专门配的插画
以上几点实现的难度大致递增。
接待关注

公众号 @振原的小屋
哔哩哔哩 @振原的小屋
微博 @振原的小屋
接待来小破站旁观我的 PPT 视频教程合集

PPT 极简术(26讲全)_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili

7

主题

11

回帖

40

积分

新手上路

积分
40
发表于 2023-1-7 22:14:26 | 显示全部楼层
好高兴大师感觉我的答案有用~感谢哦!
在答案末端加了我的一个新回答,也是关于排版的,大师也可以去看看哦~
用的工具是office的ppt
附上我比来做的几个小题目,ppt 页面设备是45cm x 13cm;朋分线是45cm x 7cm
每个做完都不跨越5分钟哦~ 怎样做看原答案哟~













————————原答案朋分线————————

我要放大招了!哈!
应当有很多运营公众号的盆友有这样的感受,虽然感觉各类编辑器的款式都已经看腻了,但又没有专门的设想师的,也不太能用好PS的,只好就迁就用着那些款式。
看着他人都雅有特点的头图尾图,甚至是自己设想的小题目干恋慕。
保举一个比来有在用的免费在线设想工具——稿定设想
【公众号封面】高峻上的朋友圈封面,别开生面的微信公众号封面强势来袭!

网站上有很是多优良小众的封面、次图、小题目、关注指导、gif动图、日签海报等。选好模板进入在线编辑,只要点窜笔墨、替换图片就能做好一张配图,很是简单。而且字体都有版权提醒,不用担忧版权题目。



封面图



小题目

但有些朋友想要学一些有风格的公众号的设想,就要继续往下看了
举例:深夜发媸
我要whatyouneed



(为避免二维码自动识别,我小小的打了个码)



那末,这类情况下,要怎样自己做自己公众号的封面、头图、尾图、朋分线等等呢?

这个时辰,我就要献上我的神器了!——PPT!
我分【封面】【动图】2个部分来先容,若何用PPT来做各类微信图文用图。为了一些能够不太熟悉PPT的盆友,所以说的比力细。
别的,我自己也是个菜鸡,倘使有说的欠好的地方,求指教。

PART1. 封面

用PPT做封面超!级!快!快的两分钟,慢的也不跨越10分钟,能够他人PS还没开好,你已经做完了。

·  纯笔墨/脸色封面
用ppt来做这类纯笔墨或脸色的封面,又快又能装“高冷”,简洁了然。







就是在空缺的PPT上打字,做笔墨的排版,贴图片,需要的时辰可以给布景加色彩,这个应当不用多说啦。
不外有几个要留意的点,也是通用与一切用ppt来做封面的情况。

1.  微信图文封面的尺寸是900*500,为了尽能够的到达最好的画质,图片内容也不被遮挡,我们要先把PPT页的尺寸改成响应的尺寸。
在顶部,设想—幻灯片巨细—页面设备
中停止点窜,宽度为45厘米,高度为25厘米。




2. 做好以后,在文件—导出中点窜导出设备。
留意选“仅保存当前幻灯片”,尺寸改成“900*500”





·  有设想的封面
我们用【深夜发媸】来举例,像这样的封面图要怎样做呢?


我们先依照适才说的把PPT的尺寸点窜好。
封面中的各个单品都被裁成了圆形,在ppt中也可以做到。
我们插入一张图片,选中改图片,挑选图片格式—裁剪(选旁边的小三角)—裁剪为外形—外形选椭圆—把纵横比改成1:1酿成正圆





按自己的需要把裁剪的巨细范围调剂就行了。


再按住“shift”调剂图片巨细,把图片移到自己想要的位置就行了。


还有那种圆圈有底色的怎样做呢?
PPT有个很利害的功用,就是——设备通明色


再在图片下层插入有色彩的圆形,按“ctrl”同时选中两个图片,右键将他们组合,就完成啦。




(请疏忽间接用了黑体的“年度最丑”,还没来得及在这台电脑上装字体= =)
不外这个设备通明色有一个不太好的地方是,假如主体中有和布景一样的色彩,就也会被通明掉,列位看情况利用吧。
像这类也是把图片裁剪为平行四边形就好辣。




假如还想要图片有圆角,那就按“ctrl”同时选中3张,剪切,粘贴后,在右下角的粘贴选项当挑选“粘贴为图片”,然后再把这张图片裁剪为圆角矩形。




(友谊提醒,这个小黄色的正方形式可以调剂裁剪外形的,比如现在这个就是调剂圆角的巨细。)
最初一导出,就是这样。



这类也很简单啦,在PPT里翻转图片就好辣~



平常还可以做一些这样的,文章的大旨就更突出了。


这个也是插入图形,加笔墨就行了。
只不外最底下的矩形,要在外形格式里点窜一下通明度。


还有很多种在这里就不详说了,有爱好的可以自行摸索。

PART2. 动图

知乎不能策动图,所以附一个之前在一个公众号发过的小小分享:
手把手教你做动图,让公众号bigger瞬间提升 | 冰岩分享

在这里简单说一下,就是那些都雅的头图尾图都是可以自己用PPT做的,方式就是用PPT的动画功用做好以后,再录屏天生gif。

比如,我想要实心小球,沿大圆转圈,中心放我的logo和slogan。就是选中实心小圆,在动画—自界说途径当挑选圆形。
在动画的结果选项中点窜触发时候,和反复就行了。





也可以自己绘制途径。


比如在你的logo旁边放几个由深变浅的实心小圆,绘制从原点动身到牢固点,再返回原点的动画,再在结果选项中点窜提早时候,色彩越浅,提早越长,播放起来就是几个小球像溜溜球一样伸进来又返来。




这就画成了一个简单的朋分线了~
有爱好的盆友还可以去自我摸索一下,根基上很多动图都是可以用PPT完成哒。
动画做好以后,便可以经过录屏天生GIF,一样的巨细,录屏做gif比ps导出gif画质要好很多。。
网上有很多录屏天生GIF的软件,我用过还比力好用的有两个。
我常用的两个录屏软件

一个是GIPHY




这个只要苹果可以用的,录完屏还可以间接点窜gif的是非和画质,很方便。


另一个是LICEcep


就间接点窜成你要的尺寸就好。
这是个windows可用的录屏,要留意的是命名不要带有中文,会酿成乱码。这是一个轻量的软件,安装包都不到500k,比力不方便的是不能录完间接点窜。

除了做封面和动图,平常的一些简单的拼图啊、海报啊各类图都是可以用PPT来做的,偶然辰比PS还方便哦~

最初,
保举一个和我这篇分享一样贴心的插件,都不到700KB,便可以让微信背景的功用像开了挂一样。

这个插件叫【新媒体管家】,送上官网地址:http://xmt.cn

1.  多人/屡次登录不用扫码。



2. 间接在编辑器里可以点窜字间距、两头缩进、图片尺寸





3.  收集图文





4.  间接插入soogif中的动图





5.  预览图文天生永久链接等等。



新回答:
在微信公众平台编辑文章时,有什么好的排版方式吗? - 刘蠢蠢的回答 - 知乎

很是接待列位对PPT有爱好的盆友和我交换PPT哦~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|小悠文档创作分享社区 ( 粤ICP备11072215号 )|网站地图

GMT+8, 2024-11-23 20:11 , Processed in 0.530941 second(s), 26 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表