图文排版
H5
手机版秀米
作为一个文字工作者，我们从文章中提取结构轻而易举，根据大纲，能够迅速为内容设置导语、主标题、次标题…而这些文字、图片本身就是文章重要的视觉要素，按照中心主题合理排列组合这些元素，使得视觉形式与内容本身相互强化，准确传递文章信息，才能给读者提供一个独特的思维空间。
因此，元素之间的位置、大小、形状等组合关系是创造版式的重点。而在文章中，内容元素是以行的形式紧密组合的，这便限制了我们创造另一个方向的排列结构。秀米的“布局”解锁了这个限制，通过创造一行多列的结构成功把元素并列组合。试想一下，在word里使用复杂的分栏工具，在秀米里只需要“布局”便可轻松创造各类结构，无疑秀米更香。
可以看到，无论是标题样式、图片组合，还是复杂的多元素版式，都能通过布局的并列结构进行创造。
秀米的“布局”功能是怎样创造繁杂的排版结构呢？首先我们需要了解两个概念。
01 “组件”概念及理解
组件是独立成行的块状组合；在编辑界面中任何可拖动的单元都是组件，例如文字、图片、各种小零件等。
注意观察，被黑色外框包围的结构即为“组件”，左侧为只选中组件，右侧为激活组件内元素，组件调整栏会在内容被选中后出现。组件总会占满整行，因此被称为独立成行的块状组合。
02 “布局”概念及理解
布局是用于限制内容宽度的单列或多列容器；可以在每列中添加各种组件，但是内部的所有组件宽度都会受制于该容器，同时每列容器都可以设置单独的样式。
也就是说，布局可以创造多列的结构，基于布局本身是可以拖拽的组件，可以在组件嵌套后产生更复杂结构，这便是秀米作为一款“结构化”排版编辑器的亮点。
因此，创造结构后，将组件拖拽放入，便可以产生各类版式。
03 理解“布局思维”
现在，框选以选中这几个组件。这个框选是在编辑区空白区域，摁住鼠标拉出蓝色选框，即可选中所需组件。
仔细观察选中的三个组件，组件1与组件3都没有左右并列结构，组件2明显使用了左右并列结构，那么使用两列的布局，分别塞入相应的内容，就完成了这个版式。
能够把视觉形式上的并列组合转为秀米布局的并列结构，就是“布局思维”。结合上述的操作与思路，思考下列样式该如何组合呢？
相信这个已经不是难事了，右滑看看答案吧。
04 本章小结
要想理解秀米“布局思维”，首先需要理解“组件”、“布局”这两个概念。
组件是独立成行的块状组合，在编辑界面中任何可拖动的单元都是组件。组件总会占满整行。
布局是用于限制内容宽度的单列或多列容器；可以在每列中添加各种组件，但是内部的所有组件宽度都会受制于该容器，同时每列容器都可以设置单独的样式。
布局思维能够把视觉形式上的并列组合转为秀米布局的并列结构。
小白适用
系统介绍秀米的基础操作
☚☚☚ 向左滑动
秀米有那么多骚技能
不来学几招？
当你理解了布局思维
你会发现……
,
