订阅号文章排版技巧

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

引言

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

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


目录
相关文章
重磅!高颜值好看的登录页面(附源码)
重磅!高颜值好看的登录页面(附源码)
|
开发者 C++
微信不够好看的地方,只能自己来动手了 | 公众号卡片美化
微信不够好看的地方,只能自己来动手了 | 公众号卡片美化
|
前端开发
整活系列(二)——整一个好看的毛玻璃登陆页面
昨天刷某站下饭的时候,看见了一个好看的登陆页面,于是昨天晚上用代码实现了一下,今天就拿出来分享给大家。
|
安全 JavaScript
微信公众号-- 微信分享功能(分享到朋友和朋友圈显示图片和简介)
页面设置一个隐藏的图片,宽高都是300像素,微信就会抓取这张图片做为分享图片
15527 0
|
程序员
markdown语法图文介绍
markdown的排版格式固定且比较美观,大部分博主都会使用markdown进行博客文章的编辑,今天给大家介绍一下markdown语法的使用
19644 0
markdown语法图文介绍
让网站标题变得可可爱爱
Hello!之前在浏览网页时,发现这样一个效果,就是我在当前网页,网页标题是这样,当我离开这个网页去浏览其他网页时,之前那个网页的标题发生了变化,真的非常的Q爱啊🤣,今天就把这个实现分享给大家,冲压,🚀
99 0
让网站标题变得可可爱爱
|
移动开发 JavaScript 前端开发
中文文案排版指北
統一中文文案、排版的相關用法,降低团队成员之间的沟通成本,增強網站气质。 Other languages:
192 0
|
缓存 Python
用Python拼字,实现微信好友头像生成祝福文字,做朋友圈最靓的仔
利用汉字库HZK16文件来实现,拿到点阵信息后,将背景图片当做16*16点阵,用头像图片和空白来替代点阵中的点。这里为了提高字笔画的丰富性,采用一个点对应4个图片。
533 0
用Python拼字,实现微信好友头像生成祝福文字,做朋友圈最靓的仔
业余草微信公众号Markdown编辑器, 适合代码排版
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xmt1139057136/article/details/79825204 随着大家都转战微信公众平台,如何快速的编写文章就摆在了首要位置。
1382 0
类似微信图片浏览,常见应用场景如微信朋友圈照片九宫格和微信聊天图片预览
本项目受Google官方demo Zooming a View 启发,实现了点击小图放大至全屏预览,退出全屏恢复至原来位置这两个过程的动画过渡。 常见应用场景如微信朋友圈照片九宫格和微信聊天图片预览,某些手机系统相册等viewpager图片查看 缩放 拖拽下拉缩小退出(效果同微信图片浏览) 特点1.支持自定义图片加载框架。
2245 0