订阅号文章排版技巧

简介: 订阅号文章排版技巧

引言

最近发现技术类公众号文章的代码块排版都是类似终端的窗口,才意思到自己的排版已经落伍了

image.png

I 排版工具简介

如果您有更好的markdown格式转换器,欢迎交流

  • typora

https://kunnan.blog.csdn.net/article/details/111589547

1、typora集成了一个免费的图床小工具可以匿名上传到新浪图床,

2、【选中文字+command+K 】:使用剪切板的链接插到选中文字

强大的矢量绘图工具

1、Mac版本的Sketch是一款强大的界面设计工具 Sketch插件集合可戳:sketch.im

https://oursketch.com/plugin/?page=2

2、Adobe Illustrator 常被称为“AI”,是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作及logo设计等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。

强大的图片处理软件

Photoshop是最流行的图像编辑器之一,支持平台:Windows&Mac。它可用于摄影的后期制作,可给图像添加各种滤镜,调整亮度,对比度等,生成高分辨的图形。

设计文章的UI图推荐采用Figma

UI (User Interface,用户界面)设计是指用户界面的美化设计,但实时上UI设计不仅是指“用户与界面”的从属关系,还包括交互设计和用户体验设计。

因此UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计

高保真原型演示

1、推荐使用《蓝湖》

image.png

2、iOS开发人员查看设计稿也可以使用PxCook

image.png

1.1  markdown排版工具

如果你使用markdown编辑文章,推荐使用 mdnice进行排版

image.png

  • 可以自定义主题

可直接使用别人的主题,也可以自定义主题

image.png

直接使用插件跟公众号后台完美衔接

image.png

  • Markdown 基础入门 :文章目录生成、合并单元格、文章快速插入链接(使用剪切板的链接插到选中文字)

https://kunnan.blog.csdn.net/article/details/112350644

1.2 使用 壹伴·小插件进行文章素材的采集

公众号效率工具: https://yiban.io/

image.png

chrome插件安装地址 https://chrome.google.com/webstore/detail/%E5%A3%B9%E4%BC%B4-%C2%B7-%E5%B0%8F%E6%8F%92%E4%BB%B6/ibefaeehajgcpooopoegkifhgecigeeg

II 排版技巧

2.1 利用css 设计markdown 主题

https://kunnan.blog.csdn.net/article/details/118722777

2.2 头图

使用头图的价值:

①辅助表达,一张恰到好处的图片能够帮助作者准确的表达观点、情绪、感情、思想等; ②吸引用户眼球,增加用户停留时间

  1. 优先选择含人物形象的图片

用包含人物形象的图片作头图,准确表达人类最丰富、细腻的各种情感

  1. 设计重复塑造品牌的固定头图

‣精心设计凸显品牌的图片,重复使用,形成固定形式,通过对用户的视觉冲击强化帐号品牌 ‣将品牌元素置于每篇文章的头图,增强品牌印记的好办法。

  1. 根据文章题目选择头图

‣关联度越高越好:

题目信息会激发用户某种情绪,形成用户预期,避免用户注意力转移 ‣据文章题目选头图的3个含义:

①表达对象要一致,

②表达情绪要一致,

③表达方式要直接

  1. 要用现场感比较强的图片

‣新闻、热点类文章头图注重现场感,拉近用户的心理距离,让用户身临其境,即代入感更强 ‣现场感并不单纯指物理空间的现场感,而是指新闻的现场感,也表达紧迫感,促使用户查阅

2.3 阅读原文链接的玩法

添加原文的链接的意义:说明文章来源,又推广自己的网站、APP。

玩法1:推荐其它爆款内容

1、原创功能的帐号,可直接添加超链接推荐单篇文章,或做页面模版推荐精品内容合集; 2、自定义页面模版教程请看这篇文章https://kunnan.blog.csdn.net/article/details/113559044

玩法2: 将阅读原文链接做成查看历史消息

玩法3:链接其他内容载体

帐号都基于自己的内容做全平台分发

或有自己的帐号矩阵,不同平台、不同帐号间会互相推荐。 载体有官网、APP、微博、其他公众号。

2.4  取标题体现价值点

有收获的词语:iOS逆向手册、iOS逆向指南 效率:提升效率的iOS逆向工具 好奇心:一文看懂iOS逆向的6个玩法!

III 常见问题

  • 如果图片过大,会保存失败。需要先去掉无法保存的图片,才可以保存。

解决方法:重新从本地上传

IV 辅助工具

4.1 写作排版工具

Markdown 基础入门 :文章目录生成、合并单元格、文章快速插入链接(使用剪切板的链接插到选中文字)

https://mp.weixin.qq.com/s?__biz=MzI0MjU5MzU5Ng==&mid=2247487292&idx=3&sn=f3bd8ef91e7d0c81d66f735389d1ee45&chksm=e978b56fde0f3c792ffab45f8d480606b0c4a8f9580a804840387b36fea396ffa80f26aa46c4&mpshare=1&scene=1&srcid=0707IDvgAyGvYmvVizaRGIgr&sharer_sharetime=1625645781050&sharer_shareid=38c24777c9b84b8b44c56026b3aa9bd7&version=3.1.8.90238&platform=mac#rd

