秀米怎么导出长图（每天都怀疑自己用了个假秀米）

图文排版

H5

手机版秀米

作为一个文字工作者，我们从文章中提取结构轻而易举，根据大纲，能够迅速为内容设置导语、主标题、次标题…而这些文字、图片本身就是文章重要的视觉要素，按照中心主题合理排列组合这些元素，使得视觉形式与内容本身相互强化，准确传递文章信息，才能给读者提供一个独特的思维空间。

因此，元素之间的位置、大小、形状等组合关系是创造版式的重点。而在文章中，内容元素是以行的形式紧密组合的，这便限制了我们创造另一个方向的排列结构。秀米的“布局”解锁了这个限制，通过创造一行多列的结构成功把元素并列组合。试想一下，在word里使用复杂的分栏工具，在秀米里只需要“布局”便可轻松创造各类结构，无疑秀米更香。

可以看到，无论是标题样式、图片组合，还是复杂的多元素版式，都能通过布局的并列结构进行创造。

秀米的“布局”功能是怎样创造繁杂的排版结构呢？首先我们需要了解两个概念。

01 “组件”概念及理解

组件是独立成行的块状组合；在编辑界面中任何可拖动的单元都是组件，例如文字、图片、各种小零件等。

注意观察，被黑色外框包围的结构即为“组件”，左侧为只选中组件，右侧为激活组件内元素，组件调整栏会在内容被选中后出现。组件总会占满整行，因此被称为独立成行的块状组合。

02 “布局”概念及理解

布局是用于限制内容宽度的单列或多列容器；可以在每列中添加各种组件，但是内部的所有组件宽度都会受制于该容器，同时每列容器都可以设置单独的样式。

也就是说，布局可以创造多列的结构，基于布局本身是可以拖拽的组件，可以在组件嵌套后产生更复杂结构，这便是秀米作为一款“结构化”排版编辑器的亮点。

因此，创造结构后，将组件拖拽放入，便可以产生各类版式。

03 理解“布局思维”

现在，框选以选中这几个组件。这个框选是在编辑区空白区域，摁住鼠标拉出蓝色选框，即可选中所需组件。

仔细观察选中的三个组件，组件1与组件3都没有左右并列结构，组件2明显使用了左右并列结构，那么使用两列的布局，分别塞入相应的内容，就完成了这个版式。

能够把视觉形式上的并列组合转为秀米布局的并列结构，就是“布局思维”。结合上述的操作与思路，思考下列样式该如何组合呢？

相信这个已经不是难事了，右滑看看答案吧。

04 本章小结

要想理解秀米“布局思维”，首先需要理解“组件”、“布局”这两个概念。

组件是独立成行的块状组合，在编辑界面中任何可拖动的单元都是组件。组件总会占满整行。

布局是用于限制内容宽度的单列或多列容器；可以在每列中添加各种组件，但是内部的所有组件宽度都会受制于该容器，同时每列容器都可以设置单独的样式。

布局思维能够把视觉形式上的并列组合转为秀米布局的并列结构。

小白适用

系统介绍秀米的基础操作

☚☚☚ 向左滑动

秀米有那么多骚技能

不来学几招？

当你理解了布局思维

你会发现……

,