既不像 PPT 又不像 Word 的秀米,到底是什么神仙图文编辑器?

图文排版

H5秀

手机图文

秀米低调出道5.5年(完全没空庆祝侥幸被大家厚爱五周年T_T),团队一直在死磕一个问题:什么是排版?在我们的心中一直有一个答案。

让公众号文章变美,吸引更多读者的关注,是很多编辑小伙伴对图文编辑器的简朴诉求。有的小伙伴觉得,内容想要写好已经很不容易了,排版若只是锦上添花,倒不如专心磨练文笔;有的小伙伴觉得自己的内容没写好,于是寄望于排版工具,多找几个漂亮的样式就能丰富单薄的图文内容,结果反而搞得过于花哨,适得其反。

排版在内容创作的流程中,往往被认为是最后的一步,或者是个可有可无的步骤。试想想有些时候为了突出部分重点内容,会特意加粗或放大部分字体;有些时候为了让一篇长文读起来不那么乏味,会将长文梳理出几个小节,用序号或者小标题为读者“导航”阅读。这些操作不需要某个特定编辑器来完成,但做这些事情的时候,其实就是在排版了。由此可见,排版设计并不只是给某些内容加些样式,而是通过梳理图文内容的逻辑和结构,找到合适的排版呈现方式。

秀米图文排版这款编辑工具的初心,是协助编辑用户梳理内容结构,让用户更好地去思考怎么向他们读者展现内容的层次。为此,秀米所设计的图文排版系统,称之为结构化编辑。结构化的意思是,在图文编辑的过程中,文字、图片或者是系统提供的模板,都可以看成是一块一块像积木一样的结构,每个结构都可以单独编辑,同时也可以进行复制、粘贴、调换位置各项操作。

结构化编辑与流式页面

有的用户会问,既然内容是一块一块的,为什么秀米不能像PPT那样好用,直接拖来拖去摆放位置,拖来拖去改变大小,就好了呢?这就要谈到结构化编辑的另一个方面:流式页面。在流式页面中,添加的组件是从上到下按照添加顺序自动顺延排列的。这到底是什么意思呢?

PPT的编辑方式,可以想象成一块画布,由于画布的宽度和高是固定的,因此在画布上添加的任意组件,都可以有一个独立、互不影响的定位。而流式页面是没有固定的页面宽度与高度,因此在流式页面上组件之间的位置是相对的。

流式页面的高度取决于内容的高度,一个组件被删除了,后面的组件就会顶上来。在中间插入一个组件,后面的组件就会被挤下去。组件越多,页面的高度越长:

流式页面的宽度取决于阅读终端的宽度,很多人常常困惑,自己明明排版的时候只有一行字,到手机预览的时候就变成两行了:

一行标题在窄一点的手机上看可能就变成两行

实际上这是因为手机屏幕的宽度不够容纳这一行的字数,只能排到下一行去。不同手机的屏幕规格总有大大小小的出入,因此显示效果也无法做到完全一致。如果想要在编辑的过程中,感知不同宽度屏幕上的显示效果,可以使用图文排版编辑界面右下角的编辑区域缩放工具来模拟:

为什么要采用这种编辑方式呢?因为流式页面最适合微信公众号图文,段落与段落之间按顺序排列,内容越多,页面越长。因此,秀米排版的方式,就不能像PPT一样,自由地拖动组件,随意改变组件的大小了。在秀米排版的编辑页面,组件的位置改变,会影响到其它内容;组件的宽度改变,也可能影响同一行其它列的组件。这就是在使用秀米排版进行图文编辑的时候,要能理解的问题。

内容创作与结构化编辑

其实,写作和排版编辑不能混为一谈。虽然都是文字工作者,但思维方式上是存在一定差异的。内容作者侧重于对信息进行深度挖掘,运用写作手法(如表达方式,修辞手法等)对信息加工;而排版编辑侧重于在信息中捕捉重点,用更为图像化的方式向读者传达信息。

举个例子,在最初的工作规划阶段,内容作者会列提纲,思考关注点是写什么;排版编辑则是画区块,思考的关注点是写了什么。因此内容作者是文字型思维,排版编辑则是基于对文字的理解从中转化为内容版块的图像型思维:

文字型思维

图像型思维

当排版编辑梳理出内容的基本脉络之后,添加样式其实很快很简单。例如属于标题性质的文字,选中它,然后直接点击左边模板区的模板刷样式:

在秀米图文编辑系统中,通常一个黑框围住的范围代表的是一个结构,文字结构有可分拆的特性,只要将文字光标定位到想要插入内容的位置,然后点击左边模板区的内容,就能从中插入一个新的结构:

由于秀米的文字组件有可分拆的特性,在梳理内容层次的过程中,排版编辑通过添加样式、插入新的结构等一系列的操作,就可以将原本单个的文字结构分拆成多个文字结构。分成多个小结构的好处是,例如想要调整论点的顺序时,可以同时选中多个结构,上下拖动调整位置:

排版工作不完全只是梳理内容层次,有时候特别的信息需要特别对待。例如处理流程类的文字时,尽管作者已经很努力简化语言了:

应聘流程总共分为三步:1、将简历投递到邮箱recruit@mimi.us;2、收到笔试通知后,带齐身份证和黑色笔准时进入笔试考场;3、收到面试通知后,于某日下午3点到公司首层会议厅报到等候面试。

初级排版编辑会将1、2、3步骤分段排列:

应聘流程总共分为三步:

1、将简历投递到邮箱recruit@mimi.us;

2、收到笔试通知后,带齐身份证和黑色笔准时进入笔试考场;

3、收到面试通知后,于某日下午3点到公司首层会议厅报到等候面试。

图像型思维的编辑会进一步将信息结构化:

(0)

相关推荐