4.2 效率工具

  • 壹伴 · 小插件:快速采集文章素材,可快速查看你历史文章的封面素材

image.png

chrome插件安装地址 https://chrome.google.com/webstore/detail/%E5%A3%B9%E4%BC%B4-%C2%B7-%E5%B0%8F%E6%8F%92%E4%BB%B6/ibefaeehajgcpooopoegkifhgecigeeg

比如统计团队内部成员领域的顶尖信息素材网站及周边网站,以便共享资源 https://shimo.im/forms/cjJW9p6CPJyvPyTH/fill

image.png

4.3 快速发送文章链接

使用方法:输入快捷码,显示短语内容,按空格进行内容填充,回车即可直接发送内容

image.png

image.png

4.4 录制屏幕工具

录制手机屏幕

  1. iPhone可使用自带的录制功能,也可使用iTools进行录制
  2. 在 Mac 上使用“屏幕快照”或键盘快捷键拍摄屏幕图片(称为屏幕快照)或录制屏幕。

“屏幕快照”的工具面板可让您轻松拍摄屏幕快照和录制屏幕,并包含控制所捕捉内容的选项,例如您可以设定定时器延迟或者包含光标或点按。 在 Mac 上,按下 Shift-Command-5(或使用启动台)以打开“屏幕快照”并显示工具。

网络异常,图片无法展示
|

使用键盘快捷键拍照

捕捉整个屏幕 按下 Shift-Command-3。
捕捉屏幕的一部分 按下 Shift-Command-4,然后将十字指针移到要拍摄屏幕快照的位置。按下鼠标或触控板键,拖移到要捕捉的区域,然后松开鼠标或触控板键。
捕捉窗口或菜单栏 按下 Shift-Command-4,然后按下空格键。将相机指针移到窗口或菜单栏上方以高亮显示该区域,然后点按。
捕捉菜单和菜单项 打开菜单,按下 Shift-Command-4,然后将指针拖移到要捕捉的菜单项上。
打开屏幕快照 按下 Shift-Command 5。
捕捉触控栏 按下 Shift-Command-6。

https://support.apple.com/zh-cn/guide/mac-help/mh26782/10.14/mac/10.14 基础用法:`录制:点按“录制”。若要停止录制,再次按下 Shift-Command 5 点按菜单栏的停录“

4.5 其他辅助工具

  • 头图设计
  • 动图合成
  • 表情包
  • 查看其他mp 的数据

see also

订阅号使用心得(持续更新中)

https://kunnan.blog.csdn.net/article/details/112843839

image.png


目录
相关文章
|
前端开发 数据安全/隐私保护
我的公众号的排版
我不是一个专业的新媒体运营者,仅仅从3月份开始参与生信媛文章推送而已。但是身为一个处女座,一个追求美好的人,我还是想分享一点自己的经验,供大家参考。 markdown写作 我是2016年3月份开始从秋叶PPT哪里接触到markdown语法,虽然那片文章主题是使用markdown写邮件让别人耳目一新,但是里面推荐了一个markdown写作平台--简书,我就在那里写了近15W字。
1243 0
业余草微信公众号Markdown编辑器, 适合代码排版
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xmt1139057136/article/details/79825204 随着大家都转战微信公众平台,如何快速的编写文章就摆在了首要位置。
1408 0
|
Web App开发 前端开发 JavaScript
|
程序员
markdown语法图文介绍
markdown的排版格式固定且比较美观,大部分博主都会使用markdown进行博客文章的编辑,今天给大家介绍一下markdown语法的使用
19672 0
markdown语法图文介绍
|
移动开发 前端开发 JavaScript
创意名片大全:一组精美的折叠效果名片设计
  这篇文章收集了一批非常精美的,充满创造性的立体折叠效果的名片设计作品。这些设计新颖的企业名片能够给客户留下深刻的印象,对于推介公司的产品和业务有非常大的帮助,一起欣赏。 Ayako Okada   Luciano Balzano   Ewa Smuga   Lis   Evriel   Francesco Ferrigno   Das Beethoven   Suite 梦想天空关注前端开发技术,展示HTML5和CSS3应用,分享jQuery插件,推荐网页设计案例。
931 0
|
程序员
技术文章精美配图模板网站推荐-创客贴
技术文章精美配图模板网站推荐-创客贴
63 0
|
开发者 C++
微信不够好看的地方,只能自己来动手了 | 公众号卡片美化
微信不够好看的地方,只能自己来动手了 | 公众号卡片美化
|
9月前
|
前端开发
前端知识笔记(二十)———简易弹窗制作
前端知识笔记(二十)———简易弹窗制作
94 0

热门文章

最新文章