【收藏】给运营新人的干货：公众号排版小技巧

发表于 作者 geekwell

1、微信推出深色模式后，适配深色模式就成为了每一个新媒体运营人员需要考虑的问题，比如原来白色底的图片放在黑色背景上会极大影响美观性。出现这种情况的时候，我们可以选择使用支持 Alpha 通道（透明背景）的图片格式（如 .png）以适配深色模式下出现的图片背景颜色问题。

▲ 深色模式下的白底图片

2、在浏览器上安装壹伴插件后，我们可以直接在微信公众号后台预览深色模式下的推文（免费）。需要注意的是，该功能目前仍在测试阶段，所以正式发布推文前仍需将推文发送到手机上进行预览。

▲「壹伴」插件提供的深色模式预览功能

3、正文部分两端对齐并缩进，我一般会选择缩进 8px；适度留白，我一般会将行间距设为 1.75，这些都是为了视觉美感。

▲ 两端对齐&缩进

4、纯黑色字（#000000）易使眼睛产生阅读疲劳，不宜用于正文部分，我自己常用的是比较淡的黑色（#555555）。

▲ 字体颜色

5、当你在推文中添加了大量图片的时候，小三角形 ▲ + 图片说明能让你的读者更好地跟上你的节奏。

▲ 图片说明

6、「阅读原文」是公众号推文中少有的可以添加外链（比如公司官网地址/商品购买链接等）的地方，可以适当进行引导，比如 Emoji 中的手势表情。

▲「阅读原文」引导

7、不小心点开推文中的图片——相信你在阅读公众号推文的时候常有这种不悦的体验。为了防止用户误触，一些公众号，比如苹果公司官方公众号「Apple」将图片设置成了背景图片。

▲ 图片防误触处理

目前还未发现比较好的第三方工具可以解决插入背景图片且自动占位这个问题，所以暂时只能使用代码，好在并不难，在你需要插入图片的地方注入以下代码并修改图片链接、图片高度、图片宽度这三个参数。

<div style="height: 0; display: block;">
<svg style="display: block;background-image: url("这里放图片链接");
background-size: 100%;background-repeat: no-repeat;" viewBox="0 0 图片高度 图片宽度" width="100%" xmlns="http://www.w3.org/2000/svg">
</div>

注入代码的方式可以看看我之前发过的文章——【SVGⅡ】用代码在公众号中画各种图形。

当然，你也可以选择壹伴插件/新媒体管家插件提供的代码编辑功能。

8、有很多时尚大号擅长一图流，如「GQ 实验室」「局部气候调查组」等，这种风格也客观解决了深色模式的配色问题。如果你有意尝试这种风格（当然需要设计师配合），长图拼接缝隙将会是你排版时遇到的一个问题，如果你不知道如何修改代码，请在秀米/135 编辑器中搜索「无缝图片」模板，插入模板并替换成你自己的图片即可消除两张图片间的间隙。当然你也可以尝试为图片添加浮动代码解决这个问题。

▲ 图片拼接缝隙处理

我们一直为样式所累，如果你感兴趣的话，后面我将出一期 CSS+Markdown 的排版教程（图文/视频），不要被这些技术唬住，它们简单易学且能极大地把我们从繁琐的排版工作中解脱出来。

