自由拖拽与分栏——把块摆成你想要的任意布局
块式排版的核心理念
FlowIn 的排版理念是:先写,再排。你不需要先规划好整体结构再开始写,而是先把所有内容(标题、段落、列表、图片等)的块写出来,然后用拖拽的方式调整它们的顺序、分栏和布局。
这个理念和传统的文档编辑器(先排版再填充内容)完全不同,也正是 FlowIn 在排版自由度上的优势来源。
拖拽块的基本操作
移动单个块
每个块左侧有一个"抓手"图标(通常是两行圆点 ⋮⋮)。按住这个抓手,然后:
- 上下拖动:改变块在页面里的顺序
- 拖到另一个块内部:变成那个块的子块(嵌套)
- 拖进分栏区域:放在指定的分栏位置
移动多个块
先选中多个块(用鼠标框选或按 Shift 点击),然后一起拖拽。多个块之间的相对顺序会保持不变。
在嵌套层级之间移动
把一个块拖到另一个块的缩进位置,可以让它变成那个块的子块(类似 Tab 键的效果)。把子块拖出缩进位置,可以让它回到上级(类似 Shift + Tab)。
分栏布局
创建分栏
选中一个块或一组块,用浮动工具栏的"分栏"功能,或者在斜杠命令里找 /两栏、/三栏 等选项。
FlowIn 支持常见的分栏布局:
- 两栏(左右各一半、左宽右窄等)
- 三栏
- 图片左 + 文字右 的经典图文布局
在分栏里放内容
分栏创建后,每个分栏区域是独立的编辑空间,可以往里面添加任何块(包括嵌套子页面、列表、图片等)。
移动端的表现
分栏在手机上会自动变成上下排列,因为窄屏幕不适合并排阅读。这是 FlowIn 的自动响应式行为,不需要手动调整。
画布式布局
部分版本或高级模式下,FlowIn 可能提供更自由的画布式布局——块不局限于从左到右、从上到下排列,可以像在 PPT 或 Figma 画布上一样任意摆放位置。
画布模式的优势是自由度更高,可以做出更复杂的版式(如图文混排卡片、信息图等),但操作成本也更高,适合需要精细设计的场景。
排版建议
先内容后布局
不要一开始就纠结排版。先把所有内容块都写出来(用 AI 起草也行),然后再统一调整布局。这样效率最高,也不会因为排版卡住写作节奏。
常见的排版模式
| 模式 | 适用场景 |
|---|---|
| 长文档模式(单一纵列) | 教案、讲义、报告 |
| 图文混排模式(图片 + 说明) | 产品介绍、教程 |
| 卡片网格模式(画布模式) | 信息图、作品集 |
| 侧边栏模式(分栏 + 内嵌) | 知识库、项目规划 |
不要过度设计
排版服务于内容。太复杂的布局反而分散读者注意力。对于大多数场景,简单的分栏 + 图片穿插就够了。
和 AI 的配合
AI 生成的内容是标准的块,可以直接参与拖拽和排版。常见组合:
- AI 起草整页内容(自动生成标题 + 段落)
- 手动调整块顺序和层级
- 插入图片块,拖到合适位置
- 用分栏把长内容拆成左右两栏
写作和排版在同一个编辑器里完成,不用切应用。