|
图文排版 H5秀 手机图文 秀米低调出道5.5年（完全没空庆祝侥幸被大家厚爱五周年T_T），团队一直在死磕一个问题：什么是排版？在我们的心中一直有一个答案。
排版在内容创作的流程中，往往被认为是最后的一步，或者是个可有可无的步骤。试想想有些时候为了突出部分重点内容，会特意加粗或放大部分字体；有些时候为了让一篇长文读起来不那么乏味，会将长文梳理出几个小节，用序号或者小标题为读者“导航”阅读。这些操作不需要某个特定编辑器来完成，但做这些事情的时候，其实就是在排版了。由此可见，排版设计并不只是给某些内容加些样式，而是通过梳理图文内容的逻辑和结构，找到合适的排版呈现方式。 秀米图文排版这款编辑工具的初心，是协助编辑用户梳理内容结构，让用户更好地去思考怎么向他们读者展现内容的层次。为此，秀米所设计的图文排版系统，称之为结构化编辑。结构化的意思是，在图文编辑的过程中，文字、图片或者是系统提供的模板，都可以看成是一块一块像积木一样的结构，每个结构都可以单独编辑，同时也可以进行复制、粘贴、调换位置各项操作。 结构化编辑与流式页面
PPT的编辑方式，可以想象成一块画布，由于画布的宽度和高是固定的，因此在画布上添加的任意组件，都可以有一个独立、互不影响的定位。而流式页面是没有固定的页面宽度与高度，因此在流式页面上组件之间的位置是相对的。 流式页面的高度取决于内容的高度，一个组件被删除了，后面的组件就会顶上来。在中间插入一个组件，后面的组件就会被挤下去。组件越多，页面的高度越长：  流式页面的宽度取决于阅读终端的宽度，很多人常常困惑，自己明明排版的时候只有一行字，到手机预览的时候就变成两行了：   一行标题在窄一点的手机上看可能就变成两行 实际上这是因为手机屏幕的宽度不够容纳这一行的字数，只能排到下一行去。不同手机的屏幕规格总有大大小小的出入，因此显示效果也无法做到完全一致。如果想要在编辑的过程中，感知不同宽度屏幕上的显示效果，可以使用图文排版编辑界面右下角的编辑区域缩放工具来模拟：  为什么要采用这种编辑方式呢？因为流式页面最适合微信公众号图文，段落与段落之间按顺序排列，内容越多，页面越长。因此，秀米排版的方式，就不能像PPT一样，自由地拖动组件，随意改变组件的大小了。在秀米排版的编辑页面，组件的位置改变，会影响到其它内容；组件的宽度改变，也可能影响同一行其它列的组件。这就是在使用秀米排版进行图文编辑的时候，要能理解的问题。 内容创作与结构化编辑
举个例子，在最初的工作规划阶段，内容作者会列提纲，思考关注点是写什么；排版编辑则是画区块，思考的关注点是写了什么。因此内容作者是文字型思维，排版编辑则是基于对文字的理解从中转化为内容版块的图像型思维：  文字型思维  图像型思维 当排版编辑梳理出内容的基本脉络之后，添加样式其实很快很简单。例如属于标题性质的文字，选中它，然后直接点击左边模板区的模板刷样式： 在秀米图文编辑系统中，通常一个黑框围住的范围代表的是一个结构，文字结构有可分拆的特性，只要将文字光标定位到想要插入内容的位置，然后点击左边模板区的内容，就能从中插入一个新的结构： 由于秀米的文字组件有可分拆的特性，在梳理内容层次的过程中，排版编辑通过添加样式、插入新的结构等一系列的操作，就可以将原本单个的文字结构分拆成多个文字结构。分成多个小结构的好处是，例如想要调整论点的顺序时，可以同时选中多个结构，上下拖动调整位置： 排版工作不完全只是梳理内容层次，有时候特别的信息需要特别对待。例如处理流程类的文字时，尽管作者已经很努力简化语言了： 应聘流程总共分为三步：1、将简历投递到邮箱recruit@mimi.us；2、收到笔试通知后，带齐身份证和黑色笔准时进入笔试考场；3、收到面试通知后，于某日下午3点到公司首层会议厅报到等候面试。 初级排版编辑会将1、2、3步骤分段排列： 应聘流程总共分为三步： 1、将简历投递到邮箱recruit@mimi.us； 2、收到笔试通知后，带齐身份证和黑色笔准时进入笔试考场； 3、收到面试通知后，于某日下午3点到公司首层会议厅报到等候面试。 图像型思维的编辑会进一步将信息结构化： |
|
|
让公众号文章变美，吸引更多读者的关注，是很多编辑小伙伴对图文编辑器的简朴诉求。有的小伙伴觉得，内容想要写好已经很不容易了，排版若只是锦上添花，倒不如专心磨练文笔；有的小伙伴觉得自己的内容没写好，于是寄望于排版工具，多找几个漂亮的样式就能丰富单薄的图文内容，结果反而搞得过于花哨，适得其反。