《【收藏】给运营新人的干货：公众号排版小技巧》有198条评论

  5. It’s actually a cool and helpful piece of info. I’m satisfied that you shared this helpful info with us.Please keep us up to date like this. Thank you for sharing.

    回复

  10. An attention-grabbing dialogue is value comment. I believe that you must write more on this matter, it may not be a taboo topic but usually people are not sufficient to talk on such topics. To the next. Cheers

    回复

  26. ตอนนี้บางครั้งอาจจะไม่มีผู้ใดไม่รุ้จะสล็อตออนไลน์ ด้วยเหตุว่าเป็นเกมที่ใครๆชอบใจเพราะว่าเป็นเกมที่สร้างผลกำไรได้มหาศาล UFABET เว็บสล็อตออนไลน์ยักษ์ใหญ่ จ่ายจริง จัดหนัก โบนัสมาก คิดจะเล่นสล็อตต้องไม่พลาด UFABET ครับผม

    回复

  28. Hi there, just became aware of your blog through Google, and found that it’s really informative.I am gonna watch out for brussels. I will appreciate if you continuethis in future. A lot of people will be benefited from your writing.Cheers!

    回复

  31. It’s actually a nice and useful piece of information. I’m gladthat you simply shared this useful information with us. Please stay us informed like this.Thank you for sharing.

    回复

  34. Whats Happening i am new to this, I stumbled upon this I’ve found It absolutely helpful and it has aided me out loads. I’m hoping to give a contribution & assist other customers like its aided me. Good job.

    回复

  36. Heya i’m for the first time here. I came across this board and I find It really useful & it helped me outa lot. I hope to give something back and help otherslike you helped me.

    回复

  38. Günümüzün en sık karşılaşılan cilt problemlerinden biri dekoyu lekeler ve renk eşitsizliği. Kimi zaman kalıtsal olan kimi zaman hamilelikle birlikte ortaya çıkan kimi zamansagüneş kaynaklı oluşan bu lekeler için hemenLeke kremi alabilirsiniz.

    回复

  59. Hi, I do believe this is an excellent blog. I stumbledupon it I will return yet again since i have bookmarked it. Money and freedom is the best way to change, may you be rich and continue to help others.

    回复

  69. You could certainly see your enthusiasm in the work you write. The world hopes for even more passionate writers like you who are not afraid to say how they believe. Always follow your heart.

    回复

  71. I do not even know how I ended up here, but I thought this post was good. I do not know who you are but certainly you’re going to a famous blogger if you aren’t already Cheers!

    回复

  73. I really like your article. It’s evident that you have a lot knowledge on this topic. Your points are well made and relatable. Thanks for writing engaging and interesting material.Scrapebox list fiverr

    回复

  77. I do not even know the way I ended up right here, but I thought this submit used to be good. I don’t know who you are however certainly you are going to a well-known blogger for those who aren’t already. Cheers!

    回复

  91. fantastic publish, very informative. I wonder why the other experts of this sector don’t notice this.You should proceed your writing. I’m sure, you’ve a huge readers’ basealready!

    回复

  95. This is a very good tip particularly to those fresh to the blogosphere.Short but very precise info… Many thanks for sharing this one.A must read post!

    回复

  101. It really is nearly impossible to find well-updated users on this niche, nonetheless you come across as like you be aware of the things you’re revealing! Thanks A Lot

    回复

  102. Hey There. I found your blog using msn. This is an extremely well written article. I’ll make sure to bookmark it and return to read more of your useful information. Thanks for the post. I will certainly comeback.

    回复

  106. Hmm is anyone else experiencing problems with the images on this
    blog loading? I’m trying to find out if its a problem
    on my end or if it’s the blog. Any feed-back would be greatly appreciated.

    回复

  107. I have to thank you for the efforts you’ve put in penning this blog.
    I am hoping to check out the same high-grade content by you later
    on as well. In truth, your creative writing
    abilities has motivated me to get my own website now ;
    )

    回复

  109. Thanks for the good writeup. It if truth be told used tobe a entertainment account it. Look advanced to far introduced agreeable from you!However, how can we keep in touch?

    回复

  114. It is actually a great and useful piece of information. I’m happy that you shared this helpful information with us. Please keep us informed like this. Thanks for sharing.

    回复

  128. 577137 497145Yours can be a prime example of informative writing. I feel my students could learn a great deal from your writing style and your content. I may possibly share this post with them. 392716

    回复

  131. Aw, this was an exceptionally nice post. Spending some time and actual effort to make a top notch articleÖ but what can I sayÖ I procrastinate a whole lot and don’t manage to get anything done.

    回复

  136. An interesting discussion is definitely worth comment.I think that you need to write more on this subject, it may notbe a taboo subject but usually people do nottalk about these subjects. To the next! All the best!!

    回复

  141. Nice post. I was checking continuously thisblog and I’m impressed! Extremely useful information particularly the last part I care for such information much.I was seeking this particular info for a very long time.Thank you and good luck.

    回复
  155. Pingback： brehalovka
  159. Pingback： pa-clan
  164. Pingback： reedpatton
  171. Pingback： mgothar
  173. Pingback： dmgmicroset
  177. Pingback： rf-frontier
  184. Pingback： koteiko

  190. What’s Happening i’m new to this, I stumbled upon this I’ve discovered It positively helpful and it has aided me out loads.I am hoping to give a contribution & help different users like its aided me.Great job.

    回复
  197. Pingback： eddmtogo

发表评论

您的电子邮箱地址不会被公开。