手机上那些排版优雅的文章排版格式是怎么实现的
点击联系发帖人
时间：2017-02-19 14:46
如何做一篇排版优雅的文章？&&
如何做一篇排版优雅的文章？
<img DATA-S="300,640" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHL4fggyze85ub5t1kvZ6LAvKVEKguW8KmLXeXSD1WLheEpK6EPOd0CA/640?wx_fmt=jpeg" DATA-RATIO="1" DATA-W="" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHL4fggyze85ub5t1kvZ6LAvKVEKguW8KmLXeXSD1WLheEpK6EPOd0CA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0px 0px 6 padding: 0 height: auto ! width: 670px ! max-width: 100%; box-sizing: border-box ! word-wrap: break-word ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
图文标题是提高用户阅读欲望的首要动力，标题越简洁，越能快速被用户解读，并转化为文章的阅读。
因为订阅号是被折叠起来的，折叠后能显示的文字非常有限，如果公众号名字还很长，很可能在订阅号折叠页是没办法直接了解文章想要表达的意思的，比如下面这三个文章标题，哪一个信息传达的更友好就很显然了。
<img DATA-TYPE="jpeg" DATA-RATIO="0.579" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHVkQ9IcjcdPn7cJ1ILc89mYfwibZZKTNHC3535Os9dHV3ibcicgsibdMzAA/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHVkQ9IcjcdPn7cJ1ILc89mYfwibZZKTNHC3535Os9dHV3ibcicgsibdMzAA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
标题字数要尽量控制在约13个字以内。
在多图文中，标题会在封面图片上方带黑色遮罩，超出13字换行会不同程度地遮挡封面图。同时，过长的标题也会加大读者对标题的理解难度。
<img DATA-TYPE="jpeg" DATA-RATIO="0.3158" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHtrqTrEvo92P7JRPJav5qrakic5icOwdmQp5RKvpqD0cWDaVByxic1eboQ/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHtrqTrEvo92P7JRPJav5qrakic5icOwdmQp5RKvpqD0cWDaVByxic1eboQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.5263" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHWBtju8QvzQ5oicrLEibLZEGWeHVhTczxesmNzOuJcMMQ3icZF21HagAzw/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHWBtju8QvzQ5oicrLEibLZEGWeHVhTczxesmNzOuJcMMQ3icZF21HagAzw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
当标题一行或两行时，封面内容还能看清楚，如果，只是如果，你的标题很长，那么就会变成这个样子：
<img DATA-TYPE="jpeg" DATA-RATIO="0.3685" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHbuqlCCN7viapAPgA5C42ibMs8A7MqOWm8Qf1YjLaibRjUZgZ8UBOv7p2A/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHbuqlCCN7viapAPgA5C42ibMs8A7MqOWm8Qf1YjLaibRjUZgZ8UBOv7p2A/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
►标题可添加“【】”来凸显关键字，或者是简洁的“ |
”（竖线），但不要有过于繁琐、奇怪的符号。
在多图文中，标题会在封面图片上方带黑色遮罩，超出13字换行会不同程度地遮挡封面图。同时，过长的标题也会加大读者对标题的理解难度。
使用【】、|
这类的符号，是为了突显一些账号的栏目内容；但我们经常也会看到不少账号在标题里加了许多奇怪的符号，或者emoji表情，此时再谈文章的逼格就太难咯。
<img DATA-TYPE="jpeg" DATA-RATIO="0.9474" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHicwibRU4ictkGSviaZFDgWL6r8Rek0ib4W7FDLibdpK8VGsWUn1nSdxUTnsw/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHicwibRU4ictkGSviaZFDgWL6r8Rek0ib4W7FDLibdpK8VGsWUn1nSdxUTnsw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.0526" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHNl2ibO3Zg6JCbKXWJJpkaicVbvIdf2znVaFsIkxyTukPUv136xdbMAicg/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHNl2ibO3Zg6JCbKXWJJpkaicVbvIdf2znVaFsIkxyTukPUv136xdbMAicg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
正文小标题
小标题要尽量醒目并与正文在距离和大小上区分开来，一般区分方法有：
加大行间距区隔，一般在小标题和正文之间空一行；
改变小标题字体颜色；
改变小标题字号大小；
<img DATA-TYPE="jpeg" DATA-RATIO="0.52634" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHXlTRRHHjZGzoGtwG9dcZM4gmN1cmPzpIBKw3nKliaIuVrRfxUFia30rQ/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHXlTRRHHjZGzoGtwG9dcZM4gmN1cmPzpIBKw3nKliaIuVrRfxUFia30rQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
另外，如果小标题过长，可以将小标题断句折成两行分为主副标题。我们非常不建议使用过长的标题，一来难理解，二来不好看，尤其是手机的屏幕是狭长的，简短明快才是关键。
<img DATA-TYPE="jpeg" DATA-RATIO="0.7369" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHQ42NnAOiaDBxGWOa40eicHhqS1AcIObzUMnEKwibpySfCg5pY0R9P4MWA/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHQ42NnAOiaDBxGWOa40eicHhqS1AcIObzUMnEKwibpySfCg5pY0R9P4MWA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.3158" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHR6xicibUPgibKUs61R05uU2Q4CUvUkGS8BvTRYMBZhIHRjLf8zC69ibj1A/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHR6xicibUPgibKUs61R05uU2Q4CUvUkGS8BvTRYMBZhIHRjLf8zC69ibj1A/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
改变小标题的文字大小与颜色。
当然也可以使用编辑器里的标题样式，但一定不要用得太多，让文章看起来很花，有时候只需要改一下文字大小就能突出，读者能领会你要表达的意思的。
总结：标题是引起读者阅读兴趣的开始，简明扼要的标题能迅速吸引读者的注意，也能帮助用户快速找到文章的结构以及重点。需要注意的是文章标题尽量控制字数，简短醒目、易理解的标题往往更受读者的青睐。
一篇优秀的文章配图一定也很精彩，因为它会给提升文章的吸引力与魅力分值。微信中的图片一般包括，头图封面、小图封面、以及文章正文中的配图。这三种图片又各有不同，接下来给大家介绍一下每种图片的特点与挑选方法。
封面图（头图封面+小图封面）
►好的封面图可以有效引起读者的阅读欲望，并转化为内容阅读，同时也能体现出作者的审美品味。
在挑选封面图的时候也有尺寸、内容等要求，可以添加有特色的元素让自己的封面别具一格。
<img DATA-TYPE="png" DATA-RATIO="0.5263" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHTBWhbsDIj4gibWmwrsg8F4XiaemMF5MuWd07pEVdiaa2Fyzg3Xak0r6yg/640?wx_fmt=png" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHTBWhbsDIj4gibWmwrsg8F4XiaemMF5MuWd07pEVdiaa2Fyzg3Xak0r6yg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-S="300,640" DATA-TYPE="png" DATA-RATIO="1.263" DATA-W="380" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHvg4P1Xk8JF5qnuxSnLjdaKetxTxWicyDZT8a9icnibnwtkLf0lJta1rlg/640?wx_fmt=png" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHvg4P1Xk8JF5qnuxSnLjdaKetxTxWicyDZT8a9icnibnwtkLf0lJta1rlg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: auto ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
【封面图尺寸900x500
次图200x200】这个尺寸一定要牢记，相应位置配图的时候严格按照这个来做图，可以保证出来的效果最佳的，经常会看到头图选了方形的，把脑袋给切了去。
小图选了宽图，全部变形了。
封面图要尽量选择干净、色彩统一的图片。
如果能对图片进行一定的加工，突出文章的主题，读者也会感受到你的用心的。
<img DATA-TYPE="jpeg" DATA-RATIO="1.842" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHSsjX1LID9JgvbldHffHiagGXHL4fR0ZrNicmic2kfHuFvU8drq7pIEgicg/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHSsjX1LID9JgvbldHffHiagGXHL4fR0ZrNicmic2kfHuFvU8drq7pIEgicg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
多图文的配图，整体风格要保持和谐一致，如果还能巧妙突显账号的品牌风格，那就更好了。
首席微运营官认为，3W互联网深度精选、拉勾网、Pingwest等账号都做得不错，电商们的账号经常也拿封面来做公关活动，光看这个也会觉得特别有意思。
<img DATA-TYPE="jpeg" DATA-RATIO="0.6315" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHPVtJhFYfAusSA9ydteTvribiazcQhJuvwPtiaIiat541oicsG48lvWudibdA/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHPVtJhFYfAusSA9ydteTvribiazcQhJuvwPtiaIiat541oicsG48lvWudibdA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
►封面图片的主要内容要尽量居中。
在读者分享到朋友圈的时候，微信后台会自动截取封面图居中的正方形内容，这样才保证图片的精彩内容更容易被读者看到。
以这篇职场必备：商务邮件礼仪》封面为例：
<img DATA-TYPE="jpeg" DATA-RATIO="1.737" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHfYDtiacY2pJ6lWJ60iaZ2yN678zREHNXaqIqhwIaicGQoUiahkNPFIRzbw/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHfYDtiacY2pJ6lWJ60iaZ2yN678zREHNXaqIqhwIaicGQoUiahkNPFIRzbw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.4211" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHd2rZf0DZHB9gibU4fXBILjycyGF6JcXDs6pstOBpCvXkfR2ctPjk9Dg/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHd2rZf0DZHB9gibU4fXBILjycyGF6JcXDs6pstOBpCvXkfR2ctPjk9Dg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
光看封面觉得也没什么，但是分享到朋友圈的时候优势就明显了，位于正中央的图片会成为朋友圈图文封面的正中心。试想如果封面是一个商务人士，很可能分享过去的就是半边身子的人了。
►文章中的图片在挑选时要尽量选择与文章内容相近的图片。
在挑选这些图片时也要注意图片内容、色彩冷暖的一致性。并且正文图片一定要与文章封面图相呼应。
<img DATA-TYPE="jpeg" DATA-RATIO="0.8947" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHZ5Eu00R89qI9jcCLkNWicnNXsvicibTBovwHgGzS9ayl4gxNCib5c5Hy8Q/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHZ5Eu00R89qI9jcCLkNWicnNXsvicibTBovwHgGzS9ayl4gxNCib5c5Hy8Q/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.05263" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHHB1l7x7dX9BOcu87q5gxOZ0V5XSLN2cibs23mcGVg6QoibdMs3Ao4b3g/640?wx_fmt=jpeg" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: 163px ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
总结：图片看似无意，但实际在文章中扮演的角色是非常重要的。好的图片可以为文章增色不少。但是图片的选择种类也是花样繁多，这里只介绍基本的选择方法，如果你艺高人胆大，有好的创意，欢迎你与我们随时交流。
文章正文的字号最好在12—16px之间，以14px最为合适。
文章篇幅较长，字体可以稍大一些（14-18px）。比较偏“文艺范”的文章字体可以适当稍小一些（12-14px），显的文章更精致一些。
这个部分我们有三种字体的截图比较，请看下图：
<img DATA-TYPE="jpeg" DATA-RATIO="0.5789" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHINaDS98ZQzegwICxUZPwEytGyaU09Gg5KyS14A8NnaHpdRIUcfJhOg/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHINaDS98ZQzegwICxUZPwEytGyaU09Gg5KyS14A8NnaHpdRIUcfJhOg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
行间距：1.5-1.75倍的行距看起来会比较舒服。
1.0行确实有点挤，好在图文不像报纸还要计算版本，怎么舒服怎么来。
<img DATA-TYPE="jpeg" DATA-RATIO="0.4211" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHwyUsA9k4KCrP6Ln2dHra8JV7Hs3CJqrU7AUdJUYEKURL4dqibFYqAvQ/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHwyUsA9k4KCrP6Ln2dHra8JV7Hs3CJqrU7AUdJUYEKURL4dqibFYqAvQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
移动端的文章均无需首行缩进。
传统印刷以及PC端屏幕较大，较宽，为了方便识别出文章的开端，首行默认缩进2个字。而在移动端，由于屏幕比较狭长，首行缩进没有必要，而且会使段落看起来不整齐。
这一点许多人都提及过，和菜头，小道消息都专门说过此事，所以微信排版完全没必要首行缩进。
<img DATA-TYPE="jpeg" DATA-RATIO="0.65" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHibCvK2H7gwq4acZohjj2h9UvbsOwja6wjp8SQV17cVuiclnceOkBxBQA/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHibCvK2H7gwq4acZohjj2h9UvbsOwja6wjp8SQV17cVuiclnceOkBxBQA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
如果确实想在段落开头着重强调一下，可以使用首字下沉，这是传统平面媒体积累下的非常有效的办法，可以借鉴。
<img DATA-TYPE="jpeg" DATA-RATIO="0.8947" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhH3G6FOK5mQCNG3yZatywVUzibuYUu0qLBwOibEUCCf3hLg6hsYjXhSz6A/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhH3G6FOK5mQCNG3yZatywVUzibuYUu0qLBwOibEUCCf3hLg6hsYjXhSz6A/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
正文一段不要超过一屏。
正文段落之间至少空一行。
<img DATA-TYPE="jpeg" DATA-RATIO="0.7894" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhH5UWrkoKEzGe0Dibzuv74UxpBa6joJyBhRIb2A03SW3ibM5raYibC6OvLQ/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhH5UWrkoKEzGe0Dibzuv74UxpBa6joJyBhRIb2A03SW3ibM5raYibC6OvLQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
►许多童鞋还问过为什么不推荐一下字体呢？
由于微信图文不支持字体的设定，在此，我们也不做推荐。
最后再总结一下“微信排版”要诀吧：
正文字号建议为14-18px；
行间距建议为1.5-1.75倍；
强调文字可以改变字体颜色或背景，也可添加适当的排版样式；
正文段落尽量不超过一屏，多分段；
段落之间最好空一行，让眼睛休息；
首行无需缩进。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。}
如何做一篇排版优雅的文章？
<img DATA-S="300,640" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHL4fggyze85ub5t1kvZ6LAvKVEKguW8KmLXeXSD1WLheEpK6EPOd0CA/640?wx_fmt=jpeg" DATA-RATIO="1" DATA-W="" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHL4fggyze85ub5t1kvZ6LAvKVEKguW8KmLXeXSD1WLheEpK6EPOd0CA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0px 0px 6 padding: 0 height: auto ! width: 670px ! max-width: 100%; box-sizing: border-box ! word-wrap: break-word ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
图文标题是提高用户阅读欲望的首要动力，标题越简洁，越能快速被用户解读，并转化为文章的阅读。
因为订阅号是被折叠起来的，折叠后能显示的文字非常有限，如果公众号名字还很长，很可能在订阅号折叠页是没办法直接了解文章想要表达的意思的，比如下面这三个文章标题，哪一个信息传达的更友好就很显然了。
<img DATA-TYPE="jpeg" DATA-RATIO="0.579" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHVkQ9IcjcdPn7cJ1ILc89mYfwibZZKTNHC3535Os9dHV3ibcicgsibdMzAA/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHVkQ9IcjcdPn7cJ1ILc89mYfwibZZKTNHC3535Os9dHV3ibcicgsibdMzAA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
标题字数要尽量控制在约13个字以内。
在多图文中，标题会在封面图片上方带黑色遮罩，超出13字换行会不同程度地遮挡封面图。同时，过长的标题也会加大读者对标题的理解难度。
<img DATA-TYPE="jpeg" DATA-RATIO="0.3158" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHtrqTrEvo92P7JRPJav5qrakic5icOwdmQp5RKvpqD0cWDaVByxic1eboQ/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHtrqTrEvo92P7JRPJav5qrakic5icOwdmQp5RKvpqD0cWDaVByxic1eboQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.5263" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHWBtju8QvzQ5oicrLEibLZEGWeHVhTczxesmNzOuJcMMQ3icZF21HagAzw/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHWBtju8QvzQ5oicrLEibLZEGWeHVhTczxesmNzOuJcMMQ3icZF21HagAzw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
当标题一行或两行时，封面内容还能看清楚，如果，只是如果，你的标题很长，那么就会变成这个样子：
<img DATA-TYPE="jpeg" DATA-RATIO="0.3685" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHbuqlCCN7viapAPgA5C42ibMs8A7MqOWm8Qf1YjLaibRjUZgZ8UBOv7p2A/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHbuqlCCN7viapAPgA5C42ibMs8A7MqOWm8Qf1YjLaibRjUZgZ8UBOv7p2A/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
►标题可添加“【】”来凸显关键字，或者是简洁的“ |
”（竖线），但不要有过于繁琐、奇怪的符号。
在多图文中，标题会在封面图片上方带黑色遮罩，超出13字换行会不同程度地遮挡封面图。同时，过长的标题也会加大读者对标题的理解难度。
使用【】、|
这类的符号，是为了突显一些账号的栏目内容；但我们经常也会看到不少账号在标题里加了许多奇怪的符号，或者emoji表情，此时再谈文章的逼格就太难咯。
<img DATA-TYPE="jpeg" DATA-RATIO="0.9474" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHicwibRU4ictkGSviaZFDgWL6r8Rek0ib4W7FDLibdpK8VGsWUn1nSdxUTnsw/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHicwibRU4ictkGSviaZFDgWL6r8Rek0ib4W7FDLibdpK8VGsWUn1nSdxUTnsw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.0526" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHNl2ibO3Zg6JCbKXWJJpkaicVbvIdf2znVaFsIkxyTukPUv136xdbMAicg/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHNl2ibO3Zg6JCbKXWJJpkaicVbvIdf2znVaFsIkxyTukPUv136xdbMAicg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
正文小标题
小标题要尽量醒目并与正文在距离和大小上区分开来，一般区分方法有：
加大行间距区隔，一般在小标题和正文之间空一行；
改变小标题字体颜色；
改变小标题字号大小；
<img DATA-TYPE="jpeg" DATA-RATIO="0.52634" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHXlTRRHHjZGzoGtwG9dcZM4gmN1cmPzpIBKw3nKliaIuVrRfxUFia30rQ/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHXlTRRHHjZGzoGtwG9dcZM4gmN1cmPzpIBKw3nKliaIuVrRfxUFia30rQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
另外，如果小标题过长，可以将小标题断句折成两行分为主副标题。我们非常不建议使用过长的标题，一来难理解，二来不好看，尤其是手机的屏幕是狭长的，简短明快才是关键。
<img DATA-TYPE="jpeg" DATA-RATIO="0.7369" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHQ42NnAOiaDBxGWOa40eicHhqS1AcIObzUMnEKwibpySfCg5pY0R9P4MWA/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHQ42NnAOiaDBxGWOa40eicHhqS1AcIObzUMnEKwibpySfCg5pY0R9P4MWA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.3158" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHR6xicibUPgibKUs61R05uU2Q4CUvUkGS8BvTRYMBZhIHRjLf8zC69ibj1A/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHR6xicibUPgibKUs61R05uU2Q4CUvUkGS8BvTRYMBZhIHRjLf8zC69ibj1A/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
改变小标题的文字大小与颜色。
当然也可以使用编辑器里的标题样式，但一定不要用得太多，让文章看起来很花，有时候只需要改一下文字大小就能突出，读者能领会你要表达的意思的。
总结：标题是引起读者阅读兴趣的开始，简明扼要的标题能迅速吸引读者的注意，也能帮助用户快速找到文章的结构以及重点。需要注意的是文章标题尽量控制字数，简短醒目、易理解的标题往往更受读者的青睐。
一篇优秀的文章配图一定也很精彩，因为它会给提升文章的吸引力与魅力分值。微信中的图片一般包括，头图封面、小图封面、以及文章正文中的配图。这三种图片又各有不同，接下来给大家介绍一下每种图片的特点与挑选方法。
封面图（头图封面+小图封面）
►好的封面图可以有效引起读者的阅读欲望，并转化为内容阅读，同时也能体现出作者的审美品味。
在挑选封面图的时候也有尺寸、内容等要求，可以添加有特色的元素让自己的封面别具一格。
<img DATA-TYPE="png" DATA-RATIO="0.5263" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHTBWhbsDIj4gibWmwrsg8F4XiaemMF5MuWd07pEVdiaa2Fyzg3Xak0r6yg/640?wx_fmt=png" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHTBWhbsDIj4gibWmwrsg8F4XiaemMF5MuWd07pEVdiaa2Fyzg3Xak0r6yg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-S="300,640" DATA-TYPE="png" DATA-RATIO="1.263" DATA-W="380" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHvg4P1Xk8JF5qnuxSnLjdaKetxTxWicyDZT8a9icnibnwtkLf0lJta1rlg/640?wx_fmt=png" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHvg4P1Xk8JF5qnuxSnLjdaKetxTxWicyDZT8a9icnibnwtkLf0lJta1rlg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: auto ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
【封面图尺寸900x500
次图200x200】这个尺寸一定要牢记，相应位置配图的时候严格按照这个来做图，可以保证出来的效果最佳的，经常会看到头图选了方形的，把脑袋给切了去。
小图选了宽图，全部变形了。
封面图要尽量选择干净、色彩统一的图片。
如果能对图片进行一定的加工，突出文章的主题，读者也会感受到你的用心的。
<img DATA-TYPE="jpeg" DATA-RATIO="1.842" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHSsjX1LID9JgvbldHffHiagGXHL4fR0ZrNicmic2kfHuFvU8drq7pIEgicg/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHSsjX1LID9JgvbldHffHiagGXHL4fR0ZrNicmic2kfHuFvU8drq7pIEgicg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
多图文的配图，整体风格要保持和谐一致，如果还能巧妙突显账号的品牌风格，那就更好了。
首席微运营官认为，3W互联网深度精选、拉勾网、Pingwest等账号都做得不错，电商们的账号经常也拿封面来做公关活动，光看这个也会觉得特别有意思。
<img DATA-TYPE="jpeg" DATA-RATIO="0.6315" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHPVtJhFYfAusSA9ydteTvribiazcQhJuvwPtiaIiat541oicsG48lvWudibdA/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHPVtJhFYfAusSA9ydteTvribiazcQhJuvwPtiaIiat541oicsG48lvWudibdA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
►封面图片的主要内容要尽量居中。
在读者分享到朋友圈的时候，微信后台会自动截取封面图居中的正方形内容，这样才保证图片的精彩内容更容易被读者看到。
以这篇职场必备：商务邮件礼仪》封面为例：
<img DATA-TYPE="jpeg" DATA-RATIO="1.737" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHfYDtiacY2pJ6lWJ60iaZ2yN678zREHNXaqIqhwIaicGQoUiahkNPFIRzbw/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHfYDtiacY2pJ6lWJ60iaZ2yN678zREHNXaqIqhwIaicGQoUiahkNPFIRzbw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.4211" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHd2rZf0DZHB9gibU4fXBILjycyGF6JcXDs6pstOBpCvXkfR2ctPjk9Dg/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHd2rZf0DZHB9gibU4fXBILjycyGF6JcXDs6pstOBpCvXkfR2ctPjk9Dg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
光看封面觉得也没什么，但是分享到朋友圈的时候优势就明显了，位于正中央的图片会成为朋友圈图文封面的正中心。试想如果封面是一个商务人士，很可能分享过去的就是半边身子的人了。
►文章中的图片在挑选时要尽量选择与文章内容相近的图片。
在挑选这些图片时也要注意图片内容、色彩冷暖的一致性。并且正文图片一定要与文章封面图相呼应。
<img DATA-TYPE="jpeg" DATA-RATIO="0.8947" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHZ5Eu00R89qI9jcCLkNWicnNXsvicibTBovwHgGzS9ayl4gxNCib5c5Hy8Q/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHZ5Eu00R89qI9jcCLkNWicnNXsvicibTBovwHgGzS9ayl4gxNCib5c5Hy8Q/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
<img DATA-TYPE="jpeg" DATA-RATIO="0.05263" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHHB1l7x7dX9BOcu87q5gxOZ0V5XSLN2cibs23mcGVg6QoibdMs3Ao4b3g/640?wx_fmt=jpeg" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: 163px ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
总结：图片看似无意，但实际在文章中扮演的角色是非常重要的。好的图片可以为文章增色不少。但是图片的选择种类也是花样繁多，这里只介绍基本的选择方法，如果你艺高人胆大，有好的创意，欢迎你与我们随时交流。
文章正文的字号最好在12—16px之间，以14px最为合适。
文章篇幅较长，字体可以稍大一些（14-18px）。比较偏“文艺范”的文章字体可以适当稍小一些（12-14px），显的文章更精致一些。
这个部分我们有三种字体的截图比较，请看下图：
<img DATA-TYPE="jpeg" DATA-RATIO="0.5789" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHINaDS98ZQzegwICxUZPwEytGyaU09Gg5KyS14A8NnaHpdRIUcfJhOg/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHINaDS98ZQzegwICxUZPwEytGyaU09Gg5KyS14A8NnaHpdRIUcfJhOg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
行间距：1.5-1.75倍的行距看起来会比较舒服。
1.0行确实有点挤，好在图文不像报纸还要计算版本，怎么舒服怎么来。
<img DATA-TYPE="jpeg" DATA-RATIO="0.4211" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHwyUsA9k4KCrP6Ln2dHra8JV7Hs3CJqrU7AUdJUYEKURL4dqibFYqAvQ/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHwyUsA9k4KCrP6Ln2dHra8JV7Hs3CJqrU7AUdJUYEKURL4dqibFYqAvQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
移动端的文章均无需首行缩进。
传统印刷以及PC端屏幕较大，较宽，为了方便识别出文章的开端，首行默认缩进2个字。而在移动端，由于屏幕比较狭长，首行缩进没有必要，而且会使段落看起来不整齐。
这一点许多人都提及过，和菜头，小道消息都专门说过此事，所以微信排版完全没必要首行缩进。
<img DATA-TYPE="jpeg" DATA-RATIO="0.65" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHibCvK2H7gwq4acZohjj2h9UvbsOwja6wjp8SQV17cVuiclnceOkBxBQA/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhHibCvK2H7gwq4acZohjj2h9UvbsOwja6wjp8SQV17cVuiclnceOkBxBQA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
如果确实想在段落开头着重强调一下，可以使用首字下沉，这是传统平面媒体积累下的非常有效的办法，可以借鉴。
<img DATA-TYPE="jpeg" DATA-RATIO="0.8947" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhH3G6FOK5mQCNG3yZatywVUzibuYUu0qLBwOibEUCCf3hLg6hsYjXhSz6A/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhH3G6FOK5mQCNG3yZatywVUzibuYUu0qLBwOibEUCCf3hLg6hsYjXhSz6A/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
正文一段不要超过一屏。
正文段落之间至少空一行。
<img DATA-TYPE="jpeg" DATA-RATIO="0.7894" DATA-W="380" WIDTH="380px" DATA-src="/blog7style/images/common/sg_trans.gif" real_src ="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhH5UWrkoKEzGe0Dibzuv74UxpBa6joJyBhRIb2A03SW3ibM5raYibC6OvLQ/640?wx_fmt=jpeg" SRC="/mmbiz/n6SiaPWvGAcKKV3BNZPp2MI6R6ZmUlIhH5UWrkoKEzGe0Dibzuv74UxpBa6joJyBhRIb2A03SW3ibM5raYibC6OvLQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" STYLE="margin: 0 padding: 0 max-width: 100%; list-style: outline: -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border-style: -webkit-user-select: height: auto ! box-sizing: border-box ! word-wrap: break-word ! width: 380px ! visibility: visible !"
ALT="如何做一篇排版优雅的文章？&&"
TITLE="如何做一篇排版优雅的文章？&&" />
►许多童鞋还问过为什么不推荐一下字体呢？
由于微信图文不支持字体的设定，在此，我们也不做推荐。
最后再总结一下“微信排版”要诀吧：
正文字号建议为14-18px；
行间距建议为1.5-1.75倍；
强调文字可以改变字体颜色或背景，也可添加适当的排版样式；
正文段落尽量不超过一屏，多分段；
段落之间最好空一行，让眼睛休息；
首行无需缩进。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。}
我要回帖
更多关于 规范的文章排版格式 的文章
更多推荐
- ·求大学英语语法 百度网盘讲座与测试第五版pdf谢谢谢谢🙏
- ·目前市场上，有哪些专业的电商平台开发系统开发服务商？
- ·新手怎么拍短视频样拍抖音？
- ·新型冠状病毒的预防措施和注意事项注意哪些
- ·中国主导亚投行还剩几个国家是什么性质
- ·哪位能告诉一下扬中河豚哪家好哪家的河豚比较有名气一点
- ·松下新风机 节能换气家庭新风换气机太原销售怎么联系
- ·南京响溪网络科技有限公司工资怎么样
- ·游族借壳梅花伞伞的市场价格怎么样啊？求知道
- ·寻找沈阳大樱桃大棚基地收购商电商。山东潍坊安丘大棚樱桃1500多亩4月初上市
- ·关爱基金基金创投是真是假假
- ·《明朝那些事儿王更新》一共有几本 淘宝上有些卖7本 有些卖9本到底几本。
- ·纳里印象是大产权房70年后怎么办吗
- ·美乐家日用品（中国）日用品有限公司有几个会员权益
- ·加盟饲料厂我有一千多平米地想加盟一家天津静海小型饲料厂加工厂
- ·福彩35福彩30选7走势图图哪里有
- ·集美区居住证户口岛内租房要办居住证吗?
- ·哪位知道重庆房价最贵的房价地段在哪
- ·现在小镇开店小镇上卖什么东西最好好?
- ·里面有钱为什么社保卡刷卡显示此卡无法交易不能交易？
- ·手机上那些排版优雅的文章排版格式是怎么实现的
- ·怎么手机顶上总是4g卡显示2g网络怎么办，是网络差，还是手机差？
- ·。。。。苹果照片恢复大师下载有用吗？对于恢复删除的照片能够恢复吗？
- ·华为手机解锁出现waiting for deviceunlock解锁怎么办
- ·求助噬神者2狂怒解放汉化 XBOX ONE 手柄不可以用吗
- ·大唐荣耀第几集和离傻瓜,我不是好好的吗哪集说的
- ·sony 索尼xperiaz3 z3+ 用的什么 屏幕
- ·王者荣耀吧怎么弄可以从上面下来
- ·中国移动营业厅网点的证明怎么办理
- ·8993882是什么地方的宽带号码移地方？
- ·天翼高清账号怎么缴费飞ipad二维码下载
- ·台电台电a10t平板电脑脑X5pro可以连接投影设备吗？
- ·舒尔SE535舒尔耳机和森海塞尔哪个好IE80哪个好
- ·电池放电充放电里面的buffer period 是什么意思
- ·有人知道XPB52-998S双筒洗衣机减速器坏了的表现和波轮连接的花键轴是多长吗？有哪位师傅回复一下好吗？
- ·怎么取消戴尔主板Q35主板的Intel AMT功能